:root{--bg:#120d1a;--ink:#f4e9d8;--muted:#b8a88f;--neon:#ff5fa2;--gold:#f2c14e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}#stage{place-items:center;display:grid;position:fixed;inset:0}body.panels-beside #stage{right:calc(26rem + 24px)}#stage canvas{image-rendering:pixelated}#overlay{pointer-events:none;position:fixed;inset:0}.hud{pointer-events:auto;background:#120d1ad1;border:1px solid #ff5fa266;border-radius:6px;width:min(17rem,100% - 24px);padding:8px 12px;font-size:13px;line-height:1.5;position:absolute;top:12px;left:12px}.hud h1{color:var(--neon);letter-spacing:.04em;margin:0;font-size:16px}.hud .tagline{color:var(--gold);margin:0 0 6px}.meta{color:var(--muted);overflow-wrap:anywhere}.hud .activity{color:var(--gold)}.luck{align-items:center;gap:8px;display:flex}.gauge{background:#f4e9d826;border-radius:3px;flex:1;height:6px;overflow:hidden}.gauge span{background:var(--gold);height:100%;display:block}.lucky-break{color:var(--gold);font-size:11px}.chips{pointer-events:auto;align-items:center;gap:8px;margin-top:4px;display:flex}.chips button.cue{border-color:var(--neon)}.dev{pointer-events:auto;border-top:1px dashed #b8a88f66;margin-top:8px;padding-top:8px}.dev input{width:100%;display:block}button{font:inherit;color:var(--ink);cursor:pointer;background:#f2c14e1f;border:1px solid #f2c14e73;border-radius:4px;padding:3px 9px;font-size:12px}button:hover:not(:disabled){background:#f2c14e40}button:disabled{opacity:.4;cursor:default}button.primary{color:var(--bg);background:var(--gold);border-color:var(--gold);padding:6px 16px;font-size:14px;font-weight:700}button.primary:hover:not(:disabled){background:#ffd774}button.on{border-color:var(--neon);background:#ff5fa240}input,textarea{font:inherit;color:var(--ink);background:#f4e9d80f;border:1px solid #f4e9d840;border-radius:4px;padding:4px 8px;font-size:13px}h2{color:var(--neon);margin:12px 0 6px;font-size:14px}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:10px 0 4px;font-size:12px}.small{font-size:11px}.nick{color:var(--gold);font-weight:700}.hint{color:var(--gold);font-style:italic}.doll{image-rendering:pixelated;flex:none}.hud-row{justify-content:space-between;gap:8px;display:flex}.small-btn{margin-top:6px;font-size:11px}.loading{place-items:center;margin:0;display:grid;position:absolute;inset:0}.panel-toggle{pointer-events:auto;background:#120d1ae0;position:absolute;top:12px;right:12px}.panels{pointer-events:auto;background:#120d1aeb;border:1px solid #f2c14e59;border-radius:6px;flex-direction:column;width:min(26rem,100% - 24px);font-size:13px;line-height:1.45;display:flex;position:absolute;top:12px;bottom:12px;right:12px}.tabs{border-bottom:1px solid #f4e9d81a;flex-wrap:wrap;gap:4px;padding:8px;display:flex}.tabs .close{margin-left:auto}.tab-body{flex:1;padding:4px 12px 12px;overflow-y:auto}.journal{margin:0;padding:0;list-style:none}.journal>li{border-bottom:1px solid #f4e9d814;padding:6px 0}.journal>li.notable{color:var(--gold)}.journal .when{color:var(--muted);font-size:11px;display:block}.journal .more{margin-left:6px;padding:0 6px;font-size:10px}.detail{color:var(--ink);margin:4px 0 0;padding-left:18px;font-size:12px}.previously{border:1px solid #f2c14e80;border-radius:6px;margin:6px 0 10px;padding:8px 10px;font-size:12px}.previously strong{color:var(--gold)}.portrait-row{align-items:flex-start;gap:12px;display:flex}.portrait-row h2{margin-top:0}.origin p{margin:6px 0}.build{grid-template-columns:1fr 1fr;gap:4px 12px;margin:8px 0;font-size:12px;display:grid}.build dt{color:var(--muted);font-size:11px}.build dd{margin:0}.entry{border-bottom:1px solid #f4e9d81a;padding:6px 0}.entry-head{text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:2px 0;display:flex}.entry-body{padding:4px 0 8px}.summary{margin:6px 0;padding-left:18px}.sightings{margin:4px 0;padding-left:18px;font-size:12px}.notes{margin-top:8px;display:block}.notes textarea{resize:vertical;width:100%;min-height:4.5em;margin-top:4px;display:block}.settings .toggle{align-items:flex-start;gap:8px;margin:10px 0;display:flex}.creator{pointer-events:auto;background:#120d1af0;padding:16px 16px 96px;font-size:13px;line-height:1.45;position:absolute;inset:0;overflow-y:auto}.creator header h1{color:var(--neon);margin:0;font-size:22px}.creator-grid{grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:14px;max-width:1200px;margin-top:8px;display:grid}.panel{border:1px solid #f2c14e40;border-radius:6px;padding:4px 14px 14px}.look-row{align-items:center;gap:16px;display:flex}.parts{flex-direction:column;flex:1;gap:4px;display:flex}.part{justify-content:space-between;align-items:center;gap:6px;display:flex}.name-row{flex-wrap:wrap;gap:6px;display:flex}.name-row input{flex:7rem;min-width:0}.presets,.stops{flex-wrap:wrap;gap:4px;display:flex}.attr{border-bottom:1px solid #f4e9d814;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.stepper{flex:none;align-items:center;gap:6px;display:flex}.pips{gap:3px;display:flex}.pips i{border:1px solid var(--gold);border-radius:2px;width:10px;height:10px}.pips i.on{background:var(--gold)}.slider{margin-top:10px}.cards{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:6px;display:grid}.card{text-align:left;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.card.vice.on{background:#ff5fa24d}.creator-foot{background:#120d1afa;border-top:1px solid #f2c14e59;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.foot-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.modal{pointer-events:auto;z-index:10;background:#08050c99;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.modal-box{background:var(--bg);border:1px solid var(--gold);border-radius:8px;width:min(34rem,100%);max-height:calc(100vh - 32px);padding:16px 18px;font-size:13px;line-height:1.5;overflow-y:auto}.facts{grid-template-columns:auto 1fr;gap:2px 10px;margin:6px 0 0;display:grid}.facts div{display:contents}.facts dt{color:var(--muted)}.facts dd{margin:0}.legacy-nick{color:var(--gold);font-size:20px}.quirk{margin-top:4px}@media (max-width:720px){.panels{height:50%;top:auto}}.pill{color:var(--gold);border:1px solid #f2c14e80;border-radius:999px;margin:4px 0 8px;padding:3px 10px;font-size:12px;display:inline-block}.digest-hour h3{margin-top:8px}.summary li.notable{color:var(--gold)}.away{border-bottom:1px dashed #f2c14e66;margin-bottom:12px;padding-bottom:8px}.replay-banner{border:1px solid var(--gold);color:var(--gold);pointer-events:auto;background:#120d1aeb;border-radius:6px;align-items:center;gap:12px;padding:8px 14px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.modal .gauge{display:block}.file-btn{cursor:pointer;background:#f2c14e1f;border:1px solid #f2c14e73;border-radius:4px;padding:3px 9px;font-size:12px;position:relative}.file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.on-duty{align-items:center;gap:8px;margin:6px 0 2px;display:flex}.on-duty img{image-rendering:pixelated;background:#2a2433;border:1px solid #f2c14e80;border-radius:4px}