body{overflow:hidden}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}#app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 38%,rgba(255,107,53,.1),transparent 62%);z-index:0}.screen{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4vh 5vw;gap:2.4vh;text-align:center}.eyebrow{font-size:clamp(14px,1.5vw,26px);letter-spacing:.32em;text-transform:uppercase;color:var(--hot);font-weight:700}.headline{font-family:var(--font-display);font-size:clamp(30px,5.2vw,96px);line-height:1.02;margin:0;letter-spacing:-.02em}.sub{font-size:clamp(15px,1.5vw,28px);color:var(--ink-dim);margin:0}.lobby{display:grid;grid-template-columns:1.15fr .85fr;gap:4vw;align-items:center;width:100%;max-width:1600px;text-align:left}.lobby-join{display:flex;flex-direction:column;gap:1.6vh}.code{font-family:var(--font-display);font-size:clamp(64px,15vw,260px);line-height:.9;letter-spacing:.06em;color:var(--gold);text-shadow:0 0 60px rgba(255,209,102,.28);margin:0}.join-url{font-size:clamp(18px,2.1vw,40px);font-weight:700;color:var(--ink);word-break:break-all}.qr-card{background:#fff;padding:1.6vh;border-radius:var(--r-md);display:inline-flex;align-self:center}.qr-card canvas{display:block;width:clamp(180px,20vw,360px);height:auto;image-rendering:pixelated}.roster{display:flex;flex-wrap:wrap;gap:.8vw;justify-content:center}.chip{background:var(--bg-raise);border:2px solid var(--line);border-radius:999px;padding:.9vh 1.6vw;font-size:clamp(15px,1.6vw,30px);font-weight:700;animation:pop .34s cubic-bezier(.2,1.5,.4,1)}.chip.absent{opacity:.4;border-style:dashed}@keyframes pop{0%{transform:scale(.6);opacity:0}}.prompt{font-family:var(--font-display);font-size:clamp(28px,4.4vw,82px);line-height:1.1;max-width:20ch;margin:0 auto}.tally{display:flex;gap:1vw;justify-content:center}.dot{width:clamp(14px,1.5vw,30px);height:clamp(14px,1.5vw,30px);border-radius:50%;border:3px solid var(--line);transition:all .3s}.dot.filled{background:var(--cool);border-color:var(--cool);box-shadow:0 0 22px #4ecdc48c;transform:scale(1.12)}.timer{position:absolute;top:0;left:0;height:6px;background:var(--hot);transition:width .25s linear;z-index:3}.timer.urgent{background:var(--bad);animation:pulse .7s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.answer{font-family:var(--font-display);font-size:clamp(30px,5vw,92px);line-height:1.12;max-width:18ch;margin:0 auto;animation:rise .5s cubic-bezier(.2,.9,.3,1)}.answer:before,.answer:after{content:"“";color:var(--hot);opacity:.55}.answer:after{content:"”"}@keyframes rise{0%{transform:translateY(26px);opacity:0}}.verdict{display:flex;flex-direction:column;gap:1.4vh;align-items:center;width:100%}.stage{animation:fadeUp .45s cubic-bezier(.2,.9,.3,1) backwards}@keyframes fadeUp{0%{transform:translateY(14px);opacity:0}}.author-reveal{font-family:var(--font-display);font-size:clamp(40px,7vw,140px);color:var(--gold);animation:slam .44s cubic-bezier(.2,1.6,.35,1) backwards;text-shadow:0 0 70px rgba(255,209,102,.35)}@keyframes slam{0%{transform:scale(1.9) rotate(-4deg);opacity:0}60%{transform:scale(.94);opacity:1}to{transform:scale(1) rotate(0)}}.guess-grid{display:flex;flex-wrap:wrap;gap:.8vw;justify-content:center;max-width:1400px}.guess-card{background:var(--bg-raise);border:2px solid var(--line);border-radius:var(--r-md);padding:1vh 1.4vw;font-size:clamp(14px,1.4vw,26px);display:flex;gap:.6em;align-items:baseline;animation:pop .3s backwards}.guess-card .who{font-weight:800}.guess-card .arrow{color:var(--ink-dim)}.guess-card.right{border-color:var(--cool);color:var(--cool)}.guess-card.wrong{border-color:var(--bad);color:var(--bad)}.guess-card.quiet{opacity:.45}.points{font-family:var(--font-display);font-size:clamp(20px,2.4vw,46px);color:var(--cool)}.board{display:flex;flex-direction:column;gap:1.1vh;width:min(1100px,88vw)}.row{display:grid;grid-template-columns:2.6em 1fr auto;align-items:center;gap:1.2vw;font-size:clamp(17px,2vw,40px);font-weight:700;background:var(--bg-raise);border-radius:var(--r-md);padding:1.1vh 1.6vw;border-left:6px solid var(--line)}.row.lead{border-left-color:var(--gold);background:linear-gradient(90deg,rgba(255,209,102,.14),var(--bg-raise))}.row .rank{color:var(--ink-dim);font-family:var(--font-display)}.row .pts{font-family:var(--font-display);color:var(--gold)}.row .delta{color:var(--cool);font-size:.62em;margin-left:.5em}.bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:2vw;padding:1.4vh 2.4vw;border-top:1px solid var(--line);background:var(--bg-sink);font-size:clamp(12px,1.1vw,20px);color:var(--ink-dim)}.bar .room{font-weight:800;color:var(--ink);letter-spacing:.12em}.btn{background:var(--hot);color:#140b06;font-weight:800;border-radius:var(--r-sm);padding:1.1vh 1.8vw;font-size:clamp(13px,1.2vw,22px);transition:transform .12s,filter .12s}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--ink-dim);border:2px solid var(--line)}.credit{color:var(--ink-dim);text-decoration:none}.credit:hover{color:var(--hot)}.status-dot{display:inline-block;width:.7em;height:.7em;border-radius:50%;background:var(--cool);margin-right:.5em}.status-dot.bad{background:var(--bad)}