/* Six illustrated tables. Scenery is a non-interactive frame around the wheel. */
body.v2 {
  --scenery-leaf: #82b568; --scenery-leaf-dark: #254a36;
  --scenery-flower: #ffbdcf; --scenery-flower-center: #ffc557;
  --scenery-flag-a: #ffd36a; --scenery-flag-b: #8ed7b0; --scenery-flag-c: #ffb19a;
  --scenery-outline: #66241b; --scenery-card: #fff3d6; --scenery-red: #b63242;
}
body.v2[data-theme="tropical"] {
  --paper: #075b61; --deep: #063b42; --panel: #104c53; --shell: #fff4d2;
  --ink: #164344; --fog: #dfefe5; --muted-ink: #426764; --coral: #ffb282;
  --brass: #f3d777; --table-line: #53918e; --ticket-line: #bbd6c7;
  --danger: #ffddda; --scrim: rgba(1, 31, 36, .85); --shadow: rgba(1, 31, 36, .3);
  --table-background: var(--paper); --fever-veil: rgba(3, 43, 48, .97);
  --player-1: #ed8661; --player-2: #e9d683; --player-3: #1a7781; --player-4: #91c69d;
  --player-5: #ce6082; --player-6: #405ca0; --player-7: #ecb16c; --player-8: #93699c;
  --center-bg-1: #fff4d2; --center-bg-2: #ffb282; --center-glow: rgba(255, 178, 130, .5);
  --scenery-leaf: #85c898; --scenery-leaf-dark: #234e45; --scenery-outline: #063b42;
}
body.v2[data-theme="sakura"] {
  --paper: #71344c; --deep: #462438; --panel: #5c2b43; --shell: #fff0ed;
  --ink: #5f2a43; --fog: #f7dce7; --muted-ink: #81546a; --coral: #ffc5d4;
  --brass: #efd393; --table-line: #aa6e87; --ticket-line: #e3bcc9;
  --danger: #ffe1ce; --scrim: rgba(44, 15, 35, .85); --shadow: rgba(44, 15, 35, .3);
  --table-background: var(--paper); --fever-veil: rgba(58, 24, 43, .97);
  --player-1: #d46c8d; --player-2: #efc28e; --player-3: #794e8f; --player-4: #b6c692;
  --player-5: #b34165; --player-6: #f1b5c9; --player-7: #718db4; --player-8: #955d72;
  --center-bg-1: #fff0ed; --center-bg-2: #ffc5d4; --center-glow: rgba(255, 197, 212, .5);
  --scenery-flower: #ffd7e3; --scenery-flower-center: #efd393; --scenery-outline: #402438;
}
body.v2[data-theme="casino"] {
  --paper: #164738; --deep: #102e27; --panel: #1f3d32; --shell: #fff4da;
  --ink: #254439; --fog: #e0ead9; --muted-ink: #547160; --coral: #f3c56b;
  --brass: #f3c56b; --table-line: #6c8863; --ticket-line: #c5d0b6;
  --danger: #ffdad4; --scrim: rgba(7, 27, 22, .87); --shadow: rgba(7, 27, 22, .35);
  --table-background: var(--paper); --fever-veil: rgba(9, 34, 26, .97);
  --player-1: #aa4050; --player-2: #dbba74; --player-3: #347a60; --player-4: #e9dbb6;
  --player-5: #3f5978; --player-6: #8d5c77; --player-7: #a88648; --player-8: #83a085;
  --center-bg-1: #fff4da; --center-bg-2: #f3c56b; --center-glow: rgba(243, 197, 107, .5);
  --scenery-outline: #102e27; --scenery-card: #fff4da; --scenery-red: #aa4050;
}
body.v2[data-theme="izakaya"] { --scenery-outline: #202936; --scenery-red: #d76555; }
body.v2[data-theme="neon"] { --scenery-outline: #1c1d37; }
body.v2:is([data-theme="tropical"], [data-theme="sakura"], [data-theme="casino"]) {
  --font-display: "Bebas Neue", Impact, sans-serif;
  --accent-3: var(--player-3); --accent-4: var(--shell); --text-shadow: 0 2px 12px var(--shadow);
  --commentary-color: var(--brass); --commentary-shadow-1: var(--deep); --commentary-shadow-2: var(--paper);
  --winner-ring: var(--brass); --tap-glow: var(--brass);
  --confetti-1: var(--player-1); --confetti-2: var(--player-2); --confetti-3: var(--player-3);
  --confetti-4: var(--player-4); --confetti-5: var(--player-5); --confetti-6: var(--shell);
}
.v2 .wheel-wrap { position: relative; isolation: isolate; padding: 64px 0 42px; }
.v2 .wheel-wrap > .wheel-stage { z-index: 1; }
.table-scenery { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; user-select: none; z-index: 0; }
.scenery-theme { display: none; }
body[data-theme="mexican"] .scenery-mexican,
body[data-theme="izakaya"] .scenery-izakaya,
body[data-theme="neon"] .scenery-neon,
body[data-theme="tropical"] .scenery-tropical,
body[data-theme="sakura"] .scenery-sakura,
body[data-theme="casino"] .scenery-casino { display: inline; }
.scenery-line { fill: none; stroke: var(--brass); stroke-width: 2; stroke-linecap: round; }
.scenery-outline { stroke: var(--scenery-outline); stroke-width: 3; stroke-linejoin: round; }
.scenery-leaf { fill: var(--scenery-leaf); }
.scenery-leaf-dark { fill: var(--scenery-leaf-dark); }
.scenery-a { fill: var(--scenery-flag-a); }
.scenery-b { fill: var(--scenery-flag-b); }
.scenery-c { fill: var(--scenery-flag-c); }
.scenery-gold { fill: var(--brass); }
.scenery-cream { fill: var(--scenery-card); }
.scenery-red { fill: var(--scenery-red); }
.scenery-dark { fill: var(--scenery-outline); }
.scenery-flower { fill: var(--scenery-flower); }
.scenery-flower-center { fill: var(--scenery-flower-center); }
.scenery-neon .scenery-line { stroke: var(--coral); stroke-width: 3; }
.scenery-neon .neon-blue { stroke: var(--brass); }
.scenery-sakura .scenery-branch { fill: none; stroke: var(--scenery-outline); stroke-width: 9; stroke-linecap: round; }
@media (max-width: 800px) {
  .v2 .wheel-wrap { padding-top: 51px; padding-bottom: 30px; }
}