:root{--bg:#16181d;--panel:#22252c;--panel-edge:#34383f;--text:#e8e8e8;--muted:#9aa0a8;--accent:#ffdc00;--danger:#ff4136;--field:#0c0d0f}*{box-sizing:border-box}[hidden]{display:none}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Courier New,Courier,monospace}#app{flex-direction:column;align-items:center;gap:12px;padding:12px;display:flex}h1,h2{letter-spacing:.06em;margin:.2em 0}.title{margin-top:8vh}.tagline{color:var(--muted);margin:0 0 24px}label{color:var(--muted);margin:12px 0 4px;font-size:13px;display:block}input,select{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--panel-edge);border-radius:4px;padding:10px}input:focus,select:focus{outline:1px solid var(--accent)}a.button{display:inline-block}button,.button{font:inherit;color:var(--text);border:1px solid var(--panel-edge);cursor:pointer;text-align:center;background:#2c3038;border-radius:4px;margin-top:12px;padding:10px 16px;text-decoration:none}button:hover,.button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#16181d;font-weight:700}.ghost-btn{color:var(--muted);background:0 0;border-style:dashed}.card{background:var(--panel);border:1px solid var(--panel-edge);border-radius:8px;width:min(92vw,460px);padding:20px 24px}.split{gap:24px;margin-top:8px;display:flex}.split section{flex:1}.error{color:var(--danger)}.game{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.hud{justify-content:space-between;align-items:baseline;gap:16px;width:min(92vw,70vh,600px);display:flex}.hud-home{color:var(--muted);text-decoration:none}.hud-code{color:var(--accent);letter-spacing:.2em;font-weight:700}.hud-timer{text-align:right;min-width:3ch}.hud-timer.urgent{color:var(--danger);font-weight:700}.stage{width:min(92vw,70vh,600px);position:relative}canvas.field{background:var(--field);touch-action:none;cursor:crosshair;border:2px solid #333;width:100%;height:auto;display:block}.overlay:not([hidden]){background:#0a0b0dbf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay .card{width:min(86%,400px)}.roster{margin:8px 0;padding:0;list-style:none}.roster li{padding:3px 0}.sharebox{gap:8px;display:flex}.sharebox input{flex:1;font-size:12px}.sharebox button{margin-top:0}.gameover{text-align:center}.statusbar{align-items:center;gap:12px;width:min(92vw,70vh,600px);min-height:40px;display:flex}.statusbar button{margin-top:0;padding:6px 12px}#status{color:var(--muted);font-size:14px}.legend{flex-wrap:wrap;gap:12px;width:min(92vw,70vh,600px);font-size:13px;display:flex}.seat{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.seat.me{color:var(--text)}.seat.dead{opacity:.45;text-decoration:line-through}.chip{border-radius:3px;width:12px;height:12px;display:inline-block}