:root {

 --radius-pill: 999px;

 --motion-normal: .2s;
  --game-cyan: #8fdee3; --game-violet: #b0a0e9;
  --game-cyan-line: rgba(143, 222, 227, .32); --game-violet-line: rgba(176, 160, 233, .3);

  --game-bg: #0a0e14; --game-line: rgba(148, 163, 184, .26); --game-ivory: #f0e6cd; --game-muted: #9aa8b8; --game-bronze: #d4af37; --game-gold-light: #e5c65c; --game-gold-deep: #a8851f; --game-danger: #e23b4d; --game-radius-md: 10px; --game-shadow: 0 14px 34px rgba(2, 6, 10, .5);
  --glass-bg: rgba(16, 23, 34, .72); --glass-bg-strong: rgba(16, 23, 34, .86); --glass-bg-solid: rgba(16, 23, 34, .96); --glass-line: rgba(212, 175, 55, .38); --glass-line-strong: rgba(212, 175, 55, .68); --glass-blur: 12px; --glass-shadow: 0 10px 30px rgba(2, 6, 10, .45), inset 0 1px rgba(255, 255, 255, .05);
  --gold-gradient: linear-gradient(180deg, #e5c65c, #d4af37); --gold-gradient-pressed: linear-gradient(180deg, #d4af37, #b8942b); --emerald: #2ea87c;
  --control-h: 44px; --control-radius: 12px; --focus-ring: 0 0 0 3px rgba(229, 198, 92, .45); --motion-press: .12s; --motion-tick: .18s;

  --display-font: "Bodoni 72", Didot, "Times New Roman", serif; --body-font: "Inter", "Avenir Next", Avenir, "Segoe UI", sans-serif; --utility-font: "Arial Narrow", "Avenir Next Condensed", sans-serif;
 --porcelain: #141c28; --paper: #101722; --ink: #e9edf2; --gold-light: #e5c65c; --ruby: #e23b4d; --muted: #9aa8b8; --line: rgba(148, 163, 184, .26); --display: var(--display-font); --body: var(--body-font); --utility: var(--utility-font);

}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root { --glass-bg: rgba(16, 23, 34, .95); --glass-bg-strong: rgba(16, 23, 34, .97); }
}