:root{color-scheme:dark;font-family:system-ui,-apple-system,'Arial Black',Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#05030c;color:#fff}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid #00eaff;outline-offset:3px}.game{position:relative;isolation:isolate;width:100%;min-height:100dvh;overflow:hidden;border:4px solid #fdfaff;border-radius:23px;background:#06020e;box-shadow:inset 0 0 20px #fd14b155,0 0 18px #8c15ff55}.stage{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#b70073a8 0%,transparent 47%),radial-gradient(ellipse at 8% 25%,#0a41b9a3,transparent 44%),radial-gradient(ellipse at 94% 30%,#af1256a8,transparent 44%),#05030d}.beams{position:absolute;inset:-35%;background:repeating-conic-gradient(from 12deg at 50% 68%,transparent 0deg 8deg,#ff138744 8.3deg 8.8deg,transparent 9deg 17deg,#00d9ff55 17.2deg 17.6deg,transparent 18deg 28deg,#ffb90055 28.3deg 28.8deg,transparent 29deg 38deg);filter:blur(1.5px);animation:turnBeams 32s linear infinite;opacity:.85}.haze{position:absolute;inset:10% -20% 0;background:radial-gradient(ellipse at 25% 72%,#ff158966,transparent 38%),radial-gradient(ellipse at 75% 72%,#132aff99,transparent 40%);filter:blur(36px);animation:breathe 5s ease-in-out infinite alternate}.floor{position:absolute;left:-70%;right:-70%;height:55%;bottom:-20%;transform:perspective(390px) rotateX(64deg);transform-origin:50% 100%;background-image:linear-gradient(#ff17b46b 2px,transparent 2px),linear-gradient(90deg,#16d9ff6b 2px,transparent 2px);background-size:70px 55px;box-shadow:0 -20px 65px #ff149c77;mask-image:linear-gradient(to bottom,transparent 0%,#000 45%);animation:floorMove 5s linear infinite}.sparks{position:absolute;inset:0;background:radial-gradient(circle at 12% 13%,#fff 0 2px,transparent 3px),radial-gradient(circle at 82% 26%,#ffdf43 0 2px,transparent 3px),radial-gradient(circle at 65% 8%,#0ff 0 2px,transparent 3px),radial-gradient(circle at 27% 68%,#f0f 0 2px,transparent 3px);opacity:.85;animation:breathe 2.5s ease-in-out infinite alternate}@keyframes turnBeams{to{transform:rotate(8deg)}}@keyframes breathe{to{opacity:.45;transform:scale(1.06)}}@keyframes floorMove{to{background-position:0 55px,0 55px}}.content{position:relative;min-height:calc(100dvh - 8px)}.screen{position:relative;min-height:calc(100dvh - 8px);padding:clamp(20px,4vw,44px);display:flex;flex-direction:column;align-items:center}.hidden{display:none!important}.logo{font-weight:1000;font-style:italic;letter-spacing:-.085em;line-height:.84;transform:skew(-8deg) rotate(-4deg);text-align:center;text-transform:uppercase;filter:drop-shadow(0 0 12px #ff1686a0)}.logo span,.logo strong{display:block;font-weight:1000}.logo span{color:#fff;text-shadow:3px 4px 0 #1466ff,0 0 20px #02d9ff}.logo strong{color:#ff139a;text-shadow:3px 4px 0 #8d0d58,0 0 22px #ff149a}.logo.hero{font-size:clamp(72px,15vw,180px)}.logo.compact{font-size:clamp(58px,9vw,100px);margin:22px 0 16px}.logo.mini{font-size:clamp(28px,4vw,47px);text-align:left}.tag{font-size:clamp(10px,1.6vw,16px);letter-spacing:.32em;font-weight:900;text-align:center;text-shadow:0 0 8px #000}.homeCenter{width:100%;max-width:800px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.bigButton{width:min(100%,520px);min-height:74px;border:2px solid #ffb1df;border-radius:40px;background:linear-gradient(105deg,#ff0088,#ff248a 52%,#ffb52c);box-shadow:0 0 18px #ff00a9,0 0 40px #ff00a355,inset 0 0 14px #ffffff55;color:#fff;font-size:clamp(21px,3vw,32px);font-weight:1000;text-shadow:0 1px 3px #b01a58;transition:transform .15s}.bigButton:active{transform:scale(.97)}.footnote{font-size:12px;letter-spacing:.28em;font-weight:800;margin-bottom:12px}.back{position:absolute;top:20px;left:22px;border:1px solid #ffffff99;border-radius:50%;background:#09051a99;color:white;width:47px;height:47px;font-size:26px}.options{width:min(100%,650px);display:grid;gap:12px;margin:auto 0}.option{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:10px;min-height:65px;padding:10px 16px;border:1px solid #fe53bf66;border-radius:16px;background:#050713cb;box-shadow:inset 0 0 18px #1b0e2b}.option label{font-size:clamp(13px,2vw,19px);font-weight:850}.option select{width:100%;min-width:0;border:1px solid #29cfff44;border-radius:10px;padding:12px 9px;background:#161026;color:#fff;font-weight:800;font-size:clamp(14px,2vw,18px)}.startButton{margin:30px 0 10px}.topline{width:100%;display:flex;align-items:flex-start;justify-content:space-between}.topline #remaining{font-weight:1000;font-size:clamp(26px,5vw,56px);text-shadow:0 0 15px #0cf}.centerZone{position:absolute;inset:16% 5% 17%;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}#command{max-width:100%;width:100%;font-size:clamp(50px,10vw,180px);line-height:.98;font-weight:1000;letter-spacing:-.045em;text-transform:uppercase;text-align:center;text-wrap:balance;overflow-wrap:normal;text-shadow:0 0 12px #ff009e,0 0 34px #ff009e,5px 6px 0 #a20b68;transform:skew(-4deg)}.bottomline{margin-top:auto;width:100%;display:flex;flex-direction:column;gap:15px}.progressTrack{height:17px;border:2px solid #fc57bf;border-radius:50px;background:#08051799;overflow:hidden;box-shadow:0 0 12px #ff139a}.progressTrack>div{height:100%;width:0;background:linear-gradient(90deg,#f909b2,#22ddff,#fff04c);box-shadow:0 0 12px #0ff}.controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.controls button,.subButton{border:1px solid #ff80d9;background:#070515d9;color:#fff;border-radius:12px;padding:13px 24px;font-weight:900;font-size:15px}.finishCenter{margin:auto;text-align:center}.finishCenter h1{font-size:clamp(45px,11vw,130px);text-shadow:0 0 25px #ff00a8}.finishCenter p{letter-spacing:.22em;font-weight:800}.finishButtons{display:flex;flex-direction:column;align-items:center;width:100%;gap:15px}@media(min-width:900px){.game{max-width:100%;}.screen{max-width:1200px;margin:auto}.homeCenter{gap:30px}}@media(orientation:landscape) and (max-height:650px){.screen{padding:14px 30px}.logo.compact{font-size:clamp(34px,8vh,66px);margin:4px}.tag{margin:5px}.options{gap:5px;max-width:750px}.option{min-height:38px;padding:3px 12px}.option select{padding:5px}.startButton{min-height:46px;margin:10px 0 0}.centerZone{inset:13% 5% 20%}.bottomline{gap:6px}.controls button{padding:6px 18px}.progressTrack{height:12px}}@media(prefers-reduced-motion:reduce){.beams,.haze,.floor,.sparks{animation:none}}

/* V4: single-word cues dominate the stage; preserve neon backgrounds and countdown. */
#command{font-size:clamp(72px,17vw,420px);line-height:1.08;letter-spacing:-.025em;transform:none;white-space:nowrap;overflow:visible;text-wrap:nowrap;text-shadow:0 0 12px #ff009e,0 0 32px #ff009e,4px 5px 0 #a20b68;}
.centerZone{inset:13% 3% 15%;}
@media(orientation:landscape){.centerZone{inset:14% 3% 16%;}}

/* V6: animated neon tunnel, with a clear center for the word. */
.neonBurst{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block;opacity:.98}
.stage{background:radial-gradient(ellipse at 50% 72%,#810057 0%,#1a0938 40%,#071339 69%,#04020b 100%)}
.stage .sparks{display:none}
.stage .haze{opacity:.4;animation:breathe 7s ease-in-out infinite alternate}
.stage .floor{opacity:.58;animation:floorMove 8s linear infinite}
#command{position:relative;filter:drop-shadow(0 0 15px #ff128a);text-shadow:0 0 9px #ff149e,0 0 26px #ff149e,5px 6px 0 #610b63;font-style:italic;transform:skew(-5deg)}
#command.flashEnter{animation:wordPunch .34s cubic-bezier(.16,1.2,.3,1) both}
@keyframes wordPunch{0%{opacity:0;filter:blur(8px);scale:1.23}65%{opacity:1;filter:blur(0);scale:.98}100%{opacity:1;scale:1}}
@media(prefers-reduced-motion:reduce){#command.flashEnter{animation:none}.stage .floor,.stage .haze{animation:none}}

/* V7 — selectable visual environments. Word and interface remain unchanged. */
.stage{background:radial-gradient(ellipse at 50% 78%,#70004c 0%,#190935 44%,#071334 73%,#04020b 100%)}
.ambientFlow{position:absolute;inset:-18%;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .55s ease;filter:blur(clamp(45px,8vw,115px));transform:translateZ(0)}
.ambientFlow i{position:absolute;display:block;border-radius:50%;will-change:transform;mix-blend-mode:screen;opacity:.55}
.ambientFlow i:nth-child(1){width:60%;height:64%;left:-8%;top:35%;background:radial-gradient(ellipse,#ff0091aa 0%,#a7007a55 43%,transparent 74%);animation:lavaOne 25s ease-in-out infinite alternate}
.ambientFlow i:nth-child(2){width:57%;height:76%;right:-12%;top:0%;background:radial-gradient(ellipse,#1255ffbb 0%,#2732b866 45%,transparent 74%);animation:lavaTwo 30s ease-in-out infinite alternate}
.ambientFlow i:nth-child(3){width:48%;height:62%;left:30%;top:24%;background:radial-gradient(ellipse,#aa1fbd77 0%,#ac146944 45%,transparent 75%);animation:lavaThree 33s ease-in-out infinite alternate}
.ambientFlow i:nth-child(4){width:44%;height:50%;right:5%;bottom:-12%;background:radial-gradient(ellipse,#e914a077 0%,#3821c755 44%,transparent 75%);animation:lavaFour 29s ease-in-out infinite alternate}
@keyframes lavaOne{to{transform:translate(20%, -20%) scale(1.22)}}
@keyframes lavaTwo{to{transform:translate(-24%, 24%) scale(1.16)}}
@keyframes lavaThree{to{transform:translate(-20%, -22%) scale(1.25)}}
@keyframes lavaFour{to{transform:translate(18%, -25%) scale(1.18)}}
.game[data-background="flow"] .ambientFlow{opacity:1}
.game[data-background="flow"] .neonBurst,.game[data-background="still"] .neonBurst{display:none}
.game[data-background="burst"] .ambientFlow,.game[data-background="still"] .ambientFlow{display:none}
.game[data-background="still"] .haze,.game[data-background="still"] .floor,.game[data-background="still"] .sparks,.game[data-background="flow"] .haze,.game[data-background="flow"] .floor,.game[data-background="flow"] .sparks{display:none}
.game[data-background="burst"] .neonBurst{display:block}
@media(prefers-reduced-motion:reduce){.ambientFlow i{animation:none!important}.ambientFlow{transition:none}}

/* V8 — noticeably living lava-lamp: four drifting, deforming soft light masses. */
.game[data-background="flow"] .ambientFlow{filter:blur(clamp(26px,5vw,72px));opacity:1}
.ambientFlow i{opacity:.84;transform-origin:center;animation-timing-function:ease-in-out!important;animation-direction:alternate!important}
.ambientFlow i:nth-child(1){width:65%;height:67%;left:-9%;top:27%;animation:lavaOneV8 9s ease-in-out infinite alternate}
.ambientFlow i:nth-child(2){width:64%;height:70%;right:-11%;top:-9%;animation:lavaTwoV8 12s ease-in-out infinite alternate}
.ambientFlow i:nth-child(3){width:53%;height:67%;left:26%;top:20%;animation:lavaThreeV8 11s ease-in-out infinite alternate}
.ambientFlow i:nth-child(4){width:49%;height:57%;right:0%;bottom:-15%;animation:lavaFourV8 10s ease-in-out infinite alternate}
@keyframes lavaOneV8{0%{transform:translate(-14%,19%) scale(.8,1.22) rotate(-15deg)}50%{transform:translate(18%,-13%) scale(1.27,.82) rotate(12deg)}100%{transform:translate(40%,-28%) scale(.95,1.36) rotate(30deg)}}
@keyframes lavaTwoV8{0%{transform:translate(15%,-14%) scale(1.3,.85) rotate(16deg)}50%{transform:translate(-23%,24%) scale(.8,1.32) rotate(-19deg)}100%{transform:translate(-39%,37%) scale(1.16,.9) rotate(-32deg)}}
@keyframes lavaThreeV8{0%{transform:translate(-26%,30%) scale(.9,1.28) rotate(-20deg)}50%{transform:translate(23%,-19%) scale(1.34,.82) rotate(15deg)}100%{transform:translate(12%,-33%) scale(.85,1.27) rotate(28deg)}}
@keyframes lavaFourV8{0%{transform:translate(23%,23%) scale(1.2,.84) rotate(20deg)}50%{transform:translate(-28%,-21%) scale(.8,1.36) rotate(-16deg)}100%{transform:translate(-38%,-42%) scale(1.24,.86) rotate(-30deg)}}
/* Font personalities apply only to movement cues, not countdown or interface. */
#command{color:var(--cue-fill,#fff);text-shadow:0 0 12px var(--cue-glow,#ff149f),0 0 34px var(--cue-glow,#ff149f),4px 5px 0 #170725;transition:color .16s ease,text-shadow .16s ease}
.game[data-font="street"] #command{font-family:Impact,'Arial Black',system-ui,sans-serif;font-weight:900;font-style:italic;letter-spacing:-.035em;transform:skew(-5deg)}
.game[data-font="power"] #command{font-family:'Arial Black',Arial,system-ui,sans-serif;font-weight:1000;font-style:normal;letter-spacing:-.055em;transform:none}
.game[data-font="neon"] #command{font-family:'Trebuchet MS',Verdana,system-ui,sans-serif;font-weight:900;font-style:normal;letter-spacing:.015em;transform:none;-webkit-text-stroke:clamp(1px,.13vw,2px) var(--cue-stroke,#00eaff)}
@media(prefers-reduced-motion:reduce){.ambientFlow i{animation:none!important}#command{transition:none}}

/* V8.1: clearer home-screen tagline */
#home .tag{font-size:clamp(17px,2.5vw,27px);letter-spacing:.20em;line-height:1.35;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7),0 0 15px rgba(255,255,255,.25);max-width:94%;}
@media(max-width:600px){#home .tag{font-size:clamp(16px,4vw,22px);letter-spacing:.15em;}}


/* V9: eight independently selectable worlds and eight font modes. */
.worldEffects{position:absolute;inset:-12%;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .5s ease;filter:blur(25px)}
.worldLayer{position:absolute;inset:-20%;background:radial-gradient(ellipse at 20% 70%,var(--world-a,#ff169d) 0%,transparent 42%),radial-gradient(ellipse at 78% 24%,var(--world-b,#00caff) 0%,transparent 46%);opacity:.47;animation:worldDrift 13s ease-in-out infinite alternate;mix-blend-mode:screen}
.worldLayer.second{animation:worldDrift2 17s ease-in-out infinite alternate;opacity:.35;transform:rotate(25deg)}
.worldPattern{position:absolute;inset:-20%;opacity:.3;animation:worldSpin 18s linear infinite}
@keyframes worldDrift{0%{transform:translate(-9%,4%) scale(.95) rotate(-8deg)}100%{transform:translate(12%,-8%) scale(1.2) rotate(16deg)}}
@keyframes worldDrift2{0%{transform:translate(11%,12%) scale(1.12) rotate(22deg)}100%{transform:translate(-13%,-10%) scale(.88) rotate(-16deg)}}
@keyframes worldSpin{to{transform:rotate(360deg)}}
.game[data-background="aurora"]{--world-a:#00f4c8;--world-b:#8149ff}
.game[data-background="tide"]{--world-a:#008aff;--world-b:#00e8d5}
.game[data-background="dusk"]{--world-a:#ff875a;--world-b:#8d4bff}
.game[data-background="prism"]{--world-a:#ff00aa;--world-b:#13dfff}
.game[data-background="pulse"]{--world-a:#ff3366;--world-b:#ffcb00}
.game[data-background="comet"]{--world-a:#6c34ff;--world-b:#08cfff}
.game[data-background="aurora"] .worldEffects,.game[data-background="tide"] .worldEffects,.game[data-background="dusk"] .worldEffects,.game[data-background="prism"] .worldEffects,.game[data-background="pulse"] .worldEffects,.game[data-background="comet"] .worldEffects{opacity:1}
.game[data-background="aurora"] .worldLayer,.game[data-background="tide"] .worldLayer,.game[data-background="dusk"] .worldLayer{animation-duration:22s;opacity:.28}
.game[data-background="aurora"] .worldLayer.second,.game[data-background="tide"] .worldLayer.second,.game[data-background="dusk"] .worldLayer.second{animation-duration:27s;opacity:.23}
.game[data-background="prism"] .worldPattern{background:repeating-conic-gradient(from 0deg at 50% 60%,transparent 0deg 13deg,#ff24a788 13deg 14deg,transparent 14deg 28deg,#00dfff88 28deg 29deg,transparent 29deg 44deg);filter:blur(2px)}
.game[data-background="pulse"] .worldPattern{inset:10%;border:clamp(8px,3vw,40px) solid #ff26a788;border-radius:50%;box-shadow:0 0 90px #ff0a9e88,inset 0 0 100px #ffbd0088;animation:worldPulse 2.4s ease-in-out infinite}
@keyframes worldPulse{50%{transform:scale(1.3);opacity:.08}}
.game[data-background="comet"] .worldPattern{background:repeating-linear-gradient(135deg,transparent 0 9%,#05eaff66 9.3% 9.7%,transparent 10% 19%,#fa17ad66 19.2% 19.6%,transparent 20% 31%);animation:cometSlide 3.5s linear infinite}
@keyframes cometSlide{to{transform:translate(12%,12%)}}
.game[data-background="aurora"] .ambientFlow,.game[data-background="tide"] .ambientFlow,.game[data-background="dusk"] .ambientFlow,.game[data-background="prism"] .ambientFlow,.game[data-background="pulse"] .ambientFlow,.game[data-background="comet"] .ambientFlow{display:none}
.game[data-background="aurora"] .neonBurst,.game[data-background="tide"] .neonBurst,.game[data-background="dusk"] .neonBurst,.game[data-background="prism"] .neonBurst,.game[data-background="pulse"] .neonBurst,.game[data-background="comet"] .neonBurst{display:none}
.game[data-background="aurora"] .haze,.game[data-background="tide"] .haze,.game[data-background="dusk"] .haze,.game[data-background="prism"] .haze,.game[data-background="pulse"] .haze,.game[data-background="comet"] .haze,.game[data-background="aurora"] .floor,.game[data-background="tide"] .floor,.game[data-background="dusk"] .floor,.game[data-background="prism"] .floor,.game[data-background="pulse"] .floor,.game[data-background="comet"] .floor{display:none}
.game[data-font="block"] #command{font-family:Impact,'Arial Black',sans-serif;font-weight:1000;font-style:normal;letter-spacing:-.06em;transform:none}
.game[data-font="retro"] #command{font-family:'Courier New',monospace;font-weight:1000;font-style:normal;letter-spacing:-.10em;transform:skew(-7deg);text-shadow:5px 6px 0 var(--cue-glow),0 0 25px var(--cue-glow)}
.game[data-font="outline"] #command{font-family:Impact,'Arial Black',sans-serif;font-weight:1000;font-style:italic;color:#07051b;-webkit-text-stroke:clamp(2px,.5vw,6px) var(--cue-fill);text-shadow:0 0 15px var(--cue-glow),0 0 34px var(--cue-glow)}
.game[data-font="comic"] #command{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:1000;font-style:italic;letter-spacing:-.065em;transform:rotate(-3deg) skew(-7deg);text-shadow:7px 8px 0 #19002f,0 0 24px var(--cue-glow)}
@media(prefers-reduced-motion:reduce){.worldLayer,.worldPattern{animation:none!important;transition:none!important}}

/* V10: two new kinetic neon worlds; canvas handles motion, CSS maintains text legibility. */
.game[data-background="rush"] .ambientFlow,.game[data-background="lightning"] .ambientFlow{display:none}
.game[data-background="rush"] .neonBurst,.game[data-background="lightning"] .neonBurst{display:block}
.game[data-background="rush"] .worldEffects,.game[data-background="lightning"] .worldEffects{opacity:0}
.game[data-background="rush"] .haze{opacity:.65}
.game[data-background="lightning"] .haze{opacity:.85;filter:blur(44px)}

/* V10.1: two genuinely distinct canvas worlds, not burst-speed variants. */
.arcadeWorld{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none;z-index:2}
.game[data-background="grid"] .arcadeWorld,.game[data-background="chaos"] .arcadeWorld{display:block}
.game[data-background="grid"] .neonBurst,.game[data-background="chaos"] .neonBurst,.game[data-background="grid"] .ambientFlow,.game[data-background="chaos"] .ambientFlow{display:none}
.game[data-background="grid"] .worldEffects,.game[data-background="chaos"] .worldEffects{opacity:0}
.game[data-background="grid"] .haze,.game[data-background="chaos"] .haze,.game[data-background="grid"] .floor,.game[data-background="chaos"] .floor,.game[data-background="grid"] .sparks,.game[data-background="chaos"] .sparks{display:none}
/* V11: scenic stage and distinctive typographic personalities */
.scenicWorld{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none;z-index:2}
.game[data-background="city"] .scenicWorld,.game[data-background="garden"] .scenicWorld,.game[data-background="temple"] .scenicWorld,.game[data-background="club"] .scenicWorld,.game[data-background="studio"] .scenicWorld,.game[data-background="playground"] .scenicWorld,.game[data-background="sunset"] .scenicWorld{display:block}
.game:has(.scenicWorld[style]) .scenicWorld{pointer-events:none}
.game:is([data-background="city"],[data-background="garden"],[data-background="temple"],[data-background="club"],[data-background="studio"],[data-background="playground"],[data-background="sunset"]) :is(.neonBurst,.arcadeWorld,.ambientFlow,.worldEffects,.floor,.haze,.sparks){display:none!important}
.game[data-font="bold"] #command{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.045em;transform:skew(-6deg);-webkit-text-stroke:0;text-shadow:4px 6px 0 #1574ed,0 0 22px var(--cue-glow)}
.game[data-font="outline"] #command{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.035em;color:#0b0823;-webkit-text-stroke:clamp(2px,.5vw,7px) var(--cue-fill);text-shadow:0 0 15px var(--cue-glow),0 0 34px var(--cue-glow)}
.game[data-font="graffiti"] #command{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.055em;transform:rotate(-3deg) skew(-10deg);-webkit-text-stroke:2px #15dafa;text-shadow:6px 8px 0 #f409ac,-3px -3px 0 #0b42db,0 0 26px var(--cue-glow)}
.game[data-font="chrome"] #command{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.04em;background:linear-gradient(#fff 8%,#8c92d1 35%,#fff 49%,#43477d 55%,#e9faff 80%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1px #b2d3ff;text-shadow:5px 6px 0 #252357,0 0 28px #e2ddff80}
.game[data-font="pixel"] #command{font-family:'Courier New',monospace;font-style:normal;font-weight:1000;letter-spacing:-.095em;transform:none;-webkit-text-stroke:1px var(--cue-fill);text-shadow:5px 0 0 #5d22c2,0 5px 0 #5d22c2,0 0 17px var(--cue-glow)}
.game[data-font="brush"] #command{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.055em;transform:rotate(-4deg) skew(-9deg);-webkit-text-stroke:1px #ff8d28;text-shadow:7px 5px 0 #a5104d,-4px -3px 0 #ffc947,0 0 26px var(--cue-glow)}
.game[data-font="futuristic"] #command{font-family:'Trebuchet MS',Verdana,sans-serif;font-style:normal;font-weight:900;letter-spacing:.035em;transform:none;-webkit-text-stroke:2px #10d7ff;text-shadow:0 0 12px #06eaff,0 0 35px #007aff}
#command[data-effect="spin"].flashEnter{animation:cueSpin .45s cubic-bezier(.2,.9,.2,1) both}#command[data-effect="shake"].flashEnter{animation:cueShake .4s ease-out both}#command[data-effect="flow"].flashEnter{animation:cueFlow .55s ease-out both}#command[data-effect="jump"].flashEnter,#command[data-effect="stomp"].flashEnter{animation:cueStomp .36s cubic-bezier(.2,1.6,.3,1) both}#command[data-effect="freeze"].flashEnter{animation:cueFreeze .3s ease-out both}
@keyframes cueSpin{from{opacity:.15;filter:blur(12px);scale:.55;rotate:-12deg}to{opacity:1;filter:blur(0);scale:1;rotate:0}}@keyframes cueShake{0%{opacity:.3;translate:-18px 0;scale:1.15}25%{translate:13px -5px}50%{translate:-8px 4px}75%{translate:4px -2px}100%{opacity:1;translate:0;scale:1}}@keyframes cueFlow{from{opacity:0;translate:-30px 20px;filter:blur(14px)}to{opacity:1;translate:0;filter:blur(0)}}@keyframes cueStomp{from{opacity:.4;scale:1.55;translate:0 -35px;filter:blur(9px)}to{opacity:1;scale:1;translate:0 0;filter:blur(0)}}@keyframes cueFreeze{0%{opacity:0;filter:brightness(3) blur(12px)}45%{opacity:1;filter:brightness(2.5)}100%{filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){#command[data-effect].flashEnter{animation:none!important}}

/* V12: original image-backed scenic worlds, separate from gameplay. */
.cinematicBackdrop{position:absolute;inset:0;z-index:5;background-position:center;background-size:cover;background-repeat:no-repeat;pointer-events:none}
.game.cinematicMode .scenicWorld,.game.cinematicMode .arcadeWorld,.game.cinematicMode .neonBurst,.game.cinematicMode .worldEffects,.game.cinematicMode .ambientFlow,.game.cinematicMode .haze,.game.cinematicMode .floor,.game.cinematicMode .sparks{display:none!important}
.game.cinematicMode .stage{background:#08051b}
.game.cinematicMode #command{text-shadow:0 0 12px var(--cue-glow,#ff149f),0 0 38px var(--cue-glow,#ff149f),5px 7px 0 #08031d;filter:drop-shadow(0 5px 12px #000)}
.roundBrand{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.roundTag{font-size:clamp(9px,1.1vw,14px);letter-spacing:.17em;font-weight:900;margin:0;text-shadow:0 2px 7px #000}
.game.cinematicMode .screen{background:linear-gradient(180deg,rgba(1,1,13,.12),transparent 35%,transparent 65%,rgba(1,1,13,.4))}
@media(max-width:600px){.roundTag{font-size:8px;letter-spacing:.09em}.logo.mini{font-size:clamp(25px,7vw,36px)}}
/* V13 scenic-photo stage: the artwork is a single image, not canvas-generated geometry. */
.game.cinematicMode .cinematicBackdrop{background-size:cover;background-position:center center;image-rendering:auto;opacity:1}
.game.cinematicMode .stage{background:#03030c}
.game.cinematicMode .topline,.game.cinematicMode .bottomline,.game.cinematicMode .centerZone{position:relative;z-index:10}
.game.cinematicMode #command{filter:drop-shadow(0 7px 12px #05010e);text-shadow:0 0 10px var(--cue-glow,#ff149f),0 0 30px var(--cue-glow,#ff149f),4px 5px 0 #08031d}
.game.cinematicMode #round .topline .roundBrand{filter:drop-shadow(0 3px 8px #000)}
.game.cinematicMode #remaining{text-shadow:0 2px 12px #000,0 0 12px #00cfff}

/* Photo fidelity and consistent cue layout */
.game.cinematicMode .cinematicBackdrop{background-size:cover;background-position:center;filter:none!important;image-rendering:auto}
.game.cinematicMode .centerZone{position:absolute;inset:16% 4% 17%;display:flex;align-items:center;justify-content:center}

/* V15 full bleed — no white frame, four visual worlds */
html,body{margin:0;background:#02020a}.game{border:0!important;border-radius:0!important;box-shadow:none!important;min-height:100dvh}.content,.screen{min-height:100dvh}.stage{background:#02020a}
.stage :is(.neonBurst,.scenicWorld,.arcadeWorld,.worldEffects,.ambientFlow,.haze,.floor,.sparks,.cinematicBackdrop){display:none!important}
#fourWorldCanvas{display:block!important;position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
#fourWorldBackdrop{display:block!important;position:absolute;inset:0;z-index:1;background-size:cover;background-position:center;pointer-events:none}
#fourWorldShade{display:block!important;position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,rgba(0,0,12,.44),transparent 55%),linear-gradient(180deg,rgba(0,0,12,.22),transparent 30%,transparent 70%,rgba(0,0,12,.4))}
.game .centerZone{position:absolute;inset:16% 4% 18%;display:flex;align-items:center;justify-content:center}.game #command{max-width:100%;white-space:nowrap}.game .topline,.game .bottomline,.game .centerZone{z-index:10}
@media(orientation:portrait){#fourWorldBackdrop{background-position:center}.game .centerZone{inset:18% 3% 19%}}
@media(prefers-reduced-motion:reduce){#fourWorldCanvas{opacity:.7}}

/* V16: real source photography, entirely static and edge-to-edge. */
html,body,.game{background:#02020a!important}
.game{border:0!important;border-radius:0!important;box-shadow:none!important}
.stage{background:#02020a!important}
.stage > :not(#stillBackdrop):not(#danceHallLights){display:none!important}
#stillBackdrop{position:absolute;inset:0;display:block;z-index:1;background-color:#02020a;background-position:center center;background-size:cover;background-repeat:no-repeat;image-rendering:auto;pointer-events:none}
/* The artwork does not animate. UI is crisp text on top. */
.game .screen{background:transparent!important}
.game #command{filter:none!important}
.game #command.flashEnter{animation:none!important}
.game #command[data-effect]{animation:none!important}
@media (orientation:portrait){#stillBackdrop{background-position:center center}}

/* V17 — Dance Hall only: subtly animated, precisely artwork-aligned lighting.
   Other three worlds remain completely static. No moving scenery or camera. */
#danceHallLights{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
#danceHallLights[hidden]{display:none!important}
#danceHallLights svg{display:block;width:100%;height:100%;overflow:hidden}
#danceHallLights .dh-neon-pink{opacity:.12;animation:dhPink 7.8s ease-in-out infinite}
#danceHallLights .dh-neon-blue{opacity:.11;animation:dhBlue 8.4s ease-in-out infinite}
#danceHallLights .dh-disco{opacity:.10;animation:dhBall 6.9s ease-in-out infinite}
#danceHallLights .dh-reflection{opacity:.13;animation:dhFloor 8.1s ease-in-out infinite}
@keyframes dhPink{0%,100%{opacity:.08}26%{opacity:.16}29%{opacity:.11}31%{opacity:.17}62%{opacity:.10}78%{opacity:.19}}
@keyframes dhBlue{0%,100%{opacity:.12}32%{opacity:.20}60%{opacity:.08}82%{opacity:.16}}
@keyframes dhBall{0%,100%{opacity:.08}24%{opacity:.21}49%{opacity:.10}73%{opacity:.25}}
@keyframes dhFloor{0%,100%{opacity:.10}30%{opacity:.19}58%{opacity:.11}80%{opacity:.21}}
@media(prefers-reduced-motion:reduce){#danceHallLights .dh-neon-pink,#danceHallLights .dh-neon-blue,#danceHallLights .dh-disco,#danceHallLights .dh-reflection{animation:none!important;opacity:.09}}

/* V18: visible but slow and comfortable cinemagraph lighting — Dance Hall only. */
#danceHallLights{display:block;isolation:isolate;mix-blend-mode:screen}
#danceHallLights .v18PinkNeon{opacity:.25;animation:v18Pink 8.3s ease-in-out infinite}
#danceHallLights .v18CyanNeon{opacity:.27;animation:v18Cyan 9.7s ease-in-out infinite}
#danceHallLights .v18BallGlints{opacity:.72;transform-origin:831px 210px;animation:v18Ball 12s ease-in-out infinite alternate}
#danceHallLights .v18Spark{opacity:0;transform-box:fill-box;transform-origin:center;animation:v18Spark 8s ease-in-out infinite}
#danceHallLights .v18SparkB{animation-delay:-2.8s}
#danceHallLights .v18SparkC{animation-delay:-5.2s}
#danceHallLights .v18FloorPink{opacity:.54;animation:v18FloorPink 11s ease-in-out infinite alternate}
#danceHallLights .v18FloorCyan{opacity:.58;animation:v18FloorCyan 12.5s ease-in-out infinite alternate}
#danceHallLights .v18FloorSweep{opacity:.13;animation:v18Sweep 14s ease-in-out infinite}
#danceHallLights .v18Fog{opacity:0;transform-box:view-box;transform-origin:center;animation:v18FogLeft 9s ease-out infinite}
#danceHallLights .v18FogRight{animation-name:v18FogRight;animation-delay:-3.8s}
#danceHallLights .v18FogLate{animation-delay:-5s}
#danceHallLights .v18FogRight.v18FogLate{animation-delay:-8s}
@keyframes v18Pink{0%,100%{opacity:.24}18%{opacity:.44}22%{opacity:.31}24%{opacity:.50}26%{opacity:.29}55%{opacity:.41}76%{opacity:.27}}
@keyframes v18Cyan{0%,100%{opacity:.26}28%{opacity:.48}52%{opacity:.32}72%{opacity:.53}}
@keyframes v18Ball{0%{transform:translateX(-24px);opacity:.4}50%{opacity:.95}100%{transform:translateX(24px);opacity:.65}}
@keyframes v18Spark{0%,8%,35%,100%{opacity:0;scale:.55}16%{opacity:.94;scale:1.15}23%{opacity:.42;scale:.8}}
@keyframes v18FloorPink{0%{transform:translate(-160px,10px);opacity:.24}55%{opacity:.65}100%{transform:translate(180px,-6px);opacity:.48}}
@keyframes v18FloorCyan{0%{transform:translate(140px,-8px);opacity:.4}50%{opacity:.72}100%{transform:translate(-150px,8px);opacity:.28}}
@keyframes v18Sweep{0%,100%{transform:translateX(-600px);opacity:0}20%{opacity:.14}50%{opacity:.3}80%{opacity:.12}95%{transform:translateX(600px);opacity:0}}
@keyframes v18FogLeft{0%{transform:translate(0,14px) scale(.5,.55);opacity:0}18%{opacity:.54}55%{opacity:.68}100%{transform:translate(-95px,-85px) scale(1.9,1.65);opacity:0}}
@keyframes v18FogRight{0%{transform:translate(0,14px) scale(.5,.55);opacity:0}18%{opacity:.54}55%{opacity:.68}100%{transform:translate(95px,-85px) scale(1.9,1.65);opacity:0}}
@media(prefers-reduced-motion:reduce){#danceHallLights .v18PinkNeon,#danceHallLights .v18CyanNeon,#danceHallLights .v18BallGlints,#danceHallLights .v18Spark,#danceHallLights .v18FloorPink,#danceHallLights .v18FloorCyan,#danceHallLights .v18FloorSweep,#danceHallLights .v18Fog{animation:none!important}#danceHallLights .v18Fog,#danceHallLights .v18Spark,#danceHallLights .v18FloorSweep{opacity:0!important}}

/* V19: image stays still; four aligned cinematic light layers. */
.stage > :not(#stillBackdrop):not(#livingWorlds){display:none!important}
#livingWorlds{position:absolute;inset:0;z-index:2;display:block!important;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
#livingWorlds .livingScene{position:absolute;inset:0;overflow:hidden}
#livingWorlds .livingScene[hidden]{display:none!important}
#livingWorlds svg{width:100%;height:100%;display:block}
#livingWorlds .tube19{opacity:.60;animation:tubePulse19 6.9s ease-in-out infinite}
#livingWorlds .cool19{animation-delay:-2.1s;animation-duration:8.1s}
#livingWorlds .billboard19{opacity:.72;animation:billboard19 9s ease-in-out infinite}
#livingWorlds .plant19{opacity:.65;animation:plant19 7.4s ease-in-out infinite}
#livingWorlds .skyline19{opacity:.72;animation:plant19 11s ease-in-out infinite}
#livingWorlds .disco19{opacity:.88;animation:disco19 5.7s ease-in-out infinite alternate}
#livingWorlds .star19,#livingWorlds .firefly19{opacity:.62;animation:disco19 7.1s ease-in-out infinite alternate}
#livingWorlds .floorPink19{opacity:.76;animation:floorPink19 8.6s ease-in-out infinite alternate}
#livingWorlds .floorBlue19{opacity:.78;animation:floorBlue19 10.1s ease-in-out infinite alternate}
#livingWorlds .sweep19{opacity:.40;animation:sweep19 12s ease-in-out infinite}
#livingWorlds .fog19{opacity:0;animation:fogLeft19 8.7s ease-out infinite}
#livingWorlds .right19{animation-name:fogRight19;animation-delay:-3.4s}
#livingWorlds .late19{animation-delay:-4.6s}
#livingWorlds .right19.late19{animation-delay:-7.2s}
@keyframes tubePulse19{0%,12%,100%{opacity:.72}22%{opacity:.85}34%{opacity:.16}36%{opacity:.95}38%{opacity:.18}41%{opacity:1}66%{opacity:.92}78%{opacity:.30}82%{opacity:.9}}
@keyframes billboard19{0%,100%{opacity:.65}25%{opacity:.95}50%{opacity:.36}55%{opacity:.95}76%{opacity:.72}}
@keyframes plant19{0%,100%{opacity:.45}40%{opacity:1}65%{opacity:.50}83%{opacity:.90}}
@keyframes disco19{0%{transform:translate(-17px,5px);opacity:.45}45%{opacity:1}100%{transform:translate(18px,-5px);opacity:.82}}
@keyframes floorPink19{0%{transform:translateX(-115px);opacity:.43}55%{opacity:1}100%{transform:translateX(115px);opacity:.70}}
@keyframes floorBlue19{0%{transform:translateX(115px);opacity:.78}52%{opacity:1}100%{transform:translateX(-115px);opacity:.40}}
@keyframes sweep19{0%,100%{transform:translateX(-450px);opacity:0}30%{opacity:.35}55%{opacity:.60}80%{opacity:.28}95%{transform:translateX(450px);opacity:0}}
@keyframes fogLeft19{0%{transform:translate(0,10px) scale(.65);opacity:0}20%{opacity:.64}52%{opacity:.88}100%{transform:translate(-90px,-85px) scale(2);opacity:0}}
@keyframes fogRight19{0%{transform:translate(0,10px) scale(.65);opacity:0}20%{opacity:.64}52%{opacity:.88}100%{transform:translate(90px,-85px) scale(2);opacity:0}}
@media(prefers-reduced-motion:reduce){#livingWorlds *{animation:none!important}#livingWorlds .fog19,#livingWorlds .sweep19{opacity:0!important}}

/* V20: cohesive lockup across setup, gameplay and finish. */
#round .roundBrand{display:inline-flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;width:max-content;max-width:48vw}
#round .roundBrand .logo.mini{margin:0!important;text-align:center!important;line-height:.82!important;font-size:clamp(27px,4.3vw,54px)!important}
#round .roundBrand .roundTag{display:block!important;width:100%!important;text-align:center!important;letter-spacing:.10em!important;font-size:clamp(7px,.85vw,12px)!important;white-space:nowrap;margin:9px 0 0!important}
#done{position:relative}
#done .doneBrand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:clamp(12px,3vh,28px) auto 0}
#done .doneBrand .logo.compact{margin:0!important;font-size:clamp(54px,8vw,105px)!important;line-height:.82!important}
#done .doneBrand .tag{margin:12px 0 0!important;text-align:center!important;letter-spacing:.20em!important}
#done .finishCenter{margin:auto!important;display:flex;align-items:center;justify-content:center;min-height:0}
#done .finishCenter h1{font-size:clamp(42px,8vw,100px)!important;line-height:1.05!important}
@media(max-width:600px){#round .roundBrand .logo.mini{font-size:clamp(25px,7vw,39px)!important}#round .roundBrand .roundTag{font-size:7px!important;letter-spacing:.05em!important}}

/* V21 static scenes: ensure all previous lighting overlays and stage animations stay off. */
.stage > :not(#stillBackdrop){display:none!important}
#stillBackdrop{display:block!important;position:absolute!important;inset:0!important;z-index:1!important;background-size:cover!important;background-position:center!important;animation:none!important;transition:none!important}

/* V22: countdown numbers and GO inherit chosen cue typography. */
.game #command.counting{color:var(--cue-fill);font-family:inherit;max-width:100%;white-space:nowrap}

/* V23: Countdown is an ordinary cue glyph with the same font, fill, outline and shadow. */
.game #command.counting,.game #command.go{line-height:1.08!important;letter-spacing:inherit;white-space:nowrap!important;color:var(--cue-fill,#fff)}
.game[data-font="outline"] #command.counting,.game[data-font="outline"] #command.go{color:#0b0823}
.game[data-font="chrome"] #command.counting,.game[data-font="chrome"] #command.go{color:transparent}

/* V24: scrollable menus with audible movement; preserve game styling. */
.fd-dropdown{position:relative;width:100%;min-width:0}
.fd-original-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.fd-trigger{display:block;width:100%;min-height:44px;padding:10px 28px 10px 12px;text-align:left;color:white;font-weight:800;font-size:clamp(14px,2vw,18px);background:#161026;border:1px solid #29cfff44;border-radius:10px;cursor:pointer;position:relative}
.fd-trigger:after{content:'⌄';position:absolute;right:12px;top:50%;transform:translateY(-58%);font-size:19px;font-weight:400}
.fd-trigger:focus-visible,.fd-entry:focus-visible{outline:2px solid #00eaff;outline-offset:1px}
.fd-menu{display:none;position:absolute;z-index:100;top:calc(100% + 3px);left:0;right:0;max-height:min(230px,45vh);overflow-y:auto;overscroll-behavior:contain;background:#140d27;border:1px solid #56dfff;border-radius:10px;box-shadow:0 12px 28px #000c;scrollbar-width:thin;scrollbar-color:#ff48bd #140d27}
.fd-dropdown.open .fd-menu{display:block}
.fd-entry{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #ffffff16;background:transparent;color:white;font:inherit;font-weight:700;padding:11px 12px;cursor:pointer}
.fd-entry:hover,.fd-entry:focus-visible,.fd-entry.chosen{background:#2855b0}
@media(max-height:650px){.fd-trigger{min-height:33px;padding:5px 25px 5px 9px}.fd-entry{padding:7px 10px}.fd-menu{max-height:180px}}

/* V26 — one central settings wheel, no stacked form controls */
#setup{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.6vh,18px);padding:clamp(18px,3vh,34px) 16px!important;min-height:100dvh;box-sizing:border-box;overflow:hidden}
#setup.hidden{display:none!important}
#setup .logo.compact{margin:0!important;font-size:clamp(48px,7vw,88px)!important;line-height:.82!important}
#setup>.tag{margin:8px 0 8px!important;font-size:clamp(9px,1.1vw,13px)!important}
#setup>.options{display:none!important}
#setup .startButton{margin:6px auto 0!important;width:min(450px,88vw)!important;flex-shrink:0}
.fd-wheel-shell{width:min(500px,90vw);display:flex;flex-direction:column;align-items:center;gap:9px;min-height:0}
.fd-wheel-heading{font-size:12px;letter-spacing:.24em;font-weight:900;color:#fff9;text-align:center}
.fd-wheel-window{width:100%;height:clamp(240px,43dvh,350px);min-height:210px;position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,#0a0616e8,#180b2bdb 50%,#0a0616e8);border:1px solid #ffffff3a;box-shadow:0 16px 45px #0009,inset 0 0 35px #260e4b8c;touch-action:none;user-select:none;outline:none}
.fd-wheel-window:focus-visible{outline:2px solid #55ddff}
.fd-wheel-window:before,.fd-wheel-window:after{content:'';position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#ff5adf,#62dcff,transparent);top:calc(50% - 39px);z-index:2;pointer-events:none}
.fd-wheel-window:after{top:calc(50% + 39px)}
.fd-wheel-track{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.fd-wheel-item{height:78px;min-height:78px;width:96%;display:flex;align-items:center;justify-content:center;text-align:center;color:#ffffff55;font-size:clamp(16px,2.6vw,24px);font-weight:850;letter-spacing:.025em;transform:scale(.78);transition:color .15s,transform .15s;pointer-events:auto;cursor:pointer}
.fd-wheel-item.near{color:#ffffffa6;transform:scale(.88)}
.fd-wheel-item.active{color:white;transform:scale(1.04);font-size:clamp(22px,3.6vw,32px);text-shadow:0 0 17px #ff45d980}
.fd-wheel-item.active:after{content:'›';font-size:30px;color:#ff6fd8;margin-left:14px}
.fd-wheel-footer{font-size:clamp(11px,1.2vw,14px);font-weight:750;letter-spacing:.04em;color:#fff9;text-align:center;min-height:20px}
.fd-wheel-nav{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px}
.fd-wheel-back{border:1px solid #ffffff55;border-radius:30px;background:#0c081cbb;color:white;padding:8px 16px;font-weight:800;cursor:pointer}
.fd-wheel-back[hidden]{visibility:hidden}
.fd-wheel-instruction{font-size:12px;color:#fff9}
@media(max-height:680px){#setup{gap:5px!important;padding:10px!important}#setup .logo.compact{font-size:clamp(34px,6vw,55px)!important}#setup>.tag{margin:3px!important}.fd-wheel-window{height:clamp(190px,39dvh,270px);min-height:185px}.fd-wheel-item{height:65px;min-height:65px}.fd-wheel-window:before{top:calc(50% - 33px)}.fd-wheel-window:after{top:calc(50% + 33px)}}

/* V27: one-line transparent wheel; only selected setting is visible. */
#setup .fd-wheel-shell{width:min(540px,86vw)!important;max-width:86vw!important;gap:0!important;margin:clamp(12px,4vh,40px) auto 0!important}
#setup .fd-wheel-window{width:100%!important;height:76px!important;min-height:76px!important;border-radius:18px!important;background:#080617ad!important;border:1px solid #ff7fdb88!important;box-shadow:0 6px 22px #0005!important;overflow:hidden!important}
#setup .fd-wheel-window:before,#setup .fd-wheel-window:after{display:none!important}
#setup .fd-wheel-track{inset:0 76px 0 4px!important}
#setup .fd-wheel-item{height:74px!important;min-height:74px!important;width:100%!important;transform:none!important;font-size:clamp(18px,2.6vw,27px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding:0 4px!important;justify-content:center!important}
#setup .fd-wheel-item.active{font-size:clamp(18px,2.6vw,27px)!important;transform:none!important;text-shadow:0 0 14px #ff48c4aa!important}
#setup .fd-wheel-item.active:after{content:'›'!important;margin-left:10px!important;font-size:29px!important;flex-shrink:0!important}
#setup .fd-wheel-arrows{position:absolute;right:0;top:0;bottom:0;width:72px;display:flex;flex-direction:column;z-index:5;border-left:1px solid #ffffff44}
#setup .fd-wheel-arrow{height:50%;width:100%;border:0;background:#160c2aa8;color:#fff;font-size:16px;font-weight:900;cursor:pointer;touch-action:manipulation}
#setup .fd-wheel-arrow:first-child{border-bottom:1px solid #ffffff30}
#setup .fd-wheel-arrow:active{background:#e728a888}
#setup .fd-wheel-heading,#setup .fd-wheel-footer,#setup .fd-wheel-nav{display:none!important}
#setup .startButton{margin:clamp(12px,3vh,26px) auto 8px!important}
#setup{justify-content:center!important}
#setup .logo.compact{margin-top:0!important}
@media(max-width:600px){#setup .fd-wheel-window{height:66px!important;min-height:66px!important}#setup .fd-wheel-item{height:64px!important;min-height:64px!important}#setup .fd-wheel-track{right:62px!important}#setup .fd-wheel-arrows{width:60px!important}#setup .fd-wheel-item.active{font-size:clamp(16px,4.5vw,23px)!important}}
/* V27 finish uses the identical typography palette and font selectors as gameplay. */
#done #finishTitle{color:var(--cue-fill,#fff);font-weight:1000;max-width:94vw;text-align:center;overflow-wrap:normal;text-wrap:balance;letter-spacing:-.045em;line-height:1.05;text-shadow:0 0 14px var(--cue-glow,#ff00a8),0 0 28px var(--cue-glow,#ff00a8)}

.game[data-font="outline"] #finishTitle{font-family:Impact,'Arial Black',sans-serif;font-weight:1000;font-style:italic;color:#07051b;-webkit-text-stroke:clamp(2px,.5vw,6px) var(--cue-fill);text-shadow:0 0 15px var(--cue-glow),0 0 34px var(--cue-glow)}
.game[data-font="bold"] #finishTitle{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.045em;transform:skew(-6deg);-webkit-text-stroke:0;text-shadow:4px 6px 0 #1574ed,0 0 22px var(--cue-glow)}
.game[data-font="outline"] #finishTitle{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.035em;color:#0b0823;-webkit-text-stroke:clamp(2px,.5vw,7px) var(--cue-fill);text-shadow:0 0 15px var(--cue-glow),0 0 34px var(--cue-glow)}
.game[data-font="graffiti"] #finishTitle{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.055em;transform:rotate(-3deg) skew(-10deg);-webkit-text-stroke:2px #15dafa;text-shadow:6px 8px 0 #f409ac,-3px -3px 0 #0b42db,0 0 26px var(--cue-glow)}
.game[data-font="chrome"] #finishTitle{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.04em;background:linear-gradient(#fff 8%,#8c92d1 35%,#fff 49%,#43477d 55%,#e9faff 80%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1px #b2d3ff;text-shadow:5px 6px 0 #252357,0 0 28px #e2ddff80}
.game[data-font="pixel"] #finishTitle{font-family:'Courier New',monospace;font-style:normal;font-weight:1000;letter-spacing:-.095em;transform:none;-webkit-text-stroke:1px var(--cue-fill);text-shadow:5px 0 0 #5d22c2,0 5px 0 #5d22c2,0 0 17px var(--cue-glow)}
.game[data-font="brush"] #finishTitle{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.055em;transform:rotate(-4deg) skew(-9deg);-webkit-text-stroke:1px #ff8d28;text-shadow:7px 5px 0 #a5104d,-4px -3px 0 #ffc947,0 0 26px var(--cue-glow)}
.game[data-font="futuristic"] #finishTitle{font-family:'Trebuchet MS',Verdana,sans-serif;font-style:normal;font-weight:900;letter-spacing:.035em;transform:none;-webkit-text-stroke:2px #10d7ff;text-shadow:0 0 12px #06eaff,0 0 35px #007aff}
/* V28 — truly single-row selector; no adjacent choices or instructions. */
#setup .fd-wheel-shell{width:min(490px,82vw)!important;max-width:82vw!important;margin:clamp(12px,3vh,26px) auto 0!important}
#setup .fd-wheel-window{height:64px!important;min-height:64px!important;max-height:64px!important;border-radius:15px!important;background:#10091dbb!important;box-shadow:0 6px 16px #0004!important}
#setup .fd-wheel-track{position:absolute!important;inset:0 60px 0 0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
#setup .fd-wheel-item{height:62px!important;min-height:62px!important;max-height:62px!important;flex:0 0 62px!important;opacity:0!important;visibility:hidden!important;display:none!important}
#setup .fd-wheel-item.active{display:flex!important;opacity:1!important;visibility:visible!important;font-size:clamp(17px,2.3vw,25px)!important;transform:none!important}
#setup .fd-wheel-arrows{width:58px!important}
#setup .fd-wheel-heading,#setup .fd-wheel-footer,#setup .fd-wheel-nav,#setup .fd-wheel-instruction{display:none!important}
#setup .startButton{margin:18px auto 0!important}
#done #finishTitle{font-size:clamp(42px,8.2vw,118px)!important;white-space:nowrap!important;max-width:96vw!important}
@media(max-width:600px){#setup .fd-wheel-shell{width:90vw!important;max-width:90vw!important}#setup .fd-wheel-window{height:58px!important;min-height:58px!important;max-height:58px!important}#setup .fd-wheel-item.active{height:56px!important;min-height:56px!important;max-height:56px!important;font-size:17px!important}}

/* V29: hard isolation of the single pill from all legacy wheel rules */
#setup .fd-wheel-shell{display:flex!important;flex-direction:column!important;align-items:center!important;gap:9px!important;width:min(480px,84vw)!important;max-width:84vw!important;margin:clamp(10px,3vh,26px) auto 0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;min-height:0!important;height:auto!important}
#setup .fd-wheel-window{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:68px!important;min-height:68px!important;max-height:68px!important;padding:0!important;margin:0!important;border-radius:999px!important;border:2px solid #ff9bdf!important;background:linear-gradient(105deg,#130a2ce0,#281037df)!important;box-shadow:0 3px 18px #0006!important;overflow:hidden!important;touch-action:pan-x!important}
#setup .fd-wheel-window::before,#setup .fd-wheel-window::after{content:none!important;display:none!important}
#setup .fd-wheel-track{position:absolute!important;left:0!important;top:0!important;right:68px!important;bottom:0!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important;overflow:hidden!important;padding:0!important;margin:0!important;gap:0!important}
#setup .fd-wheel-item,#setup .fd-wheel-item.near{display:none!important;visibility:hidden!important;opacity:0!important}
#setup .fd-wheel-item.active{display:flex!important;visibility:visible!important;opacity:1!important;position:static!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;flex:1 1 auto!important;transform:none!important;padding:0 8px!important;margin:0!important;border:0!important;background:transparent!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;font-size:clamp(16px,2.25vw,25px)!important;font-weight:900!important;line-height:1!important}
#setup .fd-wheel-item.active::after{content:'›'!important;display:inline!important;margin-left:12px!important;font-size:27px!important;color:#ff79d3!important}
#setup .fd-wheel-arrows{position:absolute!important;right:0!important;top:0!important;bottom:0!important;display:flex!important;flex-direction:column!important;width:65px!important;height:100%!important;z-index:4!important;border-left:1px solid #ffb2e755!important;background:transparent!important}
#setup .fd-wheel-arrow{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:50%!important;min-height:0!important;flex:1!important;border:0!important;border-radius:0!important;background:#1b1037c9!important;font-size:17px!important;line-height:1!important}
#setup .fd-wheel-arrow:first-child{border-bottom:1px solid #ffffff35!important}
#setup .fd-wheel-heading,#setup .fd-wheel-footer,#setup .fd-wheel-nav{display:none!important}
#setup .fd-wheel-hint{display:block!important;text-align:center!important;font:800 clamp(10px,1.1vw,13px)/1.3 system-ui,sans-serif!important;letter-spacing:.16em!important;color:#fff!important;text-shadow:0 2px 8px #000!important;margin:0!important;padding:0!important}
#setup .startButton{margin:clamp(10px,2.5vh,24px) auto 0!important;border-radius:999px!important}
@media(max-width:600px){#setup .fd-wheel-shell{width:91vw!important;max-width:91vw!important}#setup .fd-wheel-window{height:60px!important;min-height:60px!important;max-height:60px!important}#setup .fd-wheel-track{right:58px!important}#setup .fd-wheel-arrows{width:57px!important}}
/* Finish is painted with the same styling as the final game cue. */
#done #finishTitle{display:block!important;line-height:1.04!important;white-space:nowrap!important;max-width:96vw!important;overflow:visible!important;text-align:center!important}

/* Mirror each gameplay font mode on the finish cue */
.game[data-font="street"] #done #finishTitle{font-family:Impact,'Arial Black',system-ui,sans-serif;font-weight:900;font-style:italic;letter-spacing:-.035em;transform:skew(-5deg)}
.game[data-font="power"] #done #finishTitle{font-family:'Arial Black',Arial,system-ui,sans-serif;font-weight:1000;font-style:normal;letter-spacing:-.055em;transform:none}
.game[data-font="neon"] #done #finishTitle{font-family:'Trebuchet MS',Verdana,system-ui,sans-serif;font-weight:900;font-style:normal;letter-spacing:.015em;transform:none;-webkit-text-stroke:clamp(1px,.13vw,2px) var(--cue-stroke,#00eaff)}
.game[data-font="block"] #done #finishTitle{font-family:Impact,'Arial Black',sans-serif;font-weight:1000;font-style:normal;letter-spacing:-.06em;transform:none}
.game[data-font="retro"] #done #finishTitle{font-family:'Courier New',monospace;font-weight:1000;font-style:normal;letter-spacing:-.10em;transform:skew(-7deg);text-shadow:5px 6px 0 var(--cue-glow),0 0 25px var(--cue-glow)}
.game[data-font="outline"] #done #finishTitle{font-family:Impact,'Arial Black',sans-serif;font-weight:1000;font-style:italic;color:#07051b;-webkit-text-stroke:clamp(2px,.5vw,6px) var(--cue-fill);text-shadow:0 0 15px var(--cue-glow),0 0 34px var(--cue-glow)}
.game[data-font="comic"] #done #finishTitle{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:1000;font-style:italic;letter-spacing:-.065em;transform:rotate(-3deg) skew(-7deg);text-shadow:7px 8px 0 #19002f,0 0 24px var(--cue-glow)}
.game[data-font="bold"] #done #finishTitle{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.045em;transform:skew(-6deg);-webkit-text-stroke:0;text-shadow:4px 6px 0 #1574ed,0 0 22px var(--cue-glow)}
.game[data-font="outline"] #done #finishTitle{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.035em;color:#0b0823;-webkit-text-stroke:clamp(2px,.5vw,7px) var(--cue-fill);text-shadow:0 0 15px var(--cue-glow),0 0 34px var(--cue-glow)}
.game[data-font="graffiti"] #done #finishTitle{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.055em;transform:rotate(-3deg) skew(-10deg);-webkit-text-stroke:2px #15dafa;text-shadow:6px 8px 0 #f409ac,-3px -3px 0 #0b42db,0 0 26px var(--cue-glow)}
.game[data-font="chrome"] #done #finishTitle{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.04em;background:linear-gradient(#fff 8%,#8c92d1 35%,#fff 49%,#43477d 55%,#e9faff 80%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1px #b2d3ff;text-shadow:5px 6px 0 #252357,0 0 28px #e2ddff80}
.game[data-font="pixel"] #done #finishTitle{font-family:'Courier New',monospace;font-style:normal;font-weight:1000;letter-spacing:-.095em;transform:none;-webkit-text-stroke:1px var(--cue-fill);text-shadow:5px 0 0 #5d22c2,0 5px 0 #5d22c2,0 0 17px var(--cue-glow)}
.game[data-font="brush"] #done #finishTitle{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.055em;transform:rotate(-4deg) skew(-9deg);-webkit-text-stroke:1px #ff8d28;text-shadow:7px 5px 0 #a5104d,-4px -3px 0 #ffc947,0 0 26px var(--cue-glow)}
.game[data-font="futuristic"] #done #finishTitle{font-family:'Trebuchet MS',Verdana,sans-serif;font-style:normal;font-weight:900;letter-spacing:.035em;transform:none;-webkit-text-stroke:2px #10d7ff;text-shadow:0 0 12px #06eaff,0 0 35px #007aff}

/* V30 — approved neon pill aesthetic, arrows left, no forward chevron. */
#setup .fd-wheel-shell{width:min(600px,86vw)!important;max-width:86vw!important;gap:0!important}
#setup .fd-wheel-window{height:88px!important;min-height:88px!important;max-height:88px!important;border-radius:999px!important;border:2px solid #ffb5e8!important;background:linear-gradient(105deg,#ff078f 0%,#ff2b9b 38%,#ff6a74 73%,#ffb13e 100%)!important;box-shadow:0 0 13px #ff23af,0 0 32px #ff2798a0,inset 0 2px 12px #ffffff38!important;touch-action:none!important}
#setup .fd-wheel-arrows{left:0!important;right:auto!important;width:76px!important;border-left:0!important;border-right:0!important;background:transparent!important}
#setup .fd-wheel-arrow{background:transparent!important;color:#fff!important;font-size:21px!important;text-shadow:0 0 10px #fff8!important;border:0!important}
#setup .fd-wheel-arrow:first-child{border-bottom:0!important}
#setup .fd-wheel-track{left:76px!important;right:18px!important}
#setup .fd-wheel-item.active{color:#fff!important;font-size:clamp(21px,2.6vw,33px)!important;font-weight:1000!important;text-shadow:0 2px 8px #ba0b6788!important}
#setup .fd-wheel-item.active::after{display:none!important;content:none!important}
#setup .fd-wheel-hint{display:none!important}
#setup .startButton{margin:22px auto 0!important}
#done .finishCenter{width:100%!important;max-width:100%!important;overflow:visible!important}
#done #finishTitle{display:block!important;width:max-content!important;max-width:none!important;margin:0 auto!important;white-space:nowrap!important;line-height:1.14!important;letter-spacing:normal;transform-origin:center center!important}
@media(max-width:600px){#setup .fd-wheel-shell{width:92vw!important;max-width:92vw!important}#setup .fd-wheel-window{height:68px!important;min-height:68px!important;max-height:68px!important}#setup .fd-wheel-arrows{width:56px!important}#setup .fd-wheel-track{left:56px!important;right:10px!important}#setup .fd-wheel-item.active{font-size:clamp(17px,4.6vw,25px)!important}}

/* V32: exact shared pill dimensions at every breakpoint/orientation. */
#setup .fd-wheel-shell,#setup .startButton{width:min(520px,88vw)!important;max-width:min(520px,88vw)!important;box-sizing:border-box!important}
#setup .fd-wheel-window{width:100%!important;box-sizing:border-box!important}
@media(max-width:600px){#setup .fd-wheel-shell,#setup .startButton{width:88vw!important;max-width:88vw!important}}
#done #finishTitle{max-width:none!important;width:max-content!important;white-space:nowrap!important}

/* V33 — iPhone landscape only: identical selector and action pill heights.
   Keep portrait, iPad, desktop, and completion screen untouched. */
@media (orientation:landscape) and (max-height:500px) and (max-width:1000px) and (pointer:coarse){
  #setup .fd-wheel-window,
  #setup .startButton{
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
    border-radius:999px!important;
    box-sizing:border-box!important;
  }
  #setup .fd-wheel-shell,
  #setup .startButton{
    width:min(520px,88vw)!important;
    max-width:min(520px,88vw)!important;
  }
  #setup .fd-wheel-item.active{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
  }
}

/* V34: chroma-key background is solid #00FF00; preserve all foreground UI. */
.game[data-background="green"] .stage,
.game[data-background="green"] #stillBackdrop{background:#00ff00!important;background-image:none!important;filter:none!important;animation:none!important;transition:none!important}
.game[data-background="green"] .stage > :not(#stillBackdrop){display:none!important}