
:root{color-scheme:dark;font-family:Inter,'Segoe UI',sans-serif;color:#eef2ff;background:#080d20}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 22% 44%,#17204d 0,transparent 52%),radial-gradient(ellipse at 95% 5%,#242046 0,transparent 40%),#080d20;min-height:100vh}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #343b5b;background:#202842;color:#eef2ff;padding:14px 18px;border-radius:12px;font-weight:650}button:hover:not(:disabled){filter:brightness(1.2)}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b6a2ff;outline-offset:4px}[hidden]{display:none!important}.game-shell{max-width:1240px;margin:auto;padding:26px 38px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13;padding-bottom:23px}.back{color:#c8cee4;text-decoration:none;font-size:14px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#929fc4}.brand{font-size:23px;font-weight:900}.brand span{color:#a893ff;font-size:13px;margin-left:4px}.title-row{display:flex;justify-content:space-between;align-items:center;padding:36px 0 26px}h1{font-size:clamp(38px,5vw,60px);letter-spacing:-3px;margin:10px 0}h1 span{color:#b4a0ff}.title-row p:not(.eyebrow){color:#a3adca;font-size:15px}.live-badge{color:#c9bcff;border:1px solid #aa8cff33;background:#aa8cff0c;padding:12px 16px;border-radius:30px;font-size:12px}.arena{display:grid;grid-template-columns:1.12fr 1fr;border:1px solid #ffffff16;border-radius:26px;overflow:hidden;background:#10172ccc;box-shadow:0 25px 100px #0003}.wheel-panel{padding:28px 25px;background:radial-gradient(circle,#29316944,transparent 65%)}.wheel{position:relative;width:100%;max-width:460px;aspect-ratio:1;margin:auto}.wheel:before,.wheel:after{content:'';position:absolute;inset:9%;border:1px solid #a4a9ff18;border-radius:50%;pointer-events:none}.wheel:after{inset:19%;border-style:dashed}.letter{position:absolute;transform:translate(-50%,-50%);width:clamp(27px,3.3vw,39px);height:clamp(27px,3.3vw,39px);padding:0;border-radius:50%;background:#273250;border:1px solid #566284;font-size:14px;z-index:1}.letter.active{background:#beadff;color:#1c123d;border-color:#ede4ff;box-shadow:0 0 0 5px #a98eff22,0 0 28px #9f7eff66}.letter.correct{background:#177b60;border-color:#3ce0a3}.letter.wrong{background:#a33556;border-color:#ff7896}.letter.passed{background:#73532a;border-color:#e9b95f}.letter.unavailable{background:#171e33;border-color:#30374a;opacity:.3}.wheel-core{position:absolute;inset:29% 20%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.wheel-core strong{font-size:clamp(38px,6vw,68px);letter-spacing:-3px;font-variant-numeric:tabular-nums;margin:8px 0}.wheel-core>span:last-of-type{font-size:12px;color:#a3adca}.time-track{height:4px;width:110px;background:#ffffff12;border-radius:5px;margin-top:18px;overflow:hidden}.time-track i{display:block;background:#b9a1ff;height:100%;width:100%}.urgent{color:#ff7896}.legend{display:flex;justify-content:center;gap:15px;color:#8998bf;font-size:11px}.green{color:#51dfae}.red{color:#ff859c}.amber{color:#f0c271}.scoreboard{display:flex;margin:25px auto 0;max-width:360px;border-top:1px solid #ffffff13;padding-top:20px}.scoreboard>div{flex:1;text-align:center}.scoreboard strong{display:block;font-size:26px}.scoreboard span{display:block;margin-top:6px;font-size:9px;letter-spacing:2px;color:#8d9abd}.play-panel{padding:42px;border-left:1px solid #ffffff12;background:#131a30aa;display:flex;flex-direction:column;justify-content:center;min-width:0}h2{font-size:30px;letter-spacing:-1px;margin:17px 0}.description{font-size:14px;color:#a7b2ce;line-height:1.8}label{display:block;font-size:12px;color:#bbc5df;margin:20px 0 9px}select,input{width:100%;border:1px solid #3a4463;border-radius:12px;background:#0d1428;color:#edf0ff;padding:14px}input{font-size:22px;padding:18px}.primary{background:#b7a2ff;color:#20153f;border:0;width:100%;margin-top:18px;display:flex;justify-content:space-between;text-align:left;padding:17px 20px}.fine{font-size:11px;color:#8f9cbe;line-height:1.8;margin-top:19px}#poolStatus{font-size:12px;color:#b8c5e4;line-height:1.6}.question-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#acb5d0}.clue-type{border:1px solid #a68cfb55;background:#a68cfb15;border-radius:30px;padding:8px 12px;color:#c8b8ff}#clue{font-size:clamp(25px,3vw,40px);line-height:1.4;overflow-wrap:anywhere;margin-top:28px}.secondary-actions{display:flex;gap:10px;margin-top:12px}.secondary-actions button{flex:1;font-size:12px}#feedback{font-size:14px;line-height:1.6;color:#d5c6ff;min-height:22px}.review{max-height:290px;overflow:auto;margin-top:22px}.review-item{padding:12px 0;border-bottom:1px solid #ffffff15;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.review-item small{display:block;color:#9eaccd}footer{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#7884a5;padding:25px 0}footer span{letter-spacing:0}@media(max-width:800px){.game-shell{padding:20px}.arena{grid-template-columns:1fr}.play-panel{border-left:0;border-top:1px solid #ffffff12;padding:26px}.wheel{max-width:390px}.letter{width:32px;height:32px}.wheel-panel{padding:20px}.title-row{padding:23px 0 18px}.live-badge,header>.eyebrow{display:none}.wheel-core strong{font-size:56px}footer span{max-width:190px;text-align:right}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,box-shadow .15s}.time-track i{transition:width .25s}}

.list-mode{border:0;padding:0;margin:20px 0 0;display:flex;gap:8px}.list-mode legend{font-size:12px;color:#bbc5df;margin-bottom:10px}.list-mode label{flex:1;display:flex;align-items:center;gap:8px;margin:0;padding:12px 10px;background:#0d1428;border:1px solid #3a4463;border-radius:10px;cursor:pointer;font-size:12px}.list-mode label:has(input:checked){border-color:#b7a2ff;background:#b7a2ff18;color:#e5dbff}.list-mode input,.source-option input{width:16px;height:16px;flex-shrink:0;accent-color:#b7a2ff}#listPicker{margin-top:12px;padding:12px;border:1px solid #a68cfb30;border-radius:12px;background:#0d142877}#listSearch{font-size:12px;padding:10px}.list-toolbar{display:flex;gap:8px;align-items:center;margin:10px 0;color:#a7b2ce;font-size:10px}.list-toolbar span{flex:1}.list-toolbar button{padding:5px 7px;font-size:10px;background:transparent;border:0;color:#c9b8ff}.source-list{max-height:245px;overflow:auto;color:#a7b2ce;font-size:12px}.source-option{display:flex;align-items:center;gap:10px;margin:0;padding:10px 6px;border-bottom:1px solid #ffffff0c;border-radius:7px;cursor:pointer}.source-option:has(input:checked){background:#b7a2ff15}.source-option span{flex:1;min-width:0}.source-option strong{display:block;font-size:12px;color:#e5eaff}.source-option small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#909fc1;margin-top:4px}.source-option b{font-size:9px;font-weight:500;color:#b8acd9;white-space:nowrap}.wheel-panel{align-self:start}

/* Available letters remain vivid while setup buttons are intentionally disabled. */
.wheel.preparing .letter.pending:disabled{opacity:1;background:linear-gradient(145deg,#c7b5ff,#8761e8);color:#fff;border:2px solid #e2d6ff;font-weight:800;box-shadow:0 0 0 3px #af8dff1f,0 0 20px #a57aff55;text-shadow:0 1px 3px #28155788}.wheel .letter.unavailable:disabled{opacity:.23;background:#10172a;border:1px dashed #647091;color:#8490ac;box-shadow:none}.wheel-core .ready-count{color:#dfd2ff!important;font-weight:700;background:#b79aff18;border:1px solid #b79aff44;padding:7px 11px;border-radius:20px}.title-row h1{font-size:clamp(32px,4.5vw,54px);letter-spacing:-2px}@media(prefers-reduced-motion:no-preference){.wheel.preparing .letter.pending{animation:letter-ready .3s ease-out}@keyframes letter-ready{from{filter:brightness(1.5)}to{filter:brightness(1)}}}

#language{width:auto;max-width:120px;margin-left:auto;margin-right:20px;padding:8px 10px;font-size:12px;border-radius:10px}header>.eyebrow{margin-left:20px}@media(max-width:500px){#language{margin-right:12px}}

.reveal-answer{width:100%;min-height:52px;margin-top:12px;background:#51dfae18;border:1px solid #51dfae80;color:#8cefc9;font-size:15px;font-weight:700;text-align:center}
.reveal-answer:hover{background:#51dfae30}

/* Original circular layout, with modestly reduced spacing. */
.game-shell{max-width:1200px;padding:20px 28px}
header{padding-bottom:15px}.title-row{padding:22px 0 18px}
.title-row h1{font-size:clamp(34px,4.5vw,48px);margin:6px 0}
.wheel{max-width:420px}.wheel-panel{padding:22px 20px;align-self:center}
.play-panel{padding:26px 30px}h2{font-size:27px;margin:12px 0}
label{margin:14px 0 7px}select,input{padding:12px;min-height:44px}
.list-mode input,.source-option input{min-height:0}
.primary{margin-top:12px;padding:14px 18px}.scoreboard{margin-top:18px;padding-top:14px}
.description{line-height:1.6}.fine{margin-top:12px}footer{padding:18px 0}
.example-button{margin-top:10px;min-height:44px;color:#d8cbff}
.example-text{font-size:17px;line-height:1.7;padding:14px 16px;border-left:3px solid #b7a2ff;background:#b7a2ff10;overflow-wrap:anywhere}
#pauseNotice{color:#8cefc9}#feedback{overflow-wrap:anywhere}#feedback:empty{display:none}
@media(max-width:800px){
 .game-shell{padding:14px}.title-row{padding:16px 0 12px}.title-row h1{font-size:34px}
 .wheel{max-width:340px}.wheel-panel{padding:16px}.play-panel{padding:20px}
 .wheel-core strong{font-size:46px}.letter{width:30px;height:30px}
 select,input{font-size:16px}.legend{gap:9px;font-size:10px}
}
@media(max-width:380px){
 .game-shell{padding:10px}.wheel-panel{padding:10px}.play-panel{padding:16px}
 .letter{width:27px;height:27px;font-size:12px}.wheel-core strong{font-size:40px}
 .wheel-core .ready-count{font-size:10px;padding:5px}.brand{font-size:19px}.back{font-size:12px}
}

/* Shared FSY visual language: pale surfaces, indigo accents, rounded cards. */
:root{color-scheme:light;--orbit-bg:#f1f5f9;--orbit-card:#fff;--orbit-ink:#1e293b;--orbit-muted:#64748b;--orbit-line:#e2e8f0;--orbit-accent:#6366f1;color:var(--orbit-ink);background:var(--orbit-bg)}
:root[data-theme="dark"]{color-scheme:dark;--orbit-bg:#0f172a;--orbit-card:#1e293b;--orbit-ink:#f1f5f9;--orbit-muted:#94a3b8;--orbit-line:#334155;--orbit-accent:#a5b4fc}
body{background:radial-gradient(ellipse at 10% 0%,#6366f10c,transparent 55%),var(--orbit-bg);color:var(--orbit-ink)}
header{border-color:var(--orbit-line)}.back{color:var(--orbit-accent);font-weight:700;background:var(--orbit-card);border:1px solid var(--orbit-line);padding:10px 14px;border-radius:12px}
.eyebrow,.title-row p:not(.eyebrow),.description,.legend,.scoreboard span,.wheel-core>span:last-of-type{color:var(--orbit-muted)}
h1 span,.brand span{color:var(--orbit-accent)}.live-badge{color:var(--orbit-accent);background:#6366f10d;border-color:#6366f126}
.arena{background:var(--orbit-card);border:1px solid var(--orbit-line);box-shadow:0 12px 36px #0f172a0a;border-radius:24px}.wheel-panel{background:radial-gradient(circle,#6366f10d,transparent 70%)}.play-panel{border-color:var(--orbit-line)}
.wheel:before,.wheel:after{border-color:#6366f12e}.wheel-core strong{color:var(--orbit-ink)}.scoreboard{border-color:var(--orbit-line)}
button,select,input{background:var(--orbit-card);color:var(--orbit-ink);border-color:var(--orbit-line);border-radius:12px}select,input{box-shadow:0 1px 3px #0f172a05}button:hover:not(:disabled){filter:brightness(.97)}
.letter{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5;box-shadow:0 2px 5px #6366f115}.letter.active{background:#6366f1;color:white;border-color:#818cf8;box-shadow:0 0 0 5px #6366f11a}.letter.unavailable{background:var(--orbit-bg);color:var(--orbit-muted);border-color:var(--orbit-line);opacity:.5}
.letter.correct{background:#dcfce7;color:#15803d;border-color:#86efac}.letter.wrong{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.letter.passed{background:#fef3c7;color:#a16207;border-color:#fcd34d}
.green{color:#16a34a}.red{color:#dc2626}.amber{color:#d97706}.time-track{background:var(--orbit-line)}.time-track i{background:#6366f1}
.primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-color:transparent;box-shadow:0 4px 12px #6366f126}

.fine,#poolStatus,.review-item small{color:var(--orbit-muted)}.clue-type,.example-button{color:var(--orbit-accent)}.review-item{border-color:var(--orbit-line)}.example-text{color:var(--orbit-ink);border-color:var(--orbit-accent)}.wheel-core .ready-count{color:var(--orbit-accent)!important;background:#6366f10d;border-color:#6366f12e}

/* Complete palette for both themes, including setup and in-game controls. */
:root{--orbit-soft:#f8fafc;--orbit-selected:#eef2ff;--orbit-accent:#4f46e5;--orbit-good:#15803d;--orbit-good-bg:#f0fdf4;--orbit-bad:#b91c1c;--orbit-warn:#a16207}
:root[data-theme="dark"]{--orbit-bg:#0b1220;--orbit-card:#141e30;--orbit-soft:#1b2840;--orbit-selected:#2a3156;--orbit-ink:#edf2fc;--orbit-muted:#b0bdd3;--orbit-line:#34435d;--orbit-accent:#b5baff;--orbit-good:#86efac;--orbit-good-bg:#153a30;--orbit-bad:#fda4af;--orbit-warn:#fcd34d}
.play-panel{background:var(--orbit-card);border-color:var(--orbit-line)}
label,.list-mode legend,.question-top,.list-toolbar,.source-list,footer{color:var(--orbit-muted)}
.list-mode label,#listPicker{background:var(--orbit-soft);border-color:var(--orbit-line);color:var(--orbit-ink)}
.list-mode label:has(input:checked),.source-option:has(input:checked){background:var(--orbit-selected);border-color:var(--orbit-accent);color:var(--orbit-accent)}
.list-mode input,.source-option input{accent-color:#6366f1}
.source-option strong{color:var(--orbit-ink)}.source-option small,.source-option b{color:var(--orbit-muted)}.list-toolbar button,#feedback{color:var(--orbit-accent)}
.reveal-answer{color:var(--orbit-good);background:var(--orbit-good-bg);border-color:var(--orbit-good)}.reveal-answer:hover{background:var(--orbit-good-bg);filter:brightness(.97)}
#pauseNotice,.green{color:var(--orbit-good)}.red,.urgent{color:var(--orbit-bad)}.amber{color:var(--orbit-warn)}
.wheel .letter.unavailable:disabled{background:var(--orbit-soft);border-color:var(--orbit-line);color:var(--orbit-muted);opacity:.55}
.wheel.preparing .letter.pending:disabled{background:linear-gradient(145deg,#818cf8,#4f46e5);border-color:#a5b4fc;box-shadow:0 3px 12px #6366f12a;text-shadow:none}
:root[data-theme="dark"] .letter{background:#263454;color:#c7d2fe;border-color:#53658f}
:root[data-theme="dark"] .letter.active{background:#6366f1;color:#fff;border-color:#a5b4fc}
:root[data-theme="dark"] .letter.correct{background:#153a30;color:#86efac;border-color:#278363}
:root[data-theme="dark"] .letter.wrong{background:#4b2336;color:#fda4af;border-color:#a34b66}
:root[data-theme="dark"] .letter.passed{background:#44351e;color:#fcd34d;border-color:#9b783b}
#themeToggle{min-width:44px;min-height:44px;padding:9px 12px;white-space:nowrap;font-size:13px;color:var(--orbit-ink);background:var(--orbit-soft);border-color:var(--orbit-line)}
header{gap:12px;flex-wrap:wrap}header #language{width:auto;max-width:140px}header>.eyebrow{flex:1}
@media(max-width:600px){header>.eyebrow{display:none}header{gap:8px}#themeToggle{font-size:12px;padding:8px}.brand{display:none}}

.question-top{align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.clue-type{display:block;width:100%;border-radius:12px;padding:12px 15px;font-size:14px;font-weight:750;line-height:1.5;letter-spacing:.15px}
.clue-type[data-type="synonyms"]{background:#eef2ff;color:#3730a3;border-color:#a5b4fc}
.clue-type[data-type="antonyms"]{background:#fff7ed;color:#9a3412;border-color:#fdba74}
:root[data-theme="dark"] .clue-type[data-type="synonyms"]{background:#282e55;color:#c7d2fe;border-color:#6878b8}
:root[data-theme="dark"] .clue-type[data-type="antonyms"]{background:#432c21;color:#fed7aa;border-color:#aa7045}

.clue-type[data-type="descriptions"]{background:#ecfdf5;color:#065f46;border-color:#6ee7b7}
:root[data-theme="dark"] .clue-type[data-type="descriptions"]{background:#183b35;color:#a7f3d0;border-color:#3e8976}
