/* DiscoDuck: midnight stage, sunshine yellow, electric aqua, pop pink. */
:root{--ink:#25213e;--blue:#30275f;--lime:#ffd84d;--paper:#f5f5fb;--line:#e0dfee;--muted:#6b6682}
.prototype{background:#17143b;color:#dad7ef}.brand{color:#17143b;gap:10px}.brand .mark{background:#ffd84d;color:#17143b;box-shadow:3px 3px 0 #17143b}.wordmark{font-size:31px;letter-spacing:-.055em;font-weight:900;display:inline-flex;align-items:baseline}.wordmark>span{color:#7752c6}.wordmark small{font-size:17px;margin-left:2px;color:#726b8d;letter-spacing:-.03em}header{box-shadow:0 3px 15px #17143b04}nav button.active{background:#30275f}.eyebrow{color:#70618f}.primary{background:#30275f;border-color:#30275f;box-shadow:0 3px 0 #17143b}.primary:hover{background:#493978}.lime{background:#ffd84d;border-color:#ffd84d;box-shadow:0 4px 0 #bd9020}.lime:hover{background:#ffe780}.pill{background:#eee9f9}.canvas{background:#efedf8;border-color:#ded9ed}.qthumb.selected{background:#f0eafc;border-color:#7752c6}.mini-options i{background:#53dacc}.mini-options i:nth-child(2){background:#f773b6}.mini-options i:nth-child(3){background:#f6cd50}.mini-options i:nth-child(4){background:#a78cec}.notice{background:#f4effc}.answer:has(:checked){border-color:#12866e;background:#effaf6}
.stage{background:#17143b;border:1px solid #36305f;box-shadow:0 15px 40px #17143b12;isolation:isolate}.stage:before{width:530px;height:530px;border:0;border-radius:50%;background:radial-gradient(circle,#7952bf36,transparent 66%);right:-180px;bottom:-170px;z-index:-1}.stage:after{content:'';position:absolute;inset:auto 0 0;height:115px;background-image:linear-gradient(#a286cf15 1px,transparent 1px),linear-gradient(90deg,#a286cf15 1px,transparent 1px);background-size:45px 28px;mask-image:linear-gradient(transparent,#000);pointer-events:none;z-index:-1}.stage .eyebrow{color:#b9a4ef}.stage .muted{color:#cec7e5}.join-banner{border-bottom:5px solid #42e8dc}.big-code{color:#30275f}.lobby-body{position:relative;min-height:310px}.lobby-body h1{color:#ffd84d;font-size:52px}.player-chip{border-color:#b0a2da40;background:#ffffff0c}.player-chip:nth-child(3n+1){transform:rotate(-2deg)}.player-chip:nth-child(3n+2){transform:rotate(2deg)}.lobby-footer{border-top:1px solid #ffffff20;padding-top:22px}.play-answer{border-radius:17px;font-weight:900}.play-answer:nth-child(1){background:#216e84}.play-answer:nth-child(2){background:#a33271}.play-answer:nth-child(3){background:#896007}.play-answer:nth-child(4){background:#6550ac}.play-answer:hover{filter:brightness(1.12)}.timer-track span{background:#42e8dc}.feedback{border-left:4px solid #42e8dc}.download-card{background:#17143b}.download-card .eyebrow{color:#c5a9fa}.download-card .lime{color:#25213e}.leaderboard tr:first-child td{background:#fff8db}.leaderboard tr:first-child td:first-child{color:#72520c}.result-head{position:relative}.tagline{letter-spacing:.02em}.mascot{object-fit:contain;filter:drop-shadow(0 12px 14px #0002)}.lobby-spotlight{display:grid;grid-template-columns:1fr 270px;align-items:center;max-width:800px;margin:0 auto;text-align:left;gap:20px}.lobby-spotlight .mascot{width:270px;height:270px}.lobby-spotlight p{max-width:400px}.lobby-body:has(.lobby-spotlight){padding-top:15px}.lobby-body:has(.lobby-spotlight) .participants{margin:0 auto 15px}.join-mascot{width:140px;height:140px;margin:-5px auto -5px;display:block}.results-mascot{width:115px;height:115px;flex-shrink:0}.brand-mascot{width:53px;height:53px;object-fit:contain;margin:-8px -5px -8px -6px}.end-mascot{width:190px;height:190px;margin:auto;display:block}
.big-code{white-space:nowrap;flex-shrink:0}
@media(max-width:1050px){.wordmark{font-size:28px}.lobby-spotlight{grid-template-columns:1fr 230px}.lobby-spotlight .mascot{width:230px;height:230px}}
@media(max-width:900px){.join-banner{flex-wrap:wrap;justify-content:center;text-align:center}.join-banner .qr-box{display:none}.big-code{font-size:42px}.lobby-spotlight{grid-template-columns:1fr 190px}.lobby-spotlight .mascot{width:190px;height:220px}.lobby-body h1{font-size:40px}}
@media(max-width:650px){.wordmark{font-size:25px}.wordmark small{font-size:14px}.brand-mascot{width:44px;height:44px}.lobby-spotlight{grid-template-columns:1fr;text-align:center;gap:0}.lobby-spotlight>div{order:2}.lobby-spotlight .mascot{width:155px;height:155px;margin:auto;order:1}.lobby-spotlight p{margin-left:auto;margin-right:auto}.lobby-body h1{font-size:35px}.results-mascot{width:85px;height:85px}.result-head h2{font-size:24px}.join-mascot{width:125px;height:125px}}

.round-stage{padding:32px}.round-stage .play-answer:disabled{opacity:1;cursor:default}.option-text{flex:1;text-align:left}.option-text small{display:block;font-size:15px;margin-top:8px}.play-answer.correct-answer{outline:4px solid #42e8dc;outline-offset:3px}.vote-count{display:flex;flex-direction:column;align-items:center;min-width:52px;font-size:28px}.vote-count small{font-size:14px}.reveal-summary{margin-top:25px;font-weight:800}.round-image{display:block;max-height:180px;max-width:100%;margin:0 auto 24px;object-fit:contain}.top-three{list-style:none;padding:0;max-width:720px;margin:30px auto}.top-three li{display:flex;gap:18px;align-items:center;background:#ffffff10;border:1px solid #ffffff25;border-radius:18px;padding:20px;margin:14px 0}.top-three li:first-child{border:2px solid #ffd84d}.top-three strong{flex:1}.place{font-size:26px;font-weight:900;color:#ffd84d}.top-three li>span:last-child{white-space:nowrap}@media(max-width:650px){.round-stage{padding:20px}.top-three li{gap:10px;padding:14px;flex-wrap:wrap}.top-three li>span:last-child{margin-left:auto}.vote-count{min-width:38px;font-size:24px}}

.avatar.duck-avatar{display:inline-block;position:relative;flex-shrink:0;width:52px;height:52px;overflow:hidden;background:#fff;border-radius:14px;vertical-align:middle}.duck-art{display:block;width:100%;height:100%;background-image:url('duck-avatar-atlas.png');background-size:600% 400%;background-repeat:no-repeat}.avatar.duck-large{width:150px;height:150px;border-radius:28px;margin:0 auto 18px;border:1px solid var(--line)}.round-identity{display:flex;align-items:center;gap:12px}.auto-avatar-note{font-size:14px;color:var(--muted);margin:20px 0}.avatar-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.avatar-gallery figure{margin:0;text-align:center;background:white;border:1px solid var(--line);border-radius:18px;padding:14px}.avatar-gallery .duck-avatar{width:90px;height:90px}.avatar-gallery figcaption{font-size:13px;margin-top:6px}@media(max-width:650px){.rank-name .duck-avatar{display:inline-block;width:36px;height:36px;border-radius:9px}.avatar.duck-avatar{width:44px;height:44px}.avatar.duck-large{width:130px;height:130px}.round-identity{flex-direction:column;gap:6px}.avatar-gallery .duck-avatar{width:90px;height:90px}}

.duck-picker{border:1px solid var(--line);border-radius:18px;padding:20px;margin:24px 0}.duck-picker legend{font-family:Nunito;font-size:22px;font-weight:900;padding:0 10px}.duck-picker-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.duck-picker-fields label{margin-top:0}.duck-picker-fields select{display:block;width:100%;margin-top:7px}.duck-picker #duck-surprise{margin-top:14px}.join-card:has(.duck-picker){max-width:620px;margin:auto}.duck-picker .duck-large{margin-bottom:10px}@media(max-width:480px){.duck-picker{padding:14px}.duck-picker-fields{grid-template-columns:1fr}.duck-picker-fields label{text-align:left}}

.duck-tabs{display:flex;gap:6px;background:#efedf8;border-radius:14px;padding:5px;margin:8px 0 18px}.duck-tabs button{flex:1;background:transparent;border:0;padding:10px 8px}.duck-tabs [aria-selected=true]{background:#30275f;color:white;box-shadow:0 2px 5px #17143b22}.duck-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.duck-choice-grid.duck-families{grid-template-columns:repeat(3,minmax(0,1fr))}.duck-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border:2px solid var(--line);min-width:0;font-size:13px}.duck-choice[aria-pressed=true]{border-color:#7752c6;background:#f1ecff}.duck-choice .duck-avatar{width:68px;height:68px}.duck-check{position:absolute;right:4px;top:3px;border-radius:50%;background:#30275f;color:white;width:20px;height:20px;line-height:20px}.duck-choice>span:last-of-type{line-height:1.25}.join-card:has(.duck-picker)>.join-mascot{width:80px;height:80px}@media(max-width:480px){.duck-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.duck-choice-grid.duck-families{grid-template-columns:repeat(3,minmax(0,1fr))}.duck-choice .duck-avatar{width:60px;height:60px}.duck-choice{font-size:12px}}

.duck-dj-card{background:#17143b;border-radius:16px;padding:18px 14px;margin:0 0 20px;color:white}.duck-dj-card .eyebrow{color:#b9a4ef}.duck-dj-card strong{display:block;font:900 27px/1.2 Nunito,sans-serif;color:#ffd84d;margin:7px 0;overflow-wrap:anywhere}.duck-dj-card p{font-size:14px;margin:8px 0 0;color:#d7d1eb}@media(max-width:480px){.duck-dj-card strong{font-size:23px}}

.no-accessory-label{display:block;font-size:11px;font-weight:500;margin-top:4px;color:var(--muted)}