:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#1a2540;background:#edf1f8;font-synthesis:none;font-weight:450;--blue:#2045bc;--ink:#1a2540;--muted:#63708b;--line:#dce3ef;--lime:#d7f286}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bc6a12;outline-offset:4px}a{color:inherit}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}.app-shell{max-width:1320px;margin:auto;padding:0 52px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:24px;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:12px}.brand-mark{color:var(--blue);font-size:28px;letter-spacing:-12px;width:35px;white-space:nowrap}.brand-mark i{font-style:normal;position:relative;top:-10px;left:8px;color:#86a522;font-size:19px}.beta{font-size:11px;letter-spacing:.5px;border:1px solid #c4cddd;border-radius:5px;padding:3px 5px;margin-left:0;font-weight:600}.header-caption{font-size:13px;color:var(--muted)}.account{display:flex;align-items:center;gap:17px;font-size:14px}.account strong{font-variant-numeric:tabular-nums}.username{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-button{border:0;background:none;color:var(--blue);text-decoration:underline;text-underline-offset:4px;padding:10px 0;font-size:14px}.topline{display:flex;justify-content:space-between;align-items:center;margin:32px 0 28px;gap:15px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.8px;font-weight:750}.connection{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.connection:before{content:"";height:6px;width:6px;border-radius:50%;background:#b17831}.connection.online:before{background:#418153}.lobby-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.intro{padding-top:34px}.intro>.eyebrow{color:var(--blue)}h1,h2,p{margin-top:0}.intro h1{font-family:Arial Rounded MT Bold,Avenir Next,sans-serif;font-size:clamp(60px,7.1vw,94px);font-weight:850;letter-spacing:-6px;line-height:1.03;margin:25px 0 27px}.intro h1 em{color:var(--blue);font-style:normal;position:relative}.intro-copy{max-width:340px;font-size:19px;line-height:1.6;color:#495974}.vote-illustration{display:flex;gap:20px;align-items:end;height:145px;margin:34px 0}.vote-group{position:relative;display:grid;grid-template-columns:repeat(2,24px);gap:6px;padding-bottom:30px}.vote-group span{height:24px;width:24px;background:#b1c0e2;border-radius:50%}.vote-group:nth-child(2) span{background:#7c98d4}.vote-group small{position:absolute;bottom:0;white-space:nowrap;font-size:11px;color:var(--muted)}.vote-group.rare{margin-left:25px;grid-template-columns:24px}.vote-group.rare span{background:var(--blue);box-shadow:0 0 0 8px #d7e0fa}.vote-group.rare small{color:var(--blue);font-weight:750}.test-note{font-size:13px;line-height:1.6;color:var(--muted)}.room-card{background:#fff;border:1px solid #e1e7f1;border-radius:22px;padding:28px 30px;box-shadow:0 10px 30px #20367205}.room-card-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.room-card h2{font-size:21px;letter-spacing:-.6px;margin:0}.pill{background:#edf1fa;color:var(--blue);padding:7px 10px;border-radius:8px;font-size:12px;font-weight:750;white-space:nowrap}.room-status{color:var(--muted);font-size:13px;line-height:1.6;margin:13px 0 24px;min-height:40px}.seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px;margin-bottom:28px}.seat{display:flex;gap:8px;align-items:center;min-width:0;font-size:11px}.seat>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.avatar{width:33px;height:33px;border:1px dashed #ced7e7;border-radius:11px;display:grid;place-items:center;font-size:17px;flex-shrink:0;color:#aebacf}.occupied .avatar{background:#edf1fa;border:0;color:var(--blue);font-size:13px;font-weight:750}.self .avatar{background:var(--blue);color:#fff}.empty-seat{color:#8d98ad;font-size:10px}.financials{display:grid;grid-template-columns:1fr 1.4fr 1fr;margin:0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:10px}.financials dt{font-size:11px;color:var(--muted);margin-bottom:6px}.financials dd{margin:0;font-size:19px;font-weight:750;font-variant-numeric:tabular-nums}.financials .prize{text-align:right;color:var(--blue)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 14px}.primary,.secondary{border:1px solid transparent;border-radius:10px;min-height:48px;padding:12px 21px;font-size:14px;font-weight:700}.primary{background:var(--blue);color:#fff}.primary:hover:not(:disabled){background:#193ba6}.secondary{background:#f0f3fa;border-color:#e1e6f1;color:var(--blue)}.secondary:hover:not(:disabled){background:#e2e9f8}.full{width:100%}.fineprint{font-size:11px;color:var(--muted);line-height:1.65;margin:14px 0 0}.login{margin-top:22px}.login p{font-size:13px;line-height:1.6}.login label{display:block;font-size:11px;font-weight:700;color:var(--muted);margin:20px 0 8px}.login-row{display:flex;gap:8px}.login-row input{min-width:0;width:100%;border:1px solid #ccd7e8;border-radius:9px;padding:12px;font-size:14px;background:#fafbfe}.top-up{margin:0}.rules{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:42px 0 10px;font-size:13px}.rules summary{padding:20px 0;cursor:pointer;font-weight:650}.rules>div{max-width:760px;line-height:1.8;color:#53617b;padding:0 0 12px}.history-link{margin-bottom:12px}footer{display:flex;justify-content:space-between;gap:20px;color:#79859b;font-size:11px;padding:30px 0 35px}footer span:first-child{font-weight:750}.notice{padding:16px 20px;border-radius:10px;background:#fff4db;color:#705011;font-size:13px;line-height:1.6;margin-bottom:18px}.notice.error{background:#fce9e7;color:#963a37;display:flex;align-items:center;justify-content:space-between;gap:20px}.notice .text-button{white-space:nowrap;color:inherit}.loading{text-align:center;padding:100px 0;min-height:500px}.loading h1{font-size:28px;letter-spacing:-1px;margin-top:25px}.loading p{color:var(--muted)}.orbit{width:25px;height:25px;border-radius:50%;background:var(--blue);box-shadow:35px 0 #c8d4ef,-35px 0 #c8d4ef;margin:auto}.game-panel,.final-panel{max-width:880px;margin:0 auto;background:#fff;border:1px solid #e1e7f1;border-radius:22px;padding:36px 42px}.round-header{display:flex;align-items:center;justify-content:space-between}.timer{font-size:31px;font-weight:800;color:var(--blue);font-variant-numeric:tabular-nums}.timer small{font-size:12px;margin-left:6px;font-weight:500;color:var(--muted)}.timer.urgent{color:#a13a2c}.round-progress{display:flex;gap:5px;margin:20px 0 34px}.round-progress span{height:4px;border-radius:3px;background:#e9edf6;flex:1}.round-progress .complete{background:var(--blue)}.question-title{font-size:clamp(25px,3vw,38px);line-height:1.25;letter-spacing:-1.2px;margin-bottom:15px}.question-hint{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:28px}.options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.option{display:flex;align-items:center;text-align:left;gap:15px;padding:22px 17px;border:1.5px solid #dfe6f2;border-radius:13px;background:#f8faff;color:var(--ink);min-height:100px;line-height:1.45}.option:disabled{opacity:1}.option:not(:disabled):hover{border-color:var(--blue);background:#ecf1ff}.option-letter{background:#e2e8f8;color:var(--blue);display:grid;place-items:center;width:33px;height:33px;border-radius:10px;font-size:13px;font-weight:750;flex-shrink:0}.option-1 .option-letter{background:#f7dfd5;color:#884321}.option-2 .option-letter{background:#eee1f8;color:#774993}.option-3 .option-letter{background:#daeddf;color:#376548}.option-text{flex:1;font-size:15px;font-weight:650;overflow-wrap:anywhere}.option small{display:block;font-size:11px;font-weight:500;margin-top:6px}.option.selected{border-color:var(--blue);background:#edf2ff}.option.winning{border-color:#95b842;background:#f1f9dd}.votes{font-size:23px;line-height:1.2;text-align:center}.votes small{font-size:10px;color:var(--muted)}.answer-status{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);line-height:1.7;margin-top:25px}.answer-status b{color:var(--ink);white-space:nowrap}.leaderboard{margin-top:32px}.leaderboard h2{font-size:19px;letter-spacing:-.4px;margin-bottom:16px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}thead{color:var(--muted);font-size:10px}th,td{padding:13px 10px;border-bottom:1px solid #e7ecf4}tbody th{font-weight:550}td,thead th:not(:first-child){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.rank{color:var(--muted);display:inline-block;width:26px}.my-row{background:#edf2ff}.bot-label{font-size:9px;color:var(--muted);margin-left:7px}.final-panel>h1{font-size:clamp(32px,4vw,49px);letter-spacing:-1.7px;margin:18px 0;line-height:1.1}.final-panel>p{font-size:14px;color:var(--muted);line-height:1.7}.payout-banner{background:var(--blue);color:#fff;border-radius:13px;padding:24px 28px;display:flex;flex-direction:column;gap:6px;margin:26px 0}.payout-banner span{font-size:12px;line-height:1.6;color:#d8e1ff}.payout-banner strong{font-size:43px;font-variant-numeric:tabular-nums;letter-spacing:-1px}.final-panel .financials{margin:28px 0 18px}.muted{font-size:12px;color:var(--muted);line-height:1.65}@media(min-width:1450px){.app-shell{padding:0 72px}.lobby-layout{gap:90px}.intro{padding-top:45px}}@media(max-width:1000px){.app-shell{padding:0 30px}.lobby-layout{gap:30px}.room-card{padding:24px 20px}.intro h1{font-size:72px}.seats{gap:18px 7px}.avatar{width:28px;height:28px}.seat{gap:5px;font-size:10px}.financials dd{font-size:17px}}@media(max-width:760px){.app-shell{padding:0 20px}.site-header{height:82px}.brand{font-size:21px;gap:10px}.header-caption,.username{display:none}.account{gap:10px;font-size:12px}.account .text-button{font-size:11px}.beta{font-size:9px}.topline{margin:24px 0;font-size:10px}.eyebrow{font-size:10px;letter-spacing:1.2px}.connection{font-size:10px}.lobby-layout{grid-template-columns:1fr;gap:25px}.intro{padding-top:7px}.intro h1{font-size:61px;letter-spacing:-3.7px;margin:19px 0}.intro h1 br{display:none}.intro-copy{font-size:16px;max-width:430px;margin-bottom:15px}.vote-illustration{display:none}.test-note{font-size:11px;margin:0}.test-note br{display:none}.room-card{padding:24px;border-radius:17px}.room-card h2{font-size:20px}.seats{gap:20px 10px}.seat{font-size:11px;gap:8px}.avatar{width:32px;height:32px}.financials dd{font-size:20px}.rules{margin-top:28px}.rules summary{font-size:12px;line-height:1.6}footer{flex-wrap:wrap;gap:14px;font-size:10px}footer span:nth-child(2){display:none}.game-panel,.final-panel{padding:24px 20px;border-radius:17px}.options{grid-template-columns:1fr;gap:10px}.option{min-height:75px;padding:16px}.round-progress{margin:17px 0 24px}.question-title{font-size:27px}.question-hint{font-size:12px;margin-bottom:22px}.answer-status{flex-direction:column;gap:6px}.table-scroll{margin:0 -10px}th,td{padding:12px 7px;font-size:11px}.leaderboard h2{font-size:17px}.final-panel>h1{font-size:36px}.payout-banner{padding:20px}.final-panel .actions>*{width:100%}.notice.error{align-items:flex-start}.loading{padding:80px 0;min-height:420px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
