/* Voltage Vixen (Night Charge): glass panels, neon cyan + lime, Orbitron. */
[data-theme=vixen] .panel, [data-theme=vixen] .btn, [data-theme=vixen] .key, [data-theme=vixen] .f {
  background: linear-gradient(160deg, rgba(40,60,90,.55), rgba(10,16,30,.62)); backdrop-filter: blur(22px) saturate(140%); -webkit-backdrop-filter: blur(22px) saturate(140%);
  border-radius: 3.6rem; color: var(--text);
  box-shadow: inset 0 .15rem 0 rgba(255,255,255,.28), inset 0 0 0 .15rem rgba(140,200,255,.16), inset 0 -3rem 6rem rgba(0,229,255,.05), 0 3rem 6rem rgba(0,0,0,.55); }
[data-theme=vixen] .btn, [data-theme=vixen] .chip { border-radius: 3rem; }
[data-theme=vixen] .btn.primary { color: #03141b; background: linear-gradient(180deg, #8ff6ff 0%, #00E5FF 45%, #00a8c8 100%); backdrop-filter: none;
  box-shadow: inset 0 .2rem 0 rgba(255,255,255,.8), inset 0 -.6rem 1.4rem rgba(0,60,80,.45), 0 0 4rem rgba(0,229,255,.55), 0 0 11rem rgba(0,229,255,.35), 0 2rem 4rem rgba(0,0,0,.5); }
[data-theme=vixen] .btn.primary::after { content: ''; position: absolute; left: 2.4rem; right: 2.4rem; top: .8rem; height: 44%; border-radius: 3rem 3rem 6rem 6rem; background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0)); pointer-events: none; }
[data-theme=vixen] .btn.accent { color: #06110a; background: linear-gradient(180deg, #d8ff8a, #B6FF3B 50%, #6fa810); backdrop-filter: none; box-shadow: inset 0 .2rem 0 rgba(255,255,255,.7), inset 0 -.5rem 0 rgba(0,0,0,.25), 0 0 2rem rgba(182,255,59,.5); }
[data-theme=vixen] .shade { background: linear-gradient(90deg, rgba(7,11,20,.25) 0%, rgba(7,11,20,.35) 36%, rgba(7,11,20,.82) 52%, rgba(7,11,20,.9) 100%), linear-gradient(180deg, rgba(7,11,20,.65), transparent 22%); }
[data-theme=vixen] .screen:not(.home) .shade { background: radial-gradient(110rem 70rem at 50% 40%, transparent, rgba(4,7,14,.8)); }
[data-theme=vixen] .logo { font-family: 'Orbitron'; font-weight: 900; font-size: 4.6rem; letter-spacing: .5rem; text-shadow: 0 .4rem 2rem rgba(0,0,0,.6); text-transform: uppercase; }
[data-theme=vixen] .logo b { color: #00E5FF; font-weight: 900; text-shadow: 0 0 1.8rem rgba(0,229,255,.9), 0 0 5rem rgba(0,229,255,.5); }
[data-theme=vixen] .logo-mark { background: linear-gradient(180deg, #eaffff, #00E5FF 50%, #0090b0); clip-path: polygon(58% 0, 8% 57%, 46% 57%, 33% 100%, 92% 37%, 54% 37%); filter: drop-shadow(0 0 1.2rem #00E5FF); }
[data-theme=vixen] .streak-chip { color: #B6FF3B; }
[data-theme=vixen] .streak-chip::before { content: '⚡'; }
[data-theme=vixen] .streak-chip { background: linear-gradient(160deg, rgba(40,60,90,.55), rgba(10,16,30,.62)); backdrop-filter: blur(22px); border-radius: 3rem; box-shadow: inset 0 .15rem 0 rgba(255,255,255,.28), inset 0 0 0 .15rem rgba(140,200,255,.16), 0 3rem 6rem rgba(0,0,0,.55); }
[data-theme=vixen] .streak-chip b { font-weight: 600; }
[data-theme=vixen] .mascot { filter: drop-shadow(0 0 4rem rgba(0,229,255,.35)) drop-shadow(0 3rem 3rem rgba(0,0,0,.6)); }
[data-theme=vixen] .halo { background: radial-gradient(closest-side, rgba(0,229,255,.55), transparent); filter: blur(10px); }
[data-theme=vixen] .tt { font-family: 'Space Grotesk'; }
[data-theme=vixen] .streak-card { background: linear-gradient(150deg, rgba(60,90,20,.6), rgba(10,20,25,.7)); }
[data-theme=vixen] .streak-card .sc-a { color: #d8f5b0; }
[data-theme=vixen] .big { background: linear-gradient(180deg, #f2ffd0, #B6FF3B 60%, #6fa810); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 2.2rem rgba(182,255,59,.55)); }
[data-theme=vixen] .ttl-text { text-shadow: 0 0 2.4rem rgba(0,229,255,.6); }

/* word */
[data-theme=vixen] .tile { background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); box-shadow: inset 0 0 0 .25rem rgba(120,160,220,.28), inset 0 .2rem 0 rgba(255,255,255,.08); }
[data-theme=vixen] .tile.typed { color: #fff; box-shadow: inset 0 0 0 .3rem rgba(200,240,255,.6), inset 0 .2rem 0 rgba(255,255,255,.2); }
[data-theme=vixen] .tile.act { box-shadow: inset 0 0 0 .3rem #00E5FF, 0 0 2.4rem rgba(0,229,255,.6), inset 0 0 2.2rem rgba(0,229,255,.25); }
[data-theme=vixen] .tile.ok, [data-theme=vixen] .tile.near, [data-theme=vixen] .tile.miss { background-color: transparent; }
[data-theme=vixen] .tile.ok { background: var(--ok); } [data-theme=vixen] .tile.near { background: var(--near); } [data-theme=vixen] .tile.miss { background: var(--miss); }
[data-theme=vixen] .key { border-radius: 2.4rem; color: #eaf3ff; background: linear-gradient(180deg, rgba(70,92,130,.75), rgba(30,42,66,.85)); backdrop-filter: blur(10px); box-shadow: inset 0 .2rem 0 rgba(255,255,255,.25), inset 0 -.5rem 0 rgba(0,0,0,.35), 0 1rem 2rem rgba(0,0,0,.45); }
[data-theme=vixen] .key.ok { background: linear-gradient(180deg, #d8ff8a, #B6FF3B 50%, #6fa810); color: #06110a; box-shadow: inset 0 .2rem 0 rgba(255,255,255,.7), inset 0 -.5rem 0 rgba(0,0,0,.25), 0 0 2rem rgba(182,255,59,.5); }
[data-theme=vixen] .key.near { background: linear-gradient(180deg, #ffd27a, #FFB020 50%, #b06a00); color: #1a0f00; box-shadow: inset 0 .2rem 0 rgba(255,255,255,.6), inset 0 -.5rem 0 rgba(0,0,0,.25), 0 0 1.8rem rgba(255,176,32,.45); }
[data-theme=vixen] .key.miss { background: rgba(14,20,34,.85); color: #4a5878; box-shadow: inset 0 0 0 .2rem rgba(255,255,255,.04); }
[data-theme=vixen] .key.enter { background: linear-gradient(180deg, #8ff6ff, #00E5FF 45%, #00a8c8); color: #03141b; box-shadow: inset 0 .2rem 0 rgba(255,255,255,.8), inset 0 -.5rem 0 rgba(0,60,80,.4), 0 0 3rem rgba(0,229,255,.55); }
[data-theme=vixen] .word-side .mascot { filter: drop-shadow(0 0 3rem rgba(0,229,255,.35)) drop-shadow(0 2rem 2rem rgba(0,0,0,.6)); }
[data-theme=vixen] .dots i.on { box-shadow: 0 0 1.2rem #00E5FF; }
[data-theme=vixen] .stat-b.lime { text-shadow: 0 0 2.2rem rgba(182,255,59,.5); }

/* trivia */
[data-theme=vixen] .pips i.ok { box-shadow: 0 0 1.2rem #B6FF3B; } [data-theme=vixen] .pips i.cur { box-shadow: 0 0 1.6rem #00E5FF; }
[data-theme=vixen] .ans .lt { background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 .2rem rgba(255,255,255,.12); }
[data-theme=vixen] .ans.ok { color: #06110a; background: linear-gradient(180deg, #d8ff8a, #B6FF3B 50%, #8fd11c); box-shadow: inset 0 .2rem 0 rgba(255,255,255,.7), 0 0 5rem rgba(182,255,59,.5), 0 2rem 4rem rgba(0,0,0,.4); }
[data-theme=vixen] .ans.ok .lt { background: #1b2a10; color: #B6FF3B; }
[data-theme=vixen] .ans.ok .mark { background: #10180a; color: #B6FF3B; }
[data-theme=vixen] .ans.no { box-shadow: inset 0 0 0 .4rem #ff5470, 0 0 3rem rgba(255,84,112,.35); }
[data-theme=vixen] .ans.no .mark { background: #ff5470; color: #1a0006; }
[data-theme=vixen] .rw-bolt { filter: drop-shadow(0 0 5rem rgba(182,255,59,.35)) drop-shadow(0 3rem 3rem rgba(0,0,0,.6)); }
[data-theme=vixen] .rw-pts { background: linear-gradient(180deg, #f2ffd0, #B6FF3B 60%, #6fa810); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 2.2rem rgba(182,255,59,.55)); }
[data-theme=vixen] .wrong .rw-pts { background: none; color: #ff5470; filter: none; }

/* plates */
[data-theme=vixen] .f.on { color: #03141b; background: linear-gradient(180deg, #8ff6ff, #00E5FF 45%, #00a8c8); box-shadow: 0 0 3rem rgba(0,229,255,.5); }
[data-theme=vixen] .plate.sp::before { box-shadow: 0 0 3rem rgba(0,229,255,.5), 0 1.6rem 2.4rem rgba(0,0,0,.6); }
[data-theme=vixen] .plate::after { background: rgba(10,16,30,.5); }
[data-theme=vixen] .plates-left .big { color: #00E5FF; text-shadow: 0 0 2.4rem rgba(0,229,255,.5); }
[data-theme=vixen] .big-n.miles { color: #B6FF3B; text-shadow: 0 0 2.4rem rgba(182,255,59,.45); }

/* sudoku + nono */
[data-theme=vixen] .sc { color: #00E5FF; background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 .15rem rgba(120,160,220,.2); }
[data-theme=vixen] .sc.given { color: #E8F1FF; background: rgba(255,255,255,.09); }
[data-theme=vixen] .sc.peer { background: rgba(0,229,255,.08); }
[data-theme=vixen] .sc.same { background: rgba(182,255,59,.16); }
[data-theme=vixen] .sc.sel { box-shadow: inset 0 0 0 .35rem #00E5FF, 0 0 2.4rem rgba(0,229,255,.5); background: rgba(0,229,255,.16); }
[data-theme=vixen] .seg-b.on { color: #03141b; background: linear-gradient(180deg, #8ff6ff, #00E5FF 45%, #00a8c8); box-shadow: 0 0 3rem rgba(0,229,255,.45); }
[data-theme=vixen] .nono-tray { --clue: #00E5FF; }
[data-theme=vixen] .nc { background: rgba(255,255,255,.05); box-shadow: inset 0 0 0 .2rem rgba(120,160,220,.25); }
[data-theme=vixen] .nc.on { background: linear-gradient(180deg, #8ff6ff, #00E5FF 45%, #0090b0); box-shadow: inset 0 .2rem 0 rgba(255,255,255,.7), 0 0 2rem rgba(0,229,255,.55); }
[data-theme=vixen] .nc.x { --xmark: rgba(150,180,220,.45); }
[data-theme=vixen] .meter-n { color: #B6FF3B; }

/* overlays + celebrate */
[data-theme=vixen] .sheet { background: linear-gradient(160deg, rgba(30,46,72,.92), rgba(8,12,24,.95)); }
[data-theme=vixen] .toast { color: #E8F1FF; }
[data-theme=vixen] .cel-boltwrap { display: block; left: 50%; top: 50%; margin: -42rem 0 0 -64rem; animation: cel-jump .6s cubic-bezier(.2,1.4,.4,1) both; }
[data-theme=vixen] .cel-bolt { height: 70rem; filter: drop-shadow(0 0 6rem rgba(182,255,59,.5)); }
[data-theme=vixen] .cel-card { margin-left: 46rem; }
[data-theme=vixen] .cel-pts { background: linear-gradient(180deg, #f2ffd0, #B6FF3B 60%, #6fa810); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 2.2rem rgba(182,255,59,.6)); }
[data-theme=vixen] .cel-line { text-shadow: 0 .4rem 2rem rgba(0,0,0,.8); }

[data-theme=vixen] .streak-chip { gap: 0; }
[data-theme=vixen] .streak-chip::before { margin-right: 1.4rem; }
[data-theme=vixen] .streak-chip b::after { content: '-'; }