:root{color:#f6f3ea;font-synthesis:none;text-rendering:optimizelegibility;--surface:#191b20;--surface-soft:#22252c;--border:#333741;--text-soft:#b9bdc8;--accent:#f2d36b;--danger:#ff8b8b;background:#101114;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#101114;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}.page{min-height:100vh;padding:clamp(24px,5vw,64px) 20px 72px}.shell{width:min(100%,980px);margin:0 auto}.shell--narrow{width:min(100%,620px)}.hero{padding:32px 0 48px}.hero--compact{padding-bottom:28px}.hero h1,.room-header h1{margin:4px 0 12px;font-size:clamp(2.2rem,8vw,5rem);line-height:.98}.hero h2,.panel h2{margin:0 0 12px}.eyebrow{color:var(--accent);letter-spacing:.14em;margin:0;font-size:.78rem;font-weight:800}.lead{max-width:680px;color:var(--text-soft);margin:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.muted{color:var(--text-soft)}.back-link{color:var(--text-soft);margin-bottom:12px;text-decoration:none;display:inline-block}.back-link:hover{color:#fff}.game-grid,.action-grid,.room-layout{gap:18px;display:grid}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.game-card,.panel{border:1px solid var(--border);background:var(--surface);border-radius:24px;padding:clamp(20px,4vw,32px)}.game-card{grid-template-columns:auto 1fr auto;align-items:center;gap:22px;display:grid}.game-card h2{margin:3px 0 8px;font-size:clamp(1.4rem,3vw,2rem)}.game-card p{color:var(--text-soft);margin-top:0;line-height:1.6}.game-card__mark{background:var(--surface-soft);border-radius:20px;place-items:center;width:72px;height:72px;font-size:2rem;display:grid}.panel--soft{background:#15171b;margin-top:18px}.panel p{color:var(--text-soft);line-height:1.65}.panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-heading strong{font-size:1.4rem}.stack{gap:14px;margin-top:22px;display:grid}label{color:var(--text-soft);gap:8px;font-size:.92rem;font-weight:700;display:grid}input,select{border:1px solid var(--border);color:#fff;background:#0e0f12;border-radius:14px;outline:none;width:100%;padding:14px 16px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f2d36b24}.button{border:1px solid var(--border);background:var(--surface-soft);color:#fff;border-radius:14px;justify-content:center;align-items:center;min-height:46px;padding:10px 18px;font-weight:800;text-decoration:none;display:inline-flex}.button:hover{filter:brightness(1.08)}.button:disabled{cursor:wait;opacity:.55}.button--primary{background:var(--accent);color:#17150c;border-color:#0000}.notice{background:var(--surface-soft);border-radius:14px;margin:18px 0 0;padding:12px 14px}.notice--error{color:var(--danger)}.room-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.room-code{letter-spacing:.08em}.status-pill{border:1px solid var(--border);color:var(--text-soft);border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:800}.status-pill--connected{color:#9ce6b1;border-color:#346342}.status-pill--reconnecting{color:#f2d36b}.room-share{align-items:center;gap:20px;display:grid}.qr-wrap{background:#fff;border-radius:18px;width:fit-content;padding:12px;line-height:0}.player-list{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.player-list li{border-top:1px solid var(--border);align-items:center;gap:10px;padding-top:12px;display:flex}.presence{background:#626773;border-radius:999px;flex:none;width:9px;height:9px}.presence--online{background:#74d98f;box-shadow:0 0 0 3px #74d98f1f}.badge{border:1px solid var(--border);color:var(--accent);letter-spacing:.08em;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:.7rem;font-weight:900}.badge--cpu{color:#9fd6ff;border-color:#355870}.game-settings{border:1px solid var(--border);background:#101115;border-radius:16px;justify-content:space-between;align-items:end;gap:18px;margin-top:20px;padding:14px;display:flex}.game-settings>div{gap:3px;display:grid}.game-settings .eyebrow{margin:0}.game-settings label{min-width:168px}.game-settings .muted{margin:0}.dev-tools{background:#101820;border:1px dashed #355870;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding:12px;display:flex}.dev-tools .badge{margin-left:0}.dev-tools strong{color:#9fd6ff;margin-right:auto}@media (width<=720px){.action-grid,.room-layout{grid-template-columns:1fr}.game-card{grid-template-columns:auto 1fr}.game-card .button{grid-column:1/-1}.room-header{align-items:flex-start}.room-share{grid-template-columns:1fr}}@media (width<=460px){.page{padding-inline:14px}.game-card,.panel{border-radius:18px;padding:18px}.game-card__mark{border-radius:16px;width:54px;height:54px}.room-header{flex-direction:column;gap:8px}.qr-wrap{margin:0 auto}}textarea{resize:vertical;border:1px solid var(--border);color:#fff;background:#0e0f12;border-radius:14px;outline:none;width:100%;min-height:112px;padding:14px 16px}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f2d36b24}textarea:disabled{opacity:.55}.room-share{grid-template-columns:auto 1fr;margin-bottom:18px}.room-layout--game{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);align-items:start}.game-panel{min-width:0}.prompt-text{margin:8px 0 22px;font-size:clamp(1.45rem,4vw,2.45rem);line-height:1.35}.target-card{background:#211d10;border:1px solid #6a5b24;border-radius:18px;gap:6px;padding:18px;display:grid}.target-card span{color:var(--text-soft);font-size:.85rem}.target-card strong{color:var(--accent);font-size:clamp(1.5rem,5vw,2.5rem)}.prompt-list{color:var(--text-soft);gap:8px;margin-top:16px;font-size:.9rem;display:grid}.wide-action{width:100%;margin-top:18px}.submitted-answer{background:var(--surface-soft);border-radius:18px;gap:10px;padding:20px;display:grid}.submitted-answer span{color:var(--accent);font-size:.8rem;font-weight:800}.submitted-answer strong{font-size:1.25rem}.submitted-answer p{margin:0}.answer-grid,.result-list{gap:12px;margin-top:18px;display:grid}.answer-card,.result-card{border:1px solid var(--border);background:#14161a;border-radius:18px;padding:16px}.answer-card--own{border-style:dashed}.answer-card p{color:#fff;margin:0 0 14px;font-size:1.05rem}.vote-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.button--selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.result-card{gap:14px;display:grid}.result-card>div{gap:5px;display:grid}.result-card>div>span{color:var(--text-soft);font-size:.85rem}.result-card dl{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;display:grid}.result-card dl div{background:var(--surface-soft);text-align:center;border-radius:12px;gap:2px;padding:9px;display:grid}.result-card dt{color:var(--text-soft);font-size:.7rem}.result-card dd{margin:0;font-size:1.1rem;font-weight:900}.score-chip{color:var(--accent);white-space:nowrap;margin-left:auto;font-size:.84rem}.standings{gap:10px;margin:22px 0;padding:0;list-style:none;display:grid}.standings li{border-top:1px solid var(--border);grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding-top:12px;display:grid}.standing-rank{background:var(--surface-soft);width:32px;height:32px;color:var(--accent);border-radius:999px;place-items:center;font-weight:900;display:grid}@media (width<=720px){.room-layout--game,.room-share{grid-template-columns:1fr}}