@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#090e1b;--panel:#111a2b;--ink:#edf4ff;--muted:#95a4bb;--cyan:#56e0d2;--pink:#f29ac5;--border:#ffffff13}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tajawal,'Segoe UI',sans-serif;line-height:1.6;min-height:100vh}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 65% 15%,#12444c33,transparent 45%),radial-gradient(ellipse at 5% 65%,#64296622,transparent 40%);pointer-events:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:1px solid var(--border);transition:transform .2s,background .2s,box-shadow .2s}button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12)}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}header{max-width:82.5rem;margin:auto;padding:1.625rem 2.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:0.75rem;text-decoration:none;color:var(--ink);font-weight:900;font-size:1.4375rem}.brand small{display:block;font-size:0.6875rem;color:var(--muted);font-weight:500;letter-spacing:.4px}.brand-icon{color:var(--cyan);font-size:2.0625rem;border:1px solid #56e0d244;background:#56e0d20b;border-radius:0.875rem;padding:0 0.8125rem}nav{display:flex;align-items:center;gap:0.75rem}.icon{width:2.5rem;height:2.5rem;background:#ffffff05;border-radius:0.75rem;font-size:1.375rem}.live{font-size:0.75rem;color:var(--muted);margin-left:0.9375rem}.live i{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-left:7px;box-shadow:0 0 0.75rem var(--cyan)}main{max-width:76.25rem;margin:auto;padding:2.375rem 2rem 3.125rem}.intro{text-align:center}.eyebrow{color:var(--cyan);font-size:0.75rem;font-weight:700;letter-spacing:1px}h1{font-size:clamp(2rem,4vw,3.125rem);line-height:1.3;margin:1rem 0;font-weight:900}h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 2.25rem color-mix(in srgb,var(--cyan) 20%,transparent)}.intro p{color:var(--muted);font-size:0.9375rem;margin-bottom:1.875rem}.setup-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:3.75rem;align-items:center}.panel{background:linear-gradient(135deg,#152133e8,#0f1728ed);border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 1.5625rem 3.75rem #0002}.setup-panel{padding:1.625rem 1.875rem}.section-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:0.6875rem;letter-spacing:.5px}.pill{display:inline-block;padding:4px 0.75rem;border-radius:1.25rem;background:#56e0d210;color:var(--cyan);font-size:0.75rem;border:1px solid #56e0d220}h2{font-size:1.4375rem;margin:1rem 0}.teams-input{display:flex;gap:0.75rem;align-items:center}.teams-input label{flex:1;min-width:0;font-size:0.8125rem}.team-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:5px}.cyan{background:var(--cyan)}.pink{background:var(--pink)}input{display:block;width:100%;margin-top:8px;background:#080f1d;color:var(--ink);border:1px solid #ffffff18;border-radius:0.625rem;padding:0.75rem}input::placeholder{color:#5e6c82}.versus{font-size:0.6875rem;color:#697990;margin-top:1.625rem;font-weight:800}fieldset{padding:0;border:0;margin:1.4375rem 0 0}legend{font-size:0.8125rem;margin-bottom:9px}small{font-size:0.6875rem;font-weight:400;color:var(--muted)}legend small{margin-right:5px}.choices{display:flex;gap:8px}.choices button{flex:1;border-radius:0.625rem;padding:9px;background:#ffffff04;font-size:1.125rem}.choices .selected{background:color-mix(in srgb,var(--cyan) 8%,transparent);border-color:var(--cyan);color:var(--cyan);box-shadow:inset 0 0 0.9375rem #56e0d205}.choices small{margin-right:8px}.hint{font-size:0.6875rem;color:var(--muted);margin:1.375rem 0 1rem}.primary{background:var(--cyan);color:#062827;border:0;border-radius:0.75rem;padding:0.8125rem 1.5625rem;font-weight:800;box-shadow:0 8px 1.75rem #56e0d21a}.start{width:100%;font-size:1.0625rem}.wheel-preview{text-align:center}.orbit-label{display:block;font-size:0.75rem;color:var(--muted);margin-bottom:1.125rem}.wheel-wrap{width:21.25rem;height:21.25rem;position:relative;margin:0.625rem auto;border-radius:50%;border:9px solid #182638;box-shadow:0 0 0 1px color-mix(in srgb,var(--cyan) 20%,transparent),0 0 0 1.0625rem #ffffff02,0 0 4.375rem #56e0d20a}.wheel{width:100%;height:100%;border-radius:50%;position:relative;background:conic-gradient(#1c6570 0deg 45deg,#333d79 45deg 90deg,#674171 90deg 135deg,#88505e 135deg 180deg,#82683e 180deg 225deg,#426a54 225deg 270deg,#285571 270deg 315deg,#47606d 315deg);transition:transform 3.6s cubic-bezier(.12,.72,.12,1);overflow:hidden}.wheel span{position:absolute;top:50%;left:50%;width:5.625rem;margin-left:-2.8125rem;margin-top:-0.8125rem;text-align:center;font-weight:800;font-size:0.9375rem;transform:rotate(var(--angle)) translateY(-7.4375rem) rotate(calc(-1 * var(--angle)));text-shadow:0 1px 6px #0009}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5.625rem;height:5.625rem;border-radius:50%;background:#111d2b;border:5px solid #ffffff16;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2.0625rem;color:var(--cyan);box-shadow:0 4px 1.5625rem #0008}.wheel-center small{font-size:9px;color:var(--ink)}.pointer{position:absolute;top:-1.0625rem;left:calc(50% - 0.75rem);width:0;height:0;border-left:0.75rem solid transparent;border-right:0.75rem solid transparent;border-top:1.6875rem solid #f2dfad;z-index:2;filter:drop-shadow(0 2px 5px #0009)}.wheel-caption{display:flex;align-items:center;justify-content:center;gap:0.75rem;font-size:0.75rem;color:var(--muted);margin-top:1.75rem}.line{width:2.25rem;height:1px;background:#ffffff20}.categories{display:grid;grid-template-columns:repeat(8,1fr);gap:0.625rem;margin-top:2.375rem}.category-tile{border:1px solid var(--border);border-radius:0.8125rem;padding:0.8125rem 5px;text-align:center;background:#ffffff02;font-size:0.75rem}.category-tile b{display:block;font-size:1.3125rem;color:var(--cyan);margin-bottom:4px}.category-tile small{display:block;font-size:0.625rem;color:#6f8099}footer{max-width:78.75rem;margin:auto;border-top:1px solid var(--border);padding:1.375rem 1.875rem;display:flex;justify-content:space-between;gap:0.875rem;flex-wrap:wrap;color:#8190a6;font-size:0.6875rem}footer button,.text-button{background:none;border:0;font-size:0.75rem;color:var(--muted)}footer div{display:flex;gap:0.625rem}.game-top{display:flex;justify-content:space-between;margin-bottom:1.25rem}.arena{display:grid;grid-template-columns:12.5rem minmax(0,1fr) 12.5rem;gap:1.25rem;align-items:start}.team-card{padding:1.5rem 1rem;text-align:center;overflow-wrap:anywhere}.team-card.active{border-color:var(--cyan);box-shadow:0 0 1.875rem #56e0d211}.team-card.pink-team.active{border-color:var(--pink)}.team-card h2{font-size:1.1875rem}.score{font-size:3.625rem;font-weight:900;line-height:1.2;color:var(--cyan)}.pink-team .score{color:var(--pink)}.muted{color:var(--muted);font-size:0.8125rem}.team-tools{display:flex;justify-content:center;gap:6px;margin-top:1.25rem}.team-tools span{border:1px solid var(--border);border-radius:8px;padding:5px 8px;color:var(--cyan)}.team-tools .used{opacity:.2;text-decoration:line-through}.stage{padding:1.5625rem;text-align:center;min-height:33.75rem}.stage-top{display:flex;justify-content:space-between;align-items:center;font-size:0.75rem;color:var(--muted)}.game-wheel{margin:1.75rem auto;width:17.5rem;height:17.5rem}.game-wheel .wheel span{transform:rotate(var(--angle)) translateY(-5.9375rem) rotate(calc(-1 * var(--angle)));font-size:0.8125rem}.timer{margin:1.25rem auto 0;border:3px solid var(--cyan);border-radius:50%;width:4rem;height:4rem;display:grid;place-items:center;font-size:1.5625rem;font-weight:800}.timer.urgent{border-color:#ff806f;color:#ff806f;animation:pulse 1s infinite}#question{font-size:1.5rem;min-height:4.375rem}.answers{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}.answer{display:flex;align-items:center;text-align:right;gap:0.625rem;padding:1rem;background:#ffffff05;border-radius:0.75rem;font-size:0.9375rem;min-height:4.1875rem}.answer b{background:#ffffff08;border-radius:6px;padding:2px 8px;font-size:0.75rem;color:var(--muted)}.answer.correct{background:color-mix(in srgb,var(--cyan) 14%,transparent);border-color:var(--cyan);opacity:1}.answer.wrong{background:#ff756520;border-color:#ff7565;opacity:1}.answer.removed{visibility:hidden}.lifeline-status{margin:.75rem 0 .25rem;color:var(--muted);font-size:.8rem;font-weight:700}.lifelines{display:flex;flex-wrap:wrap;gap:8px;margin:1.25rem 0;justify-content:center}.lifelines button{background:#ffffff05;border-radius:9px;padding:8px;font-size:0.75rem}.lifelines button.armed{background:#e9ca5b33;border-color:#e9ca5b}#feedback{font-size:0.875rem;margin-top:1.125rem;color:var(--cyan)}.result{max-width:47.5rem;margin:2.8125rem auto;text-align:center;padding:2.5rem}.trophy{font-size:5rem;color:#f4d58e;filter:drop-shadow(0 0 1.5625rem #e9ca5b44)}.result .text-button{display:block;margin:1.25rem auto}#history{text-align:right}#history article{border-top:1px solid var(--border);padding:0.875rem 0;font-size:0.875rem}dialog{background:#142034;color:var(--ink);border:1px solid #ffffff22;border-radius:1.375rem;max-width:40.625rem;width:calc(100% - 2rem);max-height:85vh;padding:1.75rem;line-height:1.9}dialog::backdrop{background:#020713bc;backdrop-filter:blur(7px)}#close-dialog{float:left}.confetti{position:fixed;top:-1.25rem;pointer-events:none;animation:fall 3s ease-in forwards;z-index:10}#error{color:#ffad9e;font-size:0.75rem;margin:4px} [hidden]{display:none!important}@keyframes pulse{50%{box-shadow:0 0 1.5rem #ff806f33}}@keyframes fall{to{transform:translateY(105vh) rotate(600deg)}}@media(max-width:62.5rem){.arena{grid-template-columns:1fr 1fr}.stage{grid-row:2;grid-column:1/-1}.team-card{padding:0.75rem}.team-card h2{margin:3px}.score{font-size:2rem}.team-tools{margin-top:8px}.setup-grid{gap:1.5625rem}.wheel-wrap{width:18.125rem;height:18.125rem}.wheel span{transform:rotate(var(--angle)) translateY(-6.125rem) rotate(calc(-1 * var(--angle)))}.categories{grid-template-columns:repeat(4,1fr)}}@media(max-width:43.75rem){header{padding:1.125rem}.brand{font-size:1.125rem}.brand small{font-size:9px}.live{display:none}main{padding:1.75rem 1rem}.setup-grid{display:flex;flex-direction:column-reverse;gap:1.75rem}.wheel-preview .wheel-wrap{width:15.625rem;height:15.625rem}.wheel-preview .wheel span{transform:rotate(var(--angle)) translateY(-5.1875rem) rotate(calc(-1 * var(--angle)));font-size:0.75rem}.wheel-preview .wheel-center{width:4.625rem;height:4.625rem}.orbit-label,.wheel-caption{display:none}.setup-panel{width:100%;padding:1.375rem 1.125rem}.intro p{font-size:0.8125rem}.answers{grid-template-columns:1fr}.stage{padding:1.25rem 0.875rem}.arena{gap:0.75rem}#question{font-size:1.3125rem}footer{justify-content:center;text-align:center;padding:1.25rem 0.75rem}.result{padding:1.5625rem 1.125rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:43.75rem){.game-wheel{width:clamp(11.875rem,65vw,17.5rem);height:clamp(11.875rem,65vw,17.5rem)}.game-wheel .wheel span{transform:rotate(var(--angle)) translateY(clamp(-5.9375rem,-22vw,-3.75rem)) rotate(calc(-1 * var(--angle)));font-size:0.6875rem}.game-wheel .wheel-center{width:4.375rem;height:4.375rem;font-size:1.6875rem}}
/* Visual identity, adaptive presentation, and customization */
svg{width:1.55rem;height:1.55rem;vertical-align:middle;flex-shrink:0}.brand-icon{border:0;background:transparent;padding:0;display:flex}.brand-icon img{width:3.4rem;height:3.4rem}.wheel-center img{width:3.2rem;height:3.2rem}.wheel-center{gap:.15rem}.category-tile b svg{width:2rem;height:2rem;filter:drop-shadow(0 0 .5rem currentColor)}.category-tile{position:relative;transition:transform .3s,border-color .3s;background:linear-gradient(145deg,color-mix(in srgb,var(--cyan) 7%,transparent),transparent)}.category-tile:hover{transform:translateY(-.4rem);border-color:var(--cyan)}.category-tile:nth-child(even){color:var(--pink)}.lifelines button{display:flex;align-items:center;gap:.4rem;padding:.75rem}.lifelines svg{color:var(--cyan);width:1.3rem;height:1.3rem}.trophy svg{width:6rem;height:6rem}.icon{display:inline-grid;place-items:center;flex-shrink:0}.intro h1{font-size:clamp(1.8rem,3.6vw,3.5rem)}.intro h1 em{background:linear-gradient(100deg,var(--cyan),#fff,var(--pink),var(--cyan));background-size:250% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:shine 9s linear infinite}.primary{position:relative;overflow:hidden;box-shadow:0 .5rem 2rem color-mix(in srgb,var(--cyan) 18%,transparent)}.primary::after{content:'';position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 42%,#ffffff50 50%,transparent 58%);transform:translateX(-80%);animation:sheen 7s ease-in-out infinite;pointer-events:none}.wheel-wrap::after{content:'';position:absolute;inset:-1.5rem;border-radius:50%;border:1px dashed color-mix(in srgb,var(--cyan) 28%,transparent);animation:orbit 70s linear infinite;pointer-events:none}.wheel-wrap{box-shadow:0 0 0 1px color-mix(in srgb,var(--cyan) 30%,transparent),0 0 4rem color-mix(in srgb,var(--cyan) 12%,transparent)}.ambient{background:radial-gradient(ellipse at 65% 15%,color-mix(in srgb,var(--cyan) 11%,transparent),transparent 50%),radial-gradient(ellipse at 5% 65%,color-mix(in srgb,var(--pink) 8%,transparent),transparent 50%)}.panel{background:linear-gradient(135deg,color-mix(in srgb,var(--bg) 87%,#fff),color-mix(in srgb,var(--bg) 97%,#fff))}.round-summary{font-size:.8rem;padding:.75rem;border-radius:.65rem;background:color-mix(in srgb,var(--cyan) 7%,transparent);border:1px solid color-mix(in srgb,var(--cyan) 22%,transparent);color:var(--cyan);margin:1rem 0}.appearance{position:fixed;top:5.5rem;left:1rem;width:min(25rem,calc(100vw - 2rem));max-height:calc(100dvh - 7rem);overflow:auto;z-index:20;padding:1.25rem;box-shadow:0 1rem 6rem #000a;border-color:color-mix(in srgb,var(--cyan) 40%,transparent)}.appearance h2{font-size:1.15rem}.themes,.size-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.themes button,.size-presets button{flex:1;background:#ffffff08;border-radius:.6rem;padding:.6rem;font-size:.8rem}.themes button[aria-pressed=true],.size-presets button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);background:color-mix(in srgb,var(--cyan) 12%,transparent)}.color-label,.size-label{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-top:1rem}.color-label input{width:3.5rem;height:2.5rem;padding:.2rem;margin:0}.appearance input[type=range]{accent-color:var(--cyan);padding:0;width:100%}.time-boost{animation:boost .7s ease-out}.team-tools{flex-wrap:wrap}.team-tools span{font-size:.8rem}.stage,.setup-panel,.team-card{min-width:0}.answers .answer span{overflow-wrap:anywhere}.answer{animation:arrive .35s ease both}.answer:nth-child(2){animation-delay:.05s}.answer:nth-child(3){animation-delay:.1s}.answer:nth-child(4){animation-delay:.15s}.brand{min-width:0}.brand small{line-height:1.5}header nav{flex-shrink:0}.stage-top{gap:.5rem;flex-wrap:wrap}main{max-width:100rem;width:100%}header,footer{max-width:106rem}.setup-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.arena{grid-template-columns:minmax(10rem,1fr) minmax(0,3fr) minmax(10rem,1fr)}.stage{min-height:35rem}.game-wheel{width:min(20rem,65vw);height:min(20rem,65vw)}.game-wheel .wheel span{transform:rotate(var(--angle)) translateY(clamp(-7rem,-22vw,-4rem)) rotate(calc(-1 * var(--angle)))}
@keyframes shine{to{background-position:250% center}}@keyframes sheen{0%,65%{transform:translateX(-80%)}90%,100%{transform:translateX(80%)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes arrive{from{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}@keyframes boost{50%{transform:scale(1.2);box-shadow:0 0 2rem var(--cyan)}}
@media(min-width:1800px){body{font-size:1.15rem}.stage #question{font-size:2rem}.answer{font-size:1.3rem}.intro{margin-bottom:2rem}.setup-panel{padding:2.5rem}.wheel-preview .wheel-wrap{width:25rem;height:25rem}.wheel-preview .wheel span{transform:rotate(var(--angle)) translateY(-9rem) rotate(calc(-1 * var(--angle)))}}
@media(max-width:70rem){.arena{grid-template-columns:1fr 1fr}.stage{grid-column:1/-1;grid-row:2}.team-card{padding:.8rem}.team-card .score{font-size:2.4rem}.team-card h2{font-size:1rem}.team-tools{margin-top:.5rem}}
@media(max-width:48rem){.setup-grid{display:flex;flex-direction:column-reverse}.wheel-preview .wheel-wrap{width:min(16rem,65vw);height:min(16rem,65vw)}.wheel-preview .wheel span{transform:rotate(var(--angle)) translateY(clamp(-5.5rem,-22vw,-3.5rem)) rotate(calc(-1 * var(--angle)));font-size:.7rem}.wheel-center{width:4.5rem;height:4.5rem;border-width:3px}.wheel-center img{width:2.7rem;height:2.7rem}.wheel-center small{font-size:.5rem}.categories{grid-template-columns:repeat(4,minmax(0,1fr))}.category-tile{font-size:.75rem}.category-tile small{font-size:.6rem}.brand{font-size:1rem}.brand-icon img{width:2.5rem;height:2.5rem}.live{display:none}header{padding:1rem;gap:.6rem}nav{gap:.4rem}.icon{width:2.2rem;height:2.2rem}.icon svg{width:1.2rem;height:1.2rem}.brand small{font-size:.58rem}.answers{grid-template-columns:1fr}.choices small{display:block;margin:0;font-size:.65rem}.teams-input{gap:.5rem}.setup-panel{padding:1rem}.intro h1{font-size:1.9rem}main{padding:1.5rem 1rem}.lifelines{gap:.4rem}.lifelines button{font-size:.7rem;padding:.55rem}.team-tools span{padding:.2rem .35rem}.team-card .muted{font-size:.7rem}.stage{padding:1rem;min-height:0}.stage #question{font-size:1.35rem}}
@media(max-width:360px){header{flex-wrap:wrap;justify-content:center}.brand small{font-size:.7rem}.teams-input{flex-wrap:wrap}.versus{display:none}.teams-input label{flex-basis:100%}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.team-card h2{font-size:.8rem}.team-tools{gap:.2rem}.team-tools span{font-size:.65rem}.appearance{top:1rem;max-height:calc(100dvh - 2rem)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
html,body{max-width:100%;overflow-x:hidden}.team-tools span{width:2rem;height:2rem;display:inline-grid;place-items:center;padding:.3rem}.team-tools svg{width:1.15rem;height:1.15rem;color:var(--cyan)}
/* Sixteen coordinated palettes: eight light and eight dark */
:root{--accent-ink:#09221f;--surface:#ffffff;--control-bg:#080f1d;color-scheme:dark}
:root[data-theme-mode="light"]{color-scheme:light}
body{background:var(--bg);color:var(--ink)}
.panel{background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--panel) 78%,var(--bg)));border-color:var(--border)}
header,footer{border-color:var(--border)}
button{color:var(--ink);border-color:var(--border)}
input{background:var(--control-bg);color:var(--ink);border-color:var(--border)}
input::placeholder,.muted,small,.section-label,footer,footer button,.text-button{color:var(--muted)}
.choices button,.answer,.lifelines button,.category-tile,.themes button,.size-presets button,.icon{background:color-mix(in srgb,var(--surface) 58%,transparent);border-color:var(--border);color:var(--ink)}
.primary{background:var(--cyan);color:var(--accent-ink)}
.pill,.round-summary{color:var(--cyan)}
.intro h1 em{background:linear-gradient(100deg,var(--cyan),var(--pink),var(--cyan));background-size:250% auto;background-clip:text;-webkit-background-clip:text;color:transparent}
.team-tools span{border-color:var(--border)}
.theme-heading{margin:1rem 0 .4rem;font-size:.82rem;color:var(--muted)}
.themes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.themes button{min-width:0;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .3rem;white-space:nowrap}
.swatch{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;flex:0 0 auto;background:var(--swatch);box-shadow:0 0 0 .15rem color-mix(in srgb,var(--swatch) 25%,transparent)}
.themes button[aria-pressed="true"]{outline:2px solid var(--cyan);outline-offset:1px;color:var(--cyan);background:color-mix(in srgb,var(--cyan) 10%,var(--surface))}
.contrast-note{font-size:.7rem;color:var(--muted);margin:.45rem 0}
@media(max-width:420px){.themes{grid-template-columns:repeat(2,minmax(0,1fr))}.themes button{justify-content:flex-start;padding:.65rem}}
.themes button,.size-presets button{background:var(--panel);color:var(--ink);border-color:var(--border)}.themes button[aria-pressed="true"],.size-presets button[aria-pressed="true"]{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 12%,var(--panel))}
.choices button,.answer,.lifelines button,.category-tile,.icon{background:var(--panel);color:var(--ink);border-color:var(--border)}.choices .selected{background:color-mix(in srgb,var(--cyan) 11%,var(--panel));color:var(--cyan)}dialog{background:var(--panel);color:var(--ink);border-color:var(--border)}.wheel-center small{color:#edf4ff}
.appearance{overflow-x:hidden}.themes button{min-width:0}

.themes{grid-template-columns:repeat(2,minmax(0,1fr))}.light-themes button{background:color-mix(in srgb,var(--panel) 93%,var(--cyan));}.dark-themes button{background:color-mix(in srgb,var(--panel) 93%,var(--cyan));}

/* Clear turns, accessible controls, learning notes, and match recap */
.game-top{align-items:center;gap:1rem;flex-wrap:wrap}.turn-banner{flex:1;text-align:center;padding:.65rem 1rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--cyan) 45%,var(--border));background:color-mix(in srgb,var(--cyan) 11%,var(--panel));color:var(--cyan);font-weight:800;box-shadow:0 0 1.5rem color-mix(in srgb,var(--cyan) 9%,transparent)}
.team-card.active{transform:translateY(-2px);transition:transform .25s,box-shadow .25s}.team-card.active .eyebrow{font-size:.78rem}.team-card>small:last-child{display:block;margin-top:.45rem;color:var(--muted)}
#wheel-status{min-height:1.5em}.question-source{display:block;margin-top:.55rem;color:var(--muted);font-size:.7rem}#feedback p{margin:.45rem 0;color:var(--ink);line-height:1.8}#feedback strong{display:block}.keyboard-hint{color:var(--muted);font-size:.68rem;margin:.6rem 0 0}
.summary-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.5rem 0}.summary-team{padding:1rem;border:1px solid var(--border);border-radius:1rem;background:color-mix(in srgb,var(--cyan) 7%,var(--panel))}.summary-team h3{margin:.1rem 0 .6rem}.summary-team strong{font-size:1.4rem;color:var(--cyan)}.summary-team.pink-team strong{color:var(--pink)}.summary-team p{margin:.45rem 0}.summary-team small{display:block;line-height:1.6}.result #history{max-height:60vh;overflow:auto}.winner-pop{animation:winner-pop .75s cubic-bezier(.2,.9,.3,1.3) both}.result.draw .trophy{color:var(--cyan)}
@keyframes winner-pop{from{opacity:0;transform:translateY(1rem) scale(.75)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:48rem){.game-top{justify-content:center}.game-top #round-label{flex:1}.turn-banner{order:3;flex-basis:100%;font-size:.8rem}.summary-breakdown{grid-template-columns:1fr}.keyboard-hint{line-height:1.7}}
@media(prefers-reduced-motion:reduce){.winner-pop{animation:none!important}.team-card.active{transform:none}}

/* Eight choices per palette group */
.themes{grid-template-columns:repeat(4,minmax(0,1fr))}.themes button{min-height:2.8rem;white-space:normal;line-height:1.3;font-size:.72rem;padding:.5rem .25rem}.swatch{width:.65rem;height:.65rem}
@media(max-width:420px){.themes{grid-template-columns:repeat(2,minmax(0,1fr))}.themes button{justify-content:flex-start;padding:.6rem .5rem;font-size:.78rem}}