:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0b0f12;--ink:#e9eee9;--muted:#a9b6b0;--panel:#0b0f12db;--line:#e9eee933;--amber:#e6a83e;--amber-ink:#1a1408;--font-display:"Pixelify Sans", ui-monospace, "Cascadia Mono", monospace;--font-body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace}*{box-sizing:border-box}html,body{background:var(--ground);height:100%;color:var(--ink);font:400 16px/1.5 var(--font-body);margin:0}#app{position:fixed;inset:0;overflow:hidden}#game{position:absolute;inset:0}#game canvas{image-rendering:pixelated}#ui{pointer-events:none;position:absolute;inset:0}#ui>*{pointer-events:auto}.lang-switch{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));gap:4px;display:flex;position:absolute}.panel{left:max(clamp(16px, 5vw, 64px), env(safe-area-inset-left));bottom:max(clamp(16px, 8vh, 72px), env(safe-area-inset-bottom));background:var(--panel);border:1px solid var(--line);gap:14px;width:min(440px,100% - 32px);max-height:calc(100% - 96px);padding:24px;display:grid;position:absolute;overflow:auto}.title{font:700 clamp(28px, 4.2vw, 44px) / 1 var(--font-display);text-wrap:balance;margin:0}.heading{text-wrap:balance;margin:0;font-size:20px;font-weight:600;line-height:1.25}.tagline,.body{color:var(--muted);margin:0}.actions{gap:8px;margin-top:4px;display:grid}button{font:600 15px/1.2 var(--font-body);color:var(--ink);border:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;padding:11px 14px}button:hover{border-color:var(--amber)}button:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:2px}button.primary{background:var(--amber);border-color:var(--amber);color:var(--amber-ink)}.lang-switch button{font:500 13px/1 var(--font-mono);padding:6px 10px}.lang-switch button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ground)}.field{grid-template-columns:1fr auto;align-items:center;gap:6px 12px;display:grid}.field label{color:var(--muted);grid-column:1/-1;font-size:14px}.field input{width:100%;accent-color:var(--amber)}.field output{text-align:right;min-width:4ch;font:500 13px/1 var(--font-mono);font-variant-numeric:tabular-nums}.play{pointer-events:none;position:absolute;inset:0}.play>*{pointer-events:auto}.hud{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));background:var(--panel);border:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 18px;padding:8px 12px;font-size:13px;display:flex;position:absolute;right:112px}.hud-clock{font:500 13px/1 var(--font-mono);color:var(--amber);white-space:nowrap}.hud-stats{flex-wrap:wrap;gap:6px 16px;margin:0;display:flex}.stat{gap:2px;display:grid}.stat dt{font:500 10.5px/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.stat dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.meter{background:var(--line);width:64px;height:3px;display:block;position:relative}.meter:after{content:"";width:var(--v);background:var(--amber);position:absolute;inset:0 auto 0 0}.hud-menu{margin-left:auto;padding:6px 10px;font-size:13px}.stage{left:max(clamp(16px, 5vw, 64px), env(safe-area-inset-left));bottom:max(clamp(16px, 6vh, 56px), env(safe-area-inset-bottom));background:var(--panel);border:1px solid var(--line);align-content:start;gap:14px;width:min(720px,100% - 32px);max-height:calc(100% - 150px);padding:22px;display:grid;position:absolute;overflow:auto}.stage.is-summary{width:min(820px,100% - 32px)}.portrait{image-rendering:pixelated;border:1px solid var(--line);display:block}.speaker{grid-template-columns:64px 1fr;align-items:center;gap:12px;display:grid}.speaker .portrait{width:64px;height:64px}.speaker-meta{gap:2px;display:grid}.speaker-meta strong{font-size:16px}.speaker-meta span{color:var(--muted);font-size:13px}.speaker-meta .channel{font:500 11px/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--amber)}.say{white-space:pre-line;text-wrap:pretty;margin:0;font-size:17px;line-height:1.55}.choices{gap:8px;display:grid}.choice{gap:3px;display:grid}.choice-hint{color:var(--muted);font-size:13px;font-weight:400}button.primary .choice-hint{color:inherit}button.small{padding:6px 10px;font-size:13px}button.cover{border-style:dashed}button:disabled{opacity:.45;cursor:not-allowed}.feed-title{font:500 12px/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--amber);margin:0}.feed{gap:10px;margin:0;padding:0;list-style:none;display:grid}.post{grid-template-columns:40px 1fr;align-items:start;gap:10px;display:grid}.post .portrait,.post-avatar{width:40px;height:40px}.post-avatar{background:var(--line);display:block}.post-head{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.post-meta{font:400 12px/1 var(--font-mono);color:var(--muted)}.post-body p{margin:2px 0 0}.items{gap:6px;margin:0;padding:0;list-style:none;display:grid}.item{border:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:8px 10px;display:grid}.item-note{color:var(--muted);grid-column:1/-1;font-size:13px}.item-actions{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.chip{font:500 11px/1.3 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;border:1px solid;padding:2px 6px}.status-ok{color:#8fd18b}.status-weak{color:#e6c24a}.status-bad{color:#f07a6a}.subheading{margin:0;font-size:16px;font-weight:600}.table-wrap{overflow-x:auto}.compare{border-collapse:collapse;width:100%;font-size:14px}.compare th,.compare td{border-bottom:1px solid var(--line);text-align:left;padding:6px 8px}.compare th{font:500 11px/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.compare tr.mismatch{background:#f07a6a1a}.questions{gap:6px;margin:0;padding-left:20px;display:grid}.fine{font:400 12.5px/1.5 var(--font-mono);color:var(--muted);margin:0}.setup-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.setup-option{text-align:center;justify-items:center;gap:10px;display:grid}.setup-option .portrait{width:96px;height:96px}@media (width<=640px){.hud{top:calc(max(16px, env(safe-area-inset-top)) + 44px);right:max(16px, env(safe-area-inset-right))}.stage{max-height:calc(100% - 190px);padding:16px}.say{font-size:16px}}