/* The earlier charcoal-and-yellow edition, using the shared game and effects. */
body[data-variant='black'] {
  --bg: #0c0d10; --surface: #17181d; --raised: #23252c; --stroke: #383a43;
  --text: #ffffff; --muted: #b8bac3; --faint: #7e818c;
  --accent: #ffd43b; --accent-light: #ffe779; --mint: #b9f875;
  --coral: #ffada5; --violet: #d0c3ff;
  --gold: var(--accent); --gold-light: var(--accent-light); --rose: var(--coral);
  --display: Fredoka, 'Arial Rounded MT Bold', system-ui, sans-serif;
}
body[data-variant='black'] .app { background: radial-gradient(ellipse at 50% 42%,#28241b25,transparent 70%),var(--bg); }
body[data-variant='black'] .game-loader { background: radial-gradient(ellipse at center,#24241e,var(--bg) 65%); }
body[data-variant='black'] .balance-block { background: #f7f7fa; border-color: #ffffffaa; color: #17181d; border-radius: 13px; }
body[data-variant='black'] .demo-pill { color: #686971; }
body[data-variant='black'] .topup { color: #17181d; }
body[data-variant='black'] .utility-button, body[data-variant='black'] .menu-button { border-radius: 12px; }
body[data-variant='black'] .menu-panel, body[data-variant='black'] dialog { border-radius: 18px; box-shadow: 0 18px 65px #0008; }
body[data-variant='black'] .round-chip span { border-radius: 8px; border-color: #a7797445; background: #33282690; }
body[data-variant='black'] .round-chip[data-result='positive'] span { border-color: #78945845; background: #2d382390; }
body[data-variant='black'] .round-chip[data-result='high'] span { border-color: #b99b4945; background: #423a2290; }
body[data-variant='black'] .round-chip[data-result='neutral'] span { background: var(--surface); border-color: var(--stroke); }
body[data-variant='black'] .glow-backdrop { inset: 0 -40px; background: none; }
body[data-variant='black'] .glow-backdrop::before { inset: -120%; background: repeating-conic-gradient(from 2deg at 50% 50%,#d9d0a60a 0deg 10deg,transparent 10deg 20deg); animation: black-rays 75s linear infinite; }
body[data-variant='black'] .glow-backdrop::after { background: radial-gradient(ellipse at 50% 50%,transparent,var(--bg) 76%); }
body[data-variant='black'] .num-block { border-radius: clamp(17px,2vw,26px); background: linear-gradient(145deg,#24252b35,#13141980); box-shadow: inset 0 1px 0 #ffffff06; }
body[data-variant='black'] .num-block::before { display: none; }
body[data-variant='black'] .num-block.player { border-color: #ffe77940; background: linear-gradient(145deg,#2b281c25,#13141980); }
body[data-variant='black'] .num-block.casino { border-color: #ffffff16; background: linear-gradient(145deg,#24252b35,#13141980); }
body[data-variant='black'] .num-block.player .num { color: var(--accent-light); }
body[data-variant='black'] .num-block.casino .num { color: var(--text); }
body[data-variant='black'] .num.is-masked::after { color: #7e818c; }
body[data-variant='black'] .casino .number-underline { background: #9295a14d; }
body[data-variant='black'] .focus-value { color: var(--accent); text-shadow: 0 4px 0 #292414; }
body[data-variant='black'] .indicator { box-shadow: 0 0 16px #ffd43b35; }
body[data-variant='black'] .pick-step { border-radius: 13px; }
body[data-variant='black'] .controls { border-color: #ffffff22; border-radius: 22px; background: #191b21; box-shadow: 0 16px 50px #0003,inset 0 1px 0 #ffffff07; }
body[data-variant='black'] .amount-stepper, body[data-variant='black'] .pick-stepper { border-radius: 24px; background: #0d0e12; }
body[data-variant='black'] .step-btn { border-radius: 50%; }
body[data-variant='black'] .step-btn::before { background: #292b33; }
body[data-variant='black'] .step-btn:hover:enabled::before { background: #3b3d46; }
body[data-variant='black'] .random-button { border-radius: 12px; }
body[data-variant='black'] .play { border-color: #ffed9a; border-bottom-color: #b9932d; border-radius: 16px; color: #242018; background: linear-gradient(180deg,#ffe779,#ffd43b); box-shadow: inset 0 1px 0 #fff1ae,0 4px 0 #5a481c,0 8px 25px #ffd43b10; }
body[data-variant='black'] .play:hover:enabled { background: linear-gradient(180deg,#fff098,#ffe164); box-shadow: inset 0 1px 0 #fff3c4,0 4px 0 #5a481c,0 0 30px #ffd43b25; }
body[data-variant='black'] .play[aria-busy='true'] { color: var(--accent-light); background: #24241e; border-color: #635d35; }
body[data-variant='black'] .play[aria-busy='true']::before { border-color: #ffd43b44; border-top-color: var(--accent); border-right-color: var(--accent); border-radius: 50%; }
body[data-variant='black'] .play[aria-busy='true']::after { background: linear-gradient(110deg,transparent 35%,#ffd43b18 50%,transparent 65%); }
body[data-variant='black'] .win-banner { border-color: #b9f87555; border-radius: 14px; background: #263020ed; }
body[data-variant='black'] .win-small { background: var(--surface); border-color: var(--stroke); }
body[data-variant='black'] .win-celebration::before { background: radial-gradient(ellipse at 50% 42%,#39301be8,#0c0d10ed 65%,#0c0d1040); }
body[data-variant='black'] .win-total, body[data-variant='black'] .is-jackpot .win-total { color: var(--accent-light); text-shadow: 0 5px 0 #282214,0 0 55px #ffd43b40; }
@keyframes black-rays { to { transform: rotate(360deg); } }
@media (max-width: 760px) { body[data-variant='black'] .controls { border-radius: 17px; } }