:root{font-family:Arial,Helvetica,sans-serif;color:#202124;background:#faf9f6;font-synthesis:none;--orange:#f38020;--ink:#202124;--muted:#686864;--line:#deded8}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button,input{font:inherit}a{color:inherit}header{height:86px;padding:0 5%;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.wordmark{width:125px}.header-event{font-size:11px;letter-spacing:1.6px;font-weight:700;border-left:1px solid #ddd;padding-left:28px}.header-event span{color:#747470}.connection{margin-left:auto;font:11px monospace;letter-spacing:1px}.connection:before{content:'';display:inline-block;width:7px;height:7px;background:#f38020;border-radius:50%;margin-right:8px}.connection.offline:before{background:#b4352e}main{max-width:1320px;padding:55px 5% 65px;margin:auto;min-height:calc(100dvh - 156px)}footer{border-top:1px solid var(--line);padding:24px 5%;display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#70706c}footer b{color:#d7680b;margin:0 6px}.eyebrow{font:11px monospace;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px;color:#696963}.eyebrow:before{content:'';height:7px;width:7px;background:var(--orange)}h1{font-size:clamp(42px,5.8vw,76px);font-weight:500;line-height:1.02;letter-spacing:-3px;margin:25px 0}h1 em{font-style:normal;color:#dc6714}h2{font-size:clamp(28px,3.5vw,46px);font-weight:500;letter-spacing:-1.2px;line-height:1.12;margin:20px 0}h3{font-size:21px;font-weight:500;margin:0 0 12px}p{line-height:1.6;color:var(--muted);margin:12px 0}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:65px;align-items:center}.hero-copy>p{font-size:17px;max-width:430px}.art{position:relative}.art img{width:100%;display:block;border-radius:2px}.art-caption{padding:14px 0;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px;color:#686864}.join-form{margin-top:27px;max-width:440px}.field-row{display:grid;grid-template-columns:120px 1fr;gap:12px}label{font-size:12px;font-weight:600;display:block;margin-bottom:8px}input{width:100%;padding:15px 14px;border:1px solid #bdbdb6;background:#fff;border-radius:4px;font-size:16px;min-width:0;color:var(--ink)}input:focus{outline:2px solid var(--orange);outline-offset:2px}button,.button{border:1px solid var(--ink);background:var(--ink);color:white;border-radius:4px;min-height:48px;padding:14px 22px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:14px}button:hover,.button:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible{outline:3px solid #3574c4;outline-offset:4px}button:disabled{opacity:.5;cursor:default}.primary{background:var(--orange);border-color:var(--orange);color:#181818}.join-form button{width:100%;margin-top:12px}.subtle{background:transparent;color:#444;border-color:#c9c9c1}.text-link{font-size:12px;color:#5a5a55;text-underline-offset:4px}.host-link{margin-top:20px;font-size:12px}.rule-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rule-strip>div{padding:22px 20px;border-right:1px solid var(--line)}.rule-strip>div:first-child{padding-left:0}.rule-strip>div:last-child{border:0}.rule-strip strong{font-size:24px;font-weight:500;display:block}.rule-strip span{font-size:12px;color:#777}.prizes{margin-top:35px;display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:24px;align-items:center}.prize{display:flex;gap:12px;align-items:center}.prize-number{font:24px Georgia;color:#a86125}.prize small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#777;margin-bottom:6px}.prize strong{font-size:13px;font-weight:500}.card{background:#fff;border:1px solid var(--line);padding:30px;border-radius:6px}.narrow{max-width:520px;margin:30px auto}.narrow h1{font-size:46px}.narrow button{margin-top:16px;width:100%}.back{display:inline-block;margin-bottom:25px;font-size:13px}.room-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.room-top h2{margin:10px 0}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.toolbar button,.toolbar .button{font-size:12px;padding:11px 15px;min-height:42px}.lobby{display:grid;grid-template-columns:1fr 320px;gap:32px}.pin{font:clamp(50px,8vw,90px) monospace;letter-spacing:8px;margin:16px 0 20px;color:#202124}.join-address{font-size:18px;color:#686864}.qr{width:230px;height:230px;display:block;max-width:100%;margin:10px auto}.qr-card{text-align:center;background:#fff;border:1px solid var(--line);padding:20px;border-radius:6px}.qr-card p{font-size:12px}.player-list{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 24px}.player-chip{background:white;border:1px solid var(--line);border-radius:30px;padding:9px 14px;font-size:14px;display:flex;align-items:center;gap:8px}.dot{height:6px;width:6px;border-radius:50%;background:#5b956c}.dot.away{background:#ccc}.empty{padding:30px 0;color:#777}.status-card{padding:28px;background:#fff4e9;border:1px solid #f4c699;border-radius:6px;margin:20px 0}.status-card p{margin-bottom:0}.you{font-size:12px;border-radius:20px;padding:8px 13px;background:#fff0df}.game-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;font:12px monospace;color:#67675f}.tag{padding:7px 10px;border:1px solid #dec5aa;border-radius:3px;background:#fff1df;color:#9c4710}.question-title{font-size:clamp(28px,4vw,52px);max-width:1050px;margin:32px 0;line-height:1.16}.timer-line{height:5px;background:#e8e7df;margin:24px 0;overflow:hidden;border-radius:5px}.timer-fill{height:100%;background:#f38020;transition:width .2s linear}.timer-number{font-size:26px;color:#202124;font-weight:600}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.answer{min-height:92px;text-align:left;justify-content:flex-start;font-size:19px;font-weight:500;color:#242424;background:#fff;border:1px solid #c8c9c3;padding:20px;position:relative}.letter{height:36px;width:36px;min-width:36px;border:1px solid #bbb;border-radius:4px;display:grid;place-items:center;font:14px monospace}.answer:nth-child(2) .letter{border-radius:50%}.answer:nth-child(3) .letter{background:#f3e2d1}.answer:nth-child(4) .letter{background:#e0e9ef}.answer.selected{border:2px solid #ef7e23;background:#fff2e4}.answer.correct{border:2px solid #538666;background:#eaf3e8;opacity:1}.answer.incorrect{opacity:.58}.answer:disabled{cursor:default;opacity:1}.answer small{margin-left:auto;font:12px monospace}.locked{display:flex;gap:12px;align-items:center;font-size:14px;color:#526851}.question-bottom{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#74746d}.countdown{text-align:center;padding:70px 0}.countdown .count{font-size:160px;font-weight:500;line-height:1.1;color:#e97519}.countdown p{font-size:18px}.result-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:30px}.explanation{background:#fff0df;border-left:3px solid #f38020;padding:20px;margin-bottom:22px}.explanation p{color:#574c43}.leaderboard{list-style:none;padding:0;margin:20px 0}.leaderboard li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:14px;padding:15px 12px;border-bottom:1px solid var(--line)}.leaderboard li:first-child{background:#fff0df;border-radius:4px}.leaderboard .rank{font:17px Georgia;color:#887464}.leaderboard .score{font:15px monospace}.leaderboard .my-row{outline:1px solid #f38020}.result-points{font-size:37px;color:#ca5a0b}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end;margin:40px 0}.podium-card{background:#f0eee7;border:1px solid #d7d4c9;text-align:center;padding:30px 16px 25px;min-height:200px;border-radius:6px 6px 0 0}.podium-card:first-child{background:#ffe6c9;border-color:#f1b577;min-height:250px}.podium-medal{font:48px Georgia;color:#be6b22;margin-bottom:14px}.podium-card h3{overflow-wrap:anywhere}.podium-card p{font:18px monospace;color:#3c3c36}.podium-card small{font-size:12px;color:#6f6254}.finish-title{text-align:center}.finish-title h1{font-size:64px}.finish-title .eyebrow{justify-content:center}.tie-form{max-width:330px;margin:25px auto;display:flex;gap:10px}.tie-form button{margin:0;width:auto}.tie-form input{width:150px}.center{text-align:center}.note{font-size:12px;color:#777}.error-box{padding:14px;background:#fff1ed;border:1px solid #e8a191;color:#942e1a;border-radius:4px;margin:14px 0}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:15px 24px;background:#202124;color:#fff;z-index:20;border-radius:5px;box-shadow:0 5px 30px #0002;display:none}.on-mobile{display:none}.reconnect{background:#fff0df;padding:12px;text-align:center;font-size:13px}.countdown,.finish-title{animation:enter .4s ease}@keyframes enter{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){main{max-width:1600px}.question-title{font-size:64px}.answer{min-height:120px;font-size:25px}.leaderboard li{font-size:22px}}@media(max-width:760px){header{height:70px;padding:0 20px;gap:16px}.wordmark{width:100px}.brand{gap:8px}.brand img:first-child{width:39px}.header-event{border:0;padding:0;font-size:9px;margin-left:auto;letter-spacing:.8px}.header-event span{display:block;margin-top:5px}.connection{display:none}main{padding:30px 20px 40px;min-height:calc(100dvh - 130px)}.hero{display:flex;flex-direction:column;gap:30px;align-items:stretch}h1{font-size:51px;letter-spacing:-2px;margin:20px 0}.hero-copy>p{font-size:15px;max-width:100%}.join-form{max-width:100%}.hero .art{max-height:250px;overflow:hidden}.hero .art img{margin-top:-42px}.art-caption{display:none}.rule-strip{margin-top:30px}.rule-strip>div{padding:18px 12px}.rule-strip strong{font-size:20px}.rule-strip span{font-size:10px}.prizes{grid-template-columns:1fr;gap:18px;margin-top:28px}.prizes .eyebrow{margin-bottom:4px}.prize{gap:18px}.prize small{display:inline;margin-right:10px}.prize strong{font-size:14px}footer{padding:19px 20px;font-size:10px}footer span:last-child{display:none}.lobby{grid-template-columns:1fr}.qr-card{max-width:340px;margin:auto}.room-top{align-items:flex-start;flex-direction:column}.pin{font-size:55px;letter-spacing:5px}.join-address{font-size:15px}.card{padding:22px}.answers{gap:10px;grid-template-columns:1fr}.answer{min-height:72px;padding:15px;font-size:17px}.question-title{font-size:29px;margin:25px 0}.game-meta{font-size:10px}.timer-number{font-size:24px}.result-grid{grid-template-columns:1fr}.podium{gap:7px;margin:28px 0}.podium-card{padding:23px 8px 15px;min-height:180px}.podium-card:first-child{min-height:220px}.podium-card h3{font-size:15px}.podium-card small{font-size:10px}.podium-card p{font-size:14px}.finish-title h1{font-size:44px}.podium-medal{font-size:37px}.toolbar{gap:8px}.toolbar .button,.toolbar button{font-size:11px;padding:10px 12px}.countdown{padding:40px 0}.countdown .count{font-size:130px}.question-bottom{font-size:11px}.on-mobile{display:block}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.answer{display:flex;align-items:center;gap:14px}
@media(max-width:760px){.room-top{margin-bottom:20px}.question-title{margin:22px 0}.answers{margin:20px 0}.question-bottom{align-items:center}}
