:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f6f2ed;background:#181424;font-synthesis:none;--muted:#b3adbf;--lime:#d6f876;--panel:#252032;--line:#40374e}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:4px}header{max-width:1440px;margin:auto;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-1px;font-weight:800}.brand-icon{background:var(--lime);color:#181424;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:26px}.brand-light{font-weight:450;color:var(--muted);font-size:18px;letter-spacing:-.4px}#account{display:flex;align-items:center;gap:15px;font-size:13px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:30px;padding:9px 13px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #d6f84a55}.btn{border:0;border-radius:12px;background:var(--lime);color:#20221b;font-weight:750;padding:15px 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;transition:transform .15s,background .15s}.btn:hover{background:#e3ff99;transform:translateY(-2px)}.btn.secondary{background:#393244;color:#f7f2ef}.btn.secondary:hover{background:#4b405d}.btn.twitch{background:#9762f6;color:#fff}.btn.twitch:hover{background:#ae82fa}.btn.small{font-size:13px;padding:10px 16px;min-height:40px}.text-btn{color:var(--muted);background:transparent;border:0;font-size:13px;padding:8px}.text-btn:hover{color:#fff}main{max-width:1300px;margin:auto;padding:25px 5% 70px;min-height:75vh}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding:30px 0 48px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:var(--lime);margin:0 0 24px}h1{font-size:clamp(48px,5.8vw,80px);line-height:1.03;letter-spacing:-4px;margin:22px 0 26px;font-weight:850}h1 em{font-style:normal;color:var(--lime)}.sub{color:var(--muted);font-size:17px;line-height:1.65;max-width:410px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:30px}.tiny{font-size:12px;color:var(--muted);line-height:1.6}.hero-art{position:relative;min-height:410px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:350px;height:350px;border:1px solid #61506d44;border-radius:50%}.orbit.two{width:440px;height:440px}.quiz-preview{transform:rotate(-5deg);background:#f3eee5;color:#2b2435;border-radius:24px;box-shadow:14px 18px 0 #100d19;width:340px;padding:24px;position:relative}.preview-top{font-size:10px;font-weight:800;letter-spacing:1.5px;display:flex;justify-content:space-between}.preview-top span:last-child{background:#e5dccb;padding:5px 8px;border-radius:8px}.quiz-preview h2{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:24px 0}.preview-answers{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preview-answer{border-radius:10px;padding:16px 11px;font-size:13px;font-weight:700;background:#bca4ec}.preview-answer:nth-child(2){background:#ffc380}.preview-answer:nth-child(3){background:#d5ec8b}.preview-answer:nth-child(4){background:#9aceda}.floating-badge{position:absolute;bottom:24px;right:-14px;background:var(--lime);color:#272c1a;border:4px solid #181424;border-radius:18px;padding:16px;font-weight:850;transform:rotate(8deg);font-size:18px}.asterisk{position:absolute;top:5px;right:0;color:#b592ef;font-size:92px;line-height:1}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding:28px 0 35px}.step{display:flex;gap:15px}.step-number{color:var(--lime);font-size:13px;padding-top:3px}.step h3{font-size:14px;margin:0 0 6px}.step p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.join-card{padding:26px 30px;border-radius:18px;border:1px solid var(--line);background:var(--panel);display:flex;align-items:center;gap:22px;justify-content:space-between}.join-card h2{font-size:21px;letter-spacing:-.6px;margin:0 0 6px}.join-card p{margin:0;color:var(--muted);font-size:13px}.join-form{display:flex;gap:10px}input,textarea,select{border:1px solid #5b506a;background:#211b2c;color:#fff;border-radius:10px;padding:13px;width:100%}input::placeholder,textarea::placeholder{color:#9c92ac}input.code{width:165px;letter-spacing:5px;font-variant-numeric:tabular-nums;text-align:center;font-weight:800;font-size:19px}footer{border-top:1px solid var(--line);max-width:1300px;margin:auto;padding:24px 5%;display:flex;justify-content:space-between;font-size:11px;color:#91869d;gap:20px}.spark{color:var(--lime);margin-left:8px}.loading{padding:100px;text-align:center;color:var(--muted)}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:28px 0}.page-heading h1{font-size:42px;letter-spacing:-2px;margin:10px 0}.page-heading p{color:var(--muted);font-size:14px;line-height:1.6}.panel{background:var(--panel);border:1px solid var(--line);padding:26px;border-radius:18px;margin:16px 0}.editor{max-width:850px;margin:auto}.editor label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}.editor .row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.editor h3{margin:0;font-size:17px}.question-text{resize:vertical;min-height:82px;margin-bottom:18px}.answers-editor{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-edit{display:flex;align-items:center;gap:10px;border-radius:12px;padding:10px;background:#31293e}.answer-edit input[type=radio]{width:20px;height:20px;flex-shrink:0;accent-color:var(--lime);margin:0}.answer-edit input[type=text]{min-width:0;background:transparent;border:none;padding:6px}.editor-tools{display:flex;gap:12px;flex-wrap:wrap}.editor-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:26px;align-items:center}.timer-select{max-width:130px}.room-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:8px 0 22px;margin-bottom:35px}.room-head h2{font-size:18px;margin:0}.room-head p{font-size:12px;color:var(--muted);margin:6px 0 0}.lobby{text-align:center;max-width:850px;margin:auto}.lobby h1{font-size:48px;letter-spacing:-2px}.room-code{font-size:clamp(55px,10vw,92px);font-weight:850;letter-spacing:12px;font-variant-numeric:tabular-nums;margin:15px 0;color:var(--lime)}.players{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;min-height:70px;padding:20px 0}.player-tag{background:#3a3048;border:1px solid #51415f;border-radius:10px;padding:11px 15px;font-size:14px;max-width:100%;overflow-wrap:anywhere}.lobby-actions{display:flex;justify-content:center;gap:12px;margin-top:25px}.question-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.timer{font-size:25px;color:var(--lime);font-weight:800;font-variant-numeric:tabular-nums}.question-title{text-align:center;font-size:clamp(26px,4vw,45px);letter-spacing:-1.5px;line-height:1.25;max-width:950px;margin:35px auto;overflow-wrap:anywhere}.timer-track{height:5px;border-radius:10px;background:#3a3048;overflow:hidden}.timer-fill{height:100%;background:var(--lime);width:100%;transition:width .2s linear}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1000px;margin:30px auto}.answer{border:3px solid transparent;min-height:118px;border-radius:16px;display:flex;align-items:center;text-align:left;padding:22px;color:#241e2d;font-size:20px;font-weight:750;gap:16px;overflow-wrap:anywhere;background:#bca4ec;transition:transform .15s}.answer:nth-child(2){background:#ffc380}.answer:nth-child(3){background:#d5ec8b}.answer:nth-child(4){background:#9aceda}.answer:not(:disabled):hover{transform:translateY(-3px)}.answer:disabled{opacity:1}.answer.muted{opacity:.38}.answer.selected,.answer.correct{border-color:white;box-shadow:0 0 0 3px #a793be}.shape{font-size:28px;flex-shrink:0}.answer-copy{flex:1}.answer small{font-size:12px}.answer-status{text-align:center;min-height:30px;font-size:15px;color:var(--lime)}.controls{display:flex;justify-content:center;gap:12px;margin:25px 0}.leaderboard{max-width:650px;margin:30px auto}.leader-row{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--panel)}.leader-row:first-child{border-radius:14px 14px 0 0}.leader-row:last-child{border-radius:0 0 14px 14px}.leader-row .name{flex:1;overflow-wrap:anywhere}.leader-row .rank{color:var(--muted);min-width:22px}.leader-row .score{color:var(--lime);font-weight:750;font-variant-numeric:tabular-nums}.podium{text-align:center}.podium .crown{font-size:65px;color:var(--lime)}.podium h1{font-size:50px;margin:14px 0;letter-spacing:-2px;overflow-wrap:anywhere}.empty{color:var(--muted);text-align:center;padding:25px}.notice{background:#3b304b;border-radius:12px;padding:15px;font-size:14px;line-height:1.6}.resume{margin:18px 0}.error-page{text-align:center;padding:80px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#f4eee4;color:#261f32;padding:14px 22px;border-radius:12px;box-shadow:0 5px 30px #0005;z-index:50;max-width:90vw;font-size:14px;display:none}#toast.visible{display:block}.connection{color:#ffc380}.hidden{display:none!important}@media(max-width:760px){header{padding:22px 6%}.brand-light{font-size:15px}main{padding:10px 6% 45px}.hero{grid-template-columns:1fr;gap:15px;padding-top:18px}.hero-copy{max-width:530px}h1{font-size:58px;letter-spacing:-3px}.hero-art{min-height:350px;overflow:hidden;margin:0 -5px}.quiz-preview{width:280px;padding:20px}.quiz-preview h2{font-size:25px}.orbit.two{width:340px;height:340px}.orbit{width:280px;height:280px}.floating-badge{right:0;bottom:15px}.asterisk{font-size:75px;right:8px}.steps{gap:20px;grid-template-columns:1fr;padding:25px 0}.join-card{align-items:stretch;flex-direction:column;padding:23px}.join-form input{flex:1;min-width:0}.join-form .btn{padding:13px 17px}.page-heading{flex-direction:column}.page-heading h1{font-size:36px}.panel{padding:18px}.answers-editor{grid-template-columns:1fr}.editor-bottom{align-items:stretch;flex-direction:column}.answer-grid{gap:10px;margin:25px auto}.answer{min-height:130px;padding:16px 12px;gap:8px;font-size:16px;flex-direction:column;align-items:flex-start}.shape{font-size:24px}.room-head h2{max-width:210px;overflow-wrap:anywhere}.room-code{letter-spacing:6px}.lobby h1{font-size:38px}.question-title{letter-spacing:-.8px}.lobby-actions{flex-wrap:wrap}footer{flex-direction:column;gap:9px}.username{max-width:100px;overflow:hidden;text-overflow:ellipsis}.room-head .btn{padding:10px}.loading{padding:80px 15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.centered{margin:auto}

.guest-join{max-width:580px;margin:45px auto}.guest-join h1{font-size:42px;letter-spacing:-2px}.guest-join label{display:block;margin:20px 0 8px;font-size:13px}.guest-join .btn{margin-top:24px;width:100%}.guest-join .text-btn{margin-top:12px}

.share-link-row{display:flex;gap:10px;margin-top:8px}.share-link-row input{min-width:0;flex:1}.share-link-row .btn{white-space:nowrap}.room-share{text-align:center;margin:35px auto;max-width:850px}.room-share .panel{text-align:left}.shared-question summary{cursor:pointer;font-weight:650;line-height:1.5}.shared-question li{padding:10px;color:var(--muted)}.shared-question .right-answer{color:var(--lime)}@media(max-width:760px){.share-link-row{flex-wrap:wrap}.share-link-row input{flex-basis:100%}}

/* Top-three standings, shared by round and final results. */
.winners-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:16px;max-width:780px;margin:36px auto 44px;padding:0 12px;border-bottom:3px solid #756088}
.podium-place{text-align:center;min-width:0;--award:#cfb8ed}.podium-place.place-1{grid-column:2;grid-row:1;--award:#ffdc73}.podium-place.place-2{grid-column:1;grid-row:1;--award:#dae5f4}.podium-place.place-3{grid-column:3;grid-row:1;--award:#e9ac83}
.podium-player{display:flex;flex-direction:column;align-items:center;gap:9px;padding:0 4px 18px}.podium-player strong{font-size:clamp(17px,2.5vw,27px);line-height:1.15;overflow-wrap:anywhere;max-width:100%}.podium-medal{display:grid;place-items:center;width:56px;height:56px;background:var(--award);color:#272035;border-radius:50%;font-size:32px;box-shadow:0 0 0 7px #ffffff08}.place-1 .podium-medal{width:70px;height:70px;font-size:47px}.podium-points{font-weight:800;font-size:22px;color:var(--award);font-variant-numeric:tabular-nums}.podium-points small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-top:4px}.podium-step{height:130px;border-radius:14px 14px 0 0;background:linear-gradient(160deg,#493965,#2d243d);border:1px solid #ffffff25;border-bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--award);box-shadow:inset 0 4px 0 var(--award)}.place-1 .podium-step{height:190px;background:linear-gradient(160deg,#725298,#3d2c56)}.place-3 .podium-step{height:95px}.podium-step>span{font-size:64px;line-height:1;font-weight:900}.podium-step small{font-size:10px;letter-spacing:3px;margin-top:10px;font-weight:800}
@media(max-width:600px){.winners-podium{gap:8px;padding:0;margin-top:28px}.podium-player{gap:8px;padding-bottom:14px}.podium-medal{width:40px;height:40px;font-size:24px}.place-1 .podium-medal{width:50px;height:50px;font-size:34px}.podium-points{font-size:17px}.podium-step{height:100px}.place-1 .podium-step{height:150px}.place-3 .podium-step{height:75px}.podium-step>span{font-size:45px}.podium-step small{font-size:8px;letter-spacing:1px}}

.full-standings{max-width:780px;margin:30px auto}.full-standings h2{margin-bottom:8px}.full-standings .leaderboard{max-height:420px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:14px;padding:0 14px}.full-standings .leader-row .name{overflow-wrap:anywhere;min-width:0}