@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{color-scheme:dark;--bg:#111318;--panel:#20242c;--ink:#f4f3ef;--muted:#a7abb2;--accent:#d4f05a;--line:#3a3f48}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 5%,#252b34,transparent 35%),var(--bg);color:var(--ink);font:16px/1.5 'DM Sans',system-ui,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.shell{max-width:1260px;min-height:100vh;margin:auto;padding:25px clamp(18px,4vw,64px) 28px;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:21px;border-bottom:1px solid var(--line);font-size:14px}.brand{letter-spacing:.02em}.brand i{font-style:normal;color:var(--accent)}.head-right{display:flex;align-items:center;gap:14px;color:var(--muted)}.reset{background:none;border:1px solid var(--line);color:var(--ink);border-radius:100px;padding:7px 14px}.reset:hover{border-color:var(--accent)}main{flex:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(28px,5vw,90px);align-items:center;padding:32px 0}.intro{max-width:560px}.eyebrow{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 15px}h1,.result-title{font:500 clamp(70px,8vw,124px)/.94 'Playfair Display',Georgia,serif;letter-spacing:-.06em;margin:0 0 30px}h1 span{display:block}h1 em{color:var(--accent);font-weight:500}.lead{font-size:19px;color:#d5d8df;line-height:1.5;max-width:470px;margin:0 0 24px}.setup{border-top:1px solid var(--line);padding-top:19px}.setup h2{font-size:18px;margin:0 0 5px}.helper,.disclaimer{color:var(--muted);font-size:14px;line-height:1.5}.helper{margin:0 0 16px}.disclaimer{margin:14px 0 0}.wardrobe{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:21px}.chip{background:transparent;color:#e1e3e6;border:1px solid #565b63;border-radius:100px;padding:9px 15px;font-size:14px}.chip:hover{border-color:var(--accent)}.chip[aria-pressed=true]{color:#151812;background:var(--accent);border-color:var(--accent);font-weight:700}.chip[aria-pressed=true]:before{content:'✓ '}.primary{background:var(--accent);color:#151812;border:1px solid var(--accent);border-radius:100px;padding:14px 25px;min-height:52px;font-weight:700}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.art{min-height:550px;display:grid;place-items:center}.orbit{width:min(100%,520px);aspect-ratio:1;border:1px solid #3a3f48;border-radius:50%;position:relative;display:grid;place-items:center}.orbit:before{content:'';position:absolute;inset:27px;border:1px solid #333841;border-radius:50%}.orbit:after{content:'20 QUESTIONS  •  ONE SPIN  •  YOUR CALL';position:absolute;bottom:-11px;background:var(--bg);padding:4px 12px;color:#a7abb2;font-size:11px;letter-spacing:.13em;white-space:nowrap}.disc{width:73%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#49515a,#242933 55%,#171a22);box-shadow:inset -24px -34px 62px #0b0d14,0 25px 90px #0008;display:grid;place-items:center}.disc span{width:70%;aspect-ratio:1;border:1px solid #77808370;border-radius:50%;display:grid;place-items:center;transform:rotate(-14deg);font:italic clamp(54px,8vw,120px) 'Playfair Display',serif;letter-spacing:-.15em;color:var(--accent);padding-right:14px}.spark{position:absolute;color:var(--accent);font-size:29px;right:14%;top:14%}footer{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:13px}footer strong{color:var(--ink);font-weight:500}.game-area{width:100%;max-width:610px}.progress-head{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}.score{color:var(--accent)}.track{height:5px;border-radius:9px;overflow:hidden;background:#353a42;margin-bottom:25px}.fill{height:100%;background:var(--accent);transition:width .35s}.card{background:linear-gradient(145deg,#242832,#191c23);border:1px solid #40454d;border-radius:25px;padding:clamp(20px,3vw,35px);box-shadow:0 30px 80px #07080980}.card h2{font:500 clamp(29px,3vw,43px)/1.18 'Playfair Display',Georgia,serif;letter-spacing:-.02em;min-height:100px;margin:0 0 28px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{min-height:72px;background:#282d35;color:var(--ink);border:1px solid #454b54;border-radius:14px;padding:12px 15px;display:flex;align-items:center;gap:13px;text-align:left;line-height:1.25}.choice b{color:var(--accent);font-size:13px;flex:none}.choice:hover:not(:disabled){border-color:var(--accent);background:#343b43}.choice.correct{border-color:var(--accent);background:#34402c}.choice.wrong{border-color:#e58c83;background:#463233}.choice:disabled{cursor:default}.feedback{margin:17px 0 0;min-height:26px;color:#d5d8df;font-size:15px}.feedback.good{color:var(--accent)}.feedback.bad{color:#f1aaa3}.wheel-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:530px}.wheel-caption{color:var(--muted);text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:700;margin-bottom:27px}.wheel-wrap{position:relative;width:min(100%,440px);aspect-ratio:1;filter:drop-shadow(0 20px 45px #05060888)}.wheel-svg{width:100%;height:100%;display:block;transition:transform 4.2s cubic-bezier(.12,.76,.16,1)}.wheel-svg text{font:700 16px 'DM Sans',sans-serif;fill:#141819}.pointer{position:absolute;top:-15px;left:50%;transform:translateX(-50%);z-index:2;border-left:14px solid transparent;border-right:14px solid transparent;border-top:25px solid var(--ink)}.wheel-action{margin-top:26px;min-height:105px;text-align:center;max-width:410px}.wheel-action p{margin:0 0 13px;font-size:17px;line-height:1.45}.wheel-action small{color:var(--muted)}.wheel-idle{max-width:280px;color:var(--muted);font-size:15px!important}.secondary{display:inline-block;background:none;border:0;color:var(--ink);text-decoration:underline;text-underline-offset:4px;padding:10px;font-size:14px}.result-num{font:500 clamp(90px,11vw,160px)/1 'Playfair Display',serif;color:var(--accent)}.result-title{font-size:clamp(42px,5vw,67px);line-height:1.06}.result-body{color:#d5d8df;font-size:18px;margin:0 0 28px}.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}
@media(max-width:850px){main{grid-template-columns:1fr;align-items:start;gap:26px}.intro,.game-area{max-width:none}.art{min-height:370px;order:-1}.orbit{width:min(100%,370px)}.wheel-section{order:-1;min-height:390px}.wheel-wrap{width:min(80vw,335px)}.wheel-action{min-height:72px;margin-top:15px}}@media(max-width:580px){.shell{padding:18px 18px 25px}header{padding-bottom:14px}.head-right{gap:8px;font-size:13px}main{padding-top:20px;gap:10px}.eyebrow{margin-bottom:9px}h1{font-size:clamp(65px,19vw,100px);margin-bottom:19px}.lead{font-size:16px;margin-bottom:20px}.art{order:0;min-height:300px;margin:10px 0 15px}.orbit{width:300px;max-width:90%}.orbit:before{inset:16px}.orbit:after{font-size:8px}.disc span{font-size:75px}.card{padding:20px;border-radius:21px}.card h2{min-height:0;font-size:31px;margin-bottom:22px}.choices{grid-template-columns:1fr;gap:8px}.choice{min-height:54px}.wheel-section{min-height:320px}.wheel-wrap{width:min(72vw,290px)}.wheel-svg text{font-size:17px}footer{font-size:12px;line-height:1.5}footer span:last-child{text-align:right}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.wardrobe{display:block}.wardrobe-group{margin:0 0 18px}.wardrobe-group h3{color:#b7bdc5;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;margin:0 0 9px}.wardrobe-options{display:flex;flex-wrap:wrap;gap:8px}.wardrobe-options .chip{padding:8px 13px}
.wheel-wrap{width:min(100%,500px)}.wheel-legend{width:min(100%,500px);text-align:center;color:var(--muted);font-size:14px;margin:5px 0 0}.wheel-legend summary{cursor:pointer;padding:8px;text-decoration:underline;text-underline-offset:4px}.wheel-legend summary:focus-visible{outline:2px solid var(--accent)}.wheel-legend-list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:12px 0}.wheel-legend-list span{font-size:12px;border:1px solid var(--line);border-radius:100px;padding:3px 8px;color:var(--ink)}
@media(max-width:580px){.wheel-wrap{width:min(100%,360px)}}
.setup-intro h1{font-size:clamp(62px,7vw,102px)}.name-label{display:block;color:var(--ink);font-weight:600;font-size:15px;margin:0 0 9px}.name-input{width:100%;max-width:400px;background:#272c34;color:var(--ink);border:1px solid #565b63;border-radius:14px;font:inherit;padding:12px 15px;margin:0 0 19px}.name-input:focus{outline:2px solid var(--accent);outline-offset:2px}.setup-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.rules-card{border:1px solid var(--line);background:#1c2028;border-radius:16px;padding:0 18px;margin:16px 0 24px;text-align:left;color:var(--ink);width:100%;max-width:560px}.rules-card summary{cursor:pointer;font-weight:700;padding:15px 0;color:var(--accent)}.rules-card summary:focus-visible{outline:2px solid var(--accent)}.rules-card ol{margin:0 0 17px;padding-left:23px;color:#d5d9de;font-size:14px;line-height:1.55}.rules-card li{padding-left:3px;margin-bottom:11px}.rules-card li::marker{color:var(--accent);font-weight:700}.rules-card strong{color:var(--ink)}.players-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:22px}.player-badge{background:#1d222a;border:1px solid var(--line);border-radius:15px;padding:12px 14px;min-width:0}.player-badge.active{border-color:var(--accent);background:#293125}.player-badge span,.player-badge small{display:block;color:var(--muted);font-size:12px}.player-badge strong{display:block;overflow-wrap:anywhere;margin:3px 0;font-size:17px}.player-badge.active span{color:var(--accent)}.wheel-section>.rules-card{margin-top:17px}.pass-options{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:11px 0}.wheel-action:has(.pass-options){max-width:500px}.wheel-action:has(.pass-options) p{font-size:16px}.final-scores{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px}.final-scores div{background:#20252d;border:1px solid var(--line);border-radius:15px;padding:15px 18px;min-width:150px}.final-scores strong,.final-scores span{display:block}.final-scores span{color:var(--muted);font-size:14px}@media(max-width:580px){.setup-intro h1{font-size:clamp(59px,17vw,85px)}.rules-card{padding:0 14px}.rules-card ol{font-size:14px}.players-row{margin-bottom:18px}.player-badge{padding:10px}.player-badge strong{font-size:15px}.progress-head{font-size:12px;letter-spacing:.05em}}
.remote-link{color:var(--accent);font-size:15px;text-decoration:underline;text-underline-offset:4px}.remote-link:hover{color:var(--ink)}.setup-error{color:#f1aaa3;font-size:14px;margin:10px 0}
.online-back{text-decoration:none}.online-main{display:block;padding:clamp(25px,5vw,60px) 0}.online-container{max-width:1030px;margin:0 auto}.online-container h1{font-size:clamp(60px,8vw,110px);margin:0 0 20px}.online-container h1 span{display:block}.online-lead{font-size:18px;color:#d5d8df;max-width:600px;margin:0 0 26px}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:800px}.mode-card{background:#20252d;border:1px solid var(--line);border-radius:23px;padding:28px;color:var(--ink);text-align:left;min-height:190px}.mode-card:hover{border-color:var(--accent);transform:translateY(-2px)}.mode-card strong{display:block;font:500 33px 'Playfair Display',Georgia,serif;margin-bottom:13px}.mode-card span{display:block;color:var(--muted);font-size:15px}.online-form{max-width:720px}.online-form h1{font-size:clamp(43px,6vw,70px)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:block;margin-bottom:15px}.field label{display:block;font-weight:600;font-size:14px;margin-bottom:7px}.field input{width:100%;background:#272c34;border:1px solid #565b63;color:var(--ink);font:inherit;padding:12px 14px;border-radius:12px}.field input:focus{outline:2px solid var(--accent);outline-offset:2px}.online-form .wardrobe{margin:16px 0 22px}.form-error,.room-error{color:#f1aaa3;font-size:15px;margin:12px 0}.room-notice{color:var(--accent);font-size:14px;margin:10px 0}.room-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.room-head h1{font-size:clamp(46px,6vw,74px);margin-bottom:7px}.room-code{font-size:14px;letter-spacing:.14em;color:var(--accent);font-weight:700}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:clamp(22px,4vw,55px);align-items:start}.room-panel{background:linear-gradient(145deg,#242832,#191c23);border:1px solid var(--line);border-radius:24px;padding:clamp(20px,3vw,32px)}.room-panel h2{font:500 clamp(28px,3vw,39px) 'Playfair Display',Georgia,serif;margin:4px 0 18px}.room-panel .choices{margin-top:20px}.room-side{display:flex;flex-direction:column;align-items:center}.room-side .wheel-wrap{width:min(100%,440px)}.room-side .wheel-caption{text-align:center}.room-side .wheel-action{min-height:0;margin-top:22px}.room-side .rules-card{margin-top:18px}.room-state{color:var(--muted);line-height:1.5}.room-state strong{color:var(--ink)}.invite-box{border:1px solid #617045;background:#242b23;border-radius:18px;padding:19px;margin:18px 0}.invite-box .room-code{font-size:27px;letter-spacing:.15em;color:var(--accent);display:block;margin:5px 0}.invite-box p{margin:8px 0;color:#d5d8df}.waiting-graphic{font:500 60px 'Playfair Display',serif;color:var(--accent);letter-spacing:-.07em}.room-status-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.room-status-row .player-badge{flex:1 1 150px}.room-status-row .player-badge.me{border-color:var(--accent)}.room-panel .pass-options{justify-content:flex-start}.room-actions{margin-top:20px}.online-container>.rules-card{max-width:800px;margin-top:26px}.room-result{font-size:19px;color:var(--soft);line-height:1.5}.room-code-button{border:1px solid var(--line);border-radius:100px;background:transparent;color:var(--ink);padding:10px 15px}.room-code-button:hover{border-color:var(--accent)}@media(max-width:800px){.room-layout{grid-template-columns:1fr}.room-side{order:-1}.room-side .wheel-wrap{width:min(100%,340px)}.room-head{display:block}.room-head .room-code-button{margin-top:14px}}@media(max-width:580px){.mode-cards,.field-grid{grid-template-columns:1fr}.mode-card{min-height:150px;padding:21px}.online-container h1{font-size:clamp(55px,16vw,85px)}.online-form h1{font-size:clamp(42px,12vw,65px)}.online-main{padding-top:25px}.room-side .wheel-wrap{width:min(100%,320px)}.room-panel{padding:19px}.room-head h1{font-size:50px}}

.room-result{color:#d5d8df}
.play-mode{border:0;padding:0;margin:9px 0 23px}.play-mode legend{font-size:14px;font-weight:700;margin-bottom:9px}.play-mode label{position:relative;display:inline-flex;vertical-align:top;margin:0 9px 9px 0;cursor:pointer}.play-mode input{position:absolute;opacity:0;width:1px;height:1px}.play-mode label span{display:block;padding:13px 17px;border:1px solid #565b63;border-radius:15px;background:#22272f;min-width:190px}.play-mode label strong,.play-mode label small{display:block}.play-mode label small{color:var(--muted);font-size:12px;margin-top:3px;line-height:1.4}.play-mode input:checked+span{border-color:var(--accent);background:#293125}.play-mode input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}.room-head-actions{display:flex;gap:8px;flex-wrap:wrap}.room-code-button:disabled,.primary:disabled{opacity:.55;cursor:default;transform:none}.photo-area{border-top:1px solid var(--line);margin-top:22px;padding-top:19px}.photo-area .helper{margin-bottom:14px}.camera-video,.proof-image{width:100%;max-height:430px;object-fit:contain;background:#0b0d11;border-radius:13px;margin-bottom:15px}.room-link{overflow-wrap:anywhere}.room-head-actions #exitRoom{border-color:#917877}.room-head-actions #exitRoom:hover{border-color:#f1aaa3}@media(max-width:580px){.play-mode label{display:block}.play-mode label span{min-width:0}.room-head-actions{margin-top:14px}}