:root{color-scheme:dark;--green: #39ff14;--dim: #163016;--ink: #050805;--warn: #ffb347;--bang: #ff5a3c;--font: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}button,a{touch-action:manipulation}html,body{width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--green);font-family:var(--font)}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}.boot{position:fixed;left:0;right:0;top:42%;text-align:center;letter-spacing:.28em;opacity:.7;z-index:6;pointer-events:none;text-shadow:0 0 12px var(--green)}#scan{position:fixed;inset:0;pointer-events:none;z-index:4;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08) 1px,transparent 1px,transparent 4px)}#scan.off{display:none}#vignette{position:fixed;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at 50% 40%,transparent 40%,rgba(0,0,0,.55) 100%)}#app{position:relative;z-index:5;min-height:100%;display:flex;flex-direction:column;pointer-events:none}#app button,#app .menu,#app .hud{pointer-events:auto}.top{display:flex;justify-content:space-between;align-items:center;padding:calc(10px + env(safe-area-inset-top)) 14px 10px}.brand strong{letter-spacing:.28em;text-shadow:0 0 10px var(--green)}.brand span{opacity:.5;margin-left:.6rem;font-size:.75rem}.panel{display:none;margin:auto 1rem 3.6rem;max-width:26rem;width:calc(100% - 2rem);align-self:center;text-align:center;padding:1.1rem 1rem 1rem;border:1px solid rgba(57,255,20,.45);background:#050a069e;box-shadow:0 0 40px #39ff1429;backdrop-filter:blur(5px)}.panel.active{display:block}h1{font-size:clamp(2.2rem,8vw,3.4rem);letter-spacing:.22em;text-shadow:0 0 16px var(--green)}.sub{opacity:.55;letter-spacing:.14em;margin:.4rem 0 1.3rem;font-size:.72rem}.modes{display:flex;flex-direction:column;gap:.65rem}.modes button{text-align:left;display:flex;flex-direction:column;gap:.2rem}.modes button span{font-size:.72rem;letter-spacing:.04em;opacity:.7;font-weight:400}button{font-family:inherit;text-transform:uppercase;letter-spacing:.14em;color:var(--green);background:transparent;border:2px solid var(--green);padding:12px 16px;cursor:pointer;box-shadow:0 0 12px #39ff142e}button:hover:not(:disabled){background:var(--green);color:#031003}button:focus-visible{outline:2px solid var(--warn);outline-offset:3px}button:disabled{opacity:.35;cursor:not-allowed}button.ghost{box-shadow:none;padding:6px 10px;font-size:.75rem}.hidden{display:none!important}.high,.record{margin-top:1rem;opacity:.7;font-size:.82rem}.record{margin-top:.3rem;font-size:.75rem}.hud{margin-top:auto;padding:0 12px calc(12px + env(safe-area-inset-bottom))}.banner{text-align:center;text-shadow:0 0 10px var(--green)}.turn{min-height:1.1rem;letter-spacing:.2em;font-size:.75rem;opacity:.75}.turn.ai{color:var(--warn);opacity:1;text-shadow:0 0 8px var(--warn)}.status{font-size:clamp(1.15rem,3.8vw,1.5rem);min-height:1.7rem;margin:.15rem 0;font-weight:700}.status.bang{color:var(--bang);text-shadow:0 0 16px var(--bang)}.match{font-size:.8rem;opacity:.75}.stats{display:flex;justify-content:space-around;margin:.55rem 0;font-size:.92rem;opacity:.95}.kits{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:.5rem}.kits small{display:block;opacity:.5;font-size:.65rem;letter-spacing:.16em;margin-bottom:.2rem}.chips{display:flex;flex-wrap:wrap;gap:4px;min-height:1.6rem}.chip{border:1px solid var(--green);padding:4px 8px;font-size:.68rem;letter-spacing:.1em;background:#39ff1414}.chip.empty,.empty{opacity:.4;font-style:normal}.chip.use{cursor:pointer}.actions,.items{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.items{margin-top:8px}.disclaimer{position:fixed;left:0;right:0;bottom:4px;text-align:center;font-size:.58rem;opacity:.35;letter-spacing:.08em;pointer-events:none;z-index:6}@media(max-width:520px){.panel{margin-bottom:3.2rem}button{padding:11px 12px;font-size:.9rem}}@media(prefers-reduced-motion:reduce){#scan{display:none}button,.status,.brand strong,h1{text-shadow:none}}