:root{--ink:#101719;--cream:#f7f1e6;--orange:#ff6b35;--aqua:#16b8a6;--yellow:#ffc857;--muted:#6f7777;--panel:#fffdf8;--line:#d9d5ca;--shadow:0 18px 45px rgba(16,23,25,.12)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}button,input,textarea{font:inherit}.brand{font-weight:950;letter-spacing:-.04em;font-size:1.25rem}.brand span{color:var(--orange)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:850;font-size:.72rem;color:var(--aqua)}.shell{max-width:1120px;margin:auto;padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.live{display:flex;gap:8px;align-items:center;font-weight:800;font-size:.8rem}.dot{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #ff6b3522}.card{background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:24px}.hero{text-align:center;max-width:680px;margin:8vh auto 0}.hero h1{font-size:clamp(2.5rem,8vw,5.8rem);line-height:.91;letter-spacing:-.075em;margin:16px 0 18px}.hero h1 em{font-style:normal;color:var(--orange)}.sub{color:var(--muted);font-size:1.06rem;line-height:1.6}.join{display:flex;gap:10px;max-width:480px;margin:28px auto 12px}.input{width:100%;border:1.5px solid var(--line);background:#fff;border-radius:13px;padding:14px 16px;outline:none}.input:focus{border-color:var(--aqua);box-shadow:0 0 0 4px #16b8a622}.btn{border:0;border-radius:13px;padding:14px 20px;background:var(--ink);color:white;font-weight:850;cursor:pointer;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn.orange{background:var(--orange)}.btn.aqua{background:var(--aqua)}.btn.ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.game{max-width:760px;margin:4vh auto}.status{text-align:center;margin-bottom:18px}.timer{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;margin:auto;background:var(--ink);color:#fff;font-size:1.85rem;font-weight:950;border:7px solid var(--yellow)}.question{font-size:clamp(1.6rem,4vw,3.25rem);line-height:1.08;letter-spacing:-.045em;text-align:center;margin:26px auto}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{min-height:86px;text-align:left;padding:18px;border-radius:16px;background:white;border:2px solid var(--line);font-size:1.1rem;font-weight:800;cursor:pointer}.answer:hover{border-color:var(--aqua);transform:translateY(-2px)}.answer strong{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--cream);margin-right:10px}.answer.selected{background:var(--aqua);border-color:var(--aqua);color:white}.answer.correct{background:var(--aqua);border-color:var(--aqua);color:white}.message{text-align:center;padding:22px;color:var(--muted)}.grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.control h1{font-size:2.4rem;letter-spacing:-.055em;margin:6px 0 4px}.tabs{display:flex;gap:8px;margin:24px 0}.form-row{display:grid;grid-template-columns:1fr 110px;gap:10px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.textarea{min-height:100px;resize:vertical}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.stat{background:var(--cream);border-radius:14px;padding:14px}.stat b{display:block;font-size:1.55rem}.stat span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.board{list-style:none;padding:0;margin:0}.board li{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-weight:760}.rank{color:var(--muted)}.score{background:var(--ink);color:white;border-radius:99px;padding:4px 10px;font-size:.8rem}.mini{font-size:.8rem;color:var(--muted);font-weight:500}.notice{padding:12px 14px;border-radius:12px;background:#16b8a616;color:#08786d;font-weight:750;margin-top:12px}.hidden{display:none!important}
.choice-row{display:grid;grid-template-columns:28px 1fr;gap:6px;align-items:center}.choice-row>b{font-size:1.05rem}.control .stat-row{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.shell{padding:18px}.grid{grid-template-columns:1fr}.answers{grid-template-columns:1fr}.join{flex-direction:column}.choices{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.hero{margin-top:4vh}.card{padding:18px}.control .stat-row{grid-template-columns:1fr 1fr}}
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700&family=Syne+Mono&display=swap');
:root{--ink:#000;--cream:#f2f2f2;--orange:#000;--aqua:#000;--yellow:#fff;--muted:#555;--panel:#fff;--line:#000;--shadow:none}
body{font-family:'Syne Mono',monospace;background:#fff}.brand,.hero h1,.question,.control h1,h2{font-family:'Syne',sans-serif;text-transform:uppercase;font-weight:700}.brand span,.hero h1 em{color:inherit}.card,.input,.btn,.answer,.stat,.notice{border-radius:0}.card{border:1px solid #000}.btn{border:1px solid #000;text-transform:uppercase;font-family:'Syne Mono',monospace}.btn.ghost{border:1px solid #000}.btn:hover,.answer:hover{transform:none;background:#000;color:#fff}.input:focus{border-color:#000;box-shadow:0 0 0 2px #000}.eyebrow{color:#000;font-family:'Syne Mono',monospace}.dot{background:#000;box-shadow:none}.timer{border:1px solid #000;border-radius:0}.score{border-radius:0}.queue{margin-top:18px}.queue-item{border-top:1px solid #000;padding:16px 0}.queue-item h3{margin:0 0 6px;font-family:'Syne',sans-serif;text-transform:uppercase}.queue-item p{margin:0 0 10px;color:#555}.queue-actions{display:flex;gap:8px;flex-wrap:wrap}