/* RaxBet Premium UI theme — CSS only, no game, wallet or API logic. */
:root {
  --bg-main: #09090f;
  --bg-card: #171426;
  --bg-sub: #29223e;
  --green: #b98cff;
  --accent: #ae79ff;
  --accent-2: #e58dff;
  --ink: #f8f5ff;
  --muted: #aba7c4;
  color-scheme: dark;
}
html { background: #09090f; }
body {
  background: radial-gradient(ellipse 110% 38% at 70% -9%, rgba(114,59,225,.23), transparent 65%), #09090f !important;
  color: #c5c0d5 !important;
  font-family: 'Plus Jakarta Sans', sans-serif;
}
body header {
  background: rgba(13,12,22,.94) !important;
  border-bottom: 1px solid rgba(186,147,248,.16) !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  box-shadow: 0 12px 35px rgba(0,0,0,.20);
}
body header #logo-home > div:first-child {
  background: linear-gradient(135deg,#ae66ff,#6b35e4) !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 24px rgba(158,91,251,.34) !important;
}
body header #logo-home > div:first-child svg { color: white !important; }
body #logo-home span:first-child { letter-spacing: -.03em; font-size: 18px; }
body #vip-tier-badge { background: #342047 !important; border: 1px solid #6e418c !important; color:#edbbff !important; }
body header #btn-open-currency { min-height: 41px; }
body header #user-bal { font-size: 13px !important; }
body header #active-coin-badge { background:#a777ff !important; color:#120b20 !important; }
body header [data-tab='wallet'] {
  background:#f5f2ff !important; color:#201334 !important; border-radius:12px !important;
  box-shadow:0 3px 12px rgba(214,175,255,.12);
}
body main { max-width: 500px !important; padding-top: 19px !important; padding-bottom: 36px !important; }
body .wins-ticker-container { display:none !important; } /* suppresses hardcoded pseudo-live winnings */
body [class~='bg-[#0b1620]'] { background-color:#100f1d !important; }
body [class~='bg-[#14222e]'] { background-color:#181525 !important; }
body [class~='bg-[#1e3242]'] { background-color:#2a243c !important; }
body [class~='border-[#1e3242]'] { border-color:#312949 !important; }
body [class~='border-[#2c475c]'] { border-color:#493a66 !important; }
body [class~='text-[#b1bad3]'] { color:#bdb5d6 !important; }
body [class~='text-[#557086]'] { color:#968ba9 !important; }
body [class~='text-[#00e701]'] { color:#bb8aff !important; }
body [class~='bg-[#00e701]'] { background-color:#b889ff !important; }
body [class~='border-[#00e701]'] { border-color:#b889ff !important; }
body .nav-active { color: #dbbbff !important; }
body .nav-active svg { stroke:#dbbbff !important; filter:drop-shadow(0 0 9px #8d4cdd88) !important; }
body .bet-active, body .mode-active, body .coin-active {
  color:#e0caff !important; background:linear-gradient(130deg,#4b2f75,#261b3c) !important;
  border-color:#b78af5 !important;
}
body input,body textarea,body select { accent-color:#aa7dff; }
body button,body a,body summary { -webkit-tap-highlight-color:transparent; }
body button:focus-visible,body a:focus-visible,body summary:focus-visible {
  outline:2px solid #e7b0ff !important; outline-offset:3px !important;
}
/* Hero banner and editorial typography */
body .hero-banner {
  min-height:188px;
  background: radial-gradient(circle at 90% 15%, rgba(226,179,255,.32) 0, transparent 33%),
              radial-gradient(circle at 6% 107%, rgba(115,54,224,.9), transparent 58%),
              linear-gradient(120deg,#4725a0,#8b41db 66%,#b851d8) !important;
  border:1px solid #a569f0 !important;
  border-radius:24px !important;
  box-shadow:0 14px 35px rgba(91,31,169,.19);
}
body .hero-banner::after {
  content:'✦'; position:absolute; color:#f0caff; opacity:.72; font-size:86px;
  line-height:1; right:22px; top:37px; pointer-events:none;
  text-shadow:0 0 32px #d9b3ff;
}
body .hero-banner h1 { font-size:25px !important; line-height:1.13 !important; letter-spacing:-.04em; }
body .hero-banner p { color:#f3e6ff !important; line-height:1.45; }
body .hero-banner button { border-radius:13px !important; }
body .hero-banner [class~='bg-[#00e701]'] { background:#fff !important; color:#3b1869 !important; }
body #tab-lobby > .grid:first-child > div {
  background:rgba(33,28,49,.89) !important; border:1px solid #3c3158 !important;
  border-radius:16px !important; min-height:60px;
}
body #tab-lobby > .grid:first-child svg { color:#c594ff !important; }
body #tab-lobby h2 { font-size:13px !important; letter-spacing:.08em; }
/* Individual game tiles: brand-independent composition, reused existing functional buttons. */
body #launch-dice-game,body #raxbet-arcade-lobby > button {
  position:relative; isolation:isolate; overflow:hidden;
  border-radius:23px !important; min-height:124px;
  transition:transform .18s ease,filter .18s ease, box-shadow .18s ease;
}
body #launch-dice-game { background:linear-gradient(125deg,#32217e,#3f39ba 75%,#5d59d1) !important; border:1px solid #6f63c9 !important; }
body #launch-dice-game::before,
body #raxbet-arcade-lobby > button::before {
  content:''; position:absolute; width:185px; height:185px; border-radius:50%;
  right:-57px; top:-77px; background:radial-gradient(circle,#ffffff42 0,transparent 68%);
  pointer-events:none; z-index:0;
}
body #raxbet-arcade-lobby > button { padding:22px !important; }
body #raxbet-arcade-lobby > button > div { position:relative; z-index:1; }
body #raxbet-arcade-lobby > button h3 { font-size:22px !important; letter-spacing:-.04em; margin:3px 0 7px; }
body #raxbet-arcade-lobby > button p { font-size:12px !important; max-width:270px; line-height:1.45; color:#f3eeff !important; }
body #raxbet-arcade-lobby > button [class~='text-3xl'] { font-size:60px !important; filter:drop-shadow(0 7px 20px #1a0b3588); }
body [data-launch-game='crystal'] { background:linear-gradient(118deg,#5423ab,#9250ea) !important; border:1px solid #a77bfa !important; }
body [data-launch-game='bomb'] { background:linear-gradient(112deg,#91222e,#d2455b) !important; border:1px solid #e26b85 !important; }
body [data-launch-game='rocket'] { background:linear-gradient(115deg,#25329e,#5146e6) !important; border:1px solid #777ef8 !important; }
body #raxbet-arcade-lobby [class*='text-purple-300'],
body #raxbet-arcade-lobby [class*='text-orange-300'],
body #raxbet-arcade-lobby [class*='text-sky-300'] { color:#fff !important; opacity:.83; }
body #tab-lobby > .bg-\[\#14222e\] { border-radius:22px !important; }
/* Sheets and controls */
body #tab-arena > div,body #tab-rocket > div,body #tab-wallet > div,
body #tab-admin > div,body #tab-bonuses > div {
  border-radius:19px;
}
body #rocket-sky { border-color:#7864e6 !important; background:radial-gradient(circle at 50% 100%,#4b3c9f 0,#15142b 40%,#090b1b 90%) !important; }
body #rocket-multiplier { color:#f3eaff !important; text-shadow:0 0 24px #a77dff !important; }
body nav {
  background:rgba(15,13,25,.97) !important;
  border-top:1px solid rgba(177,123,255,.20) !important;
  padding-top:13px !important;
  padding-bottom:calc(10px + env(safe-area-inset-bottom,0px)) !important;
  box-shadow:0 -9px 30px rgba(0,0,0,.25);
}
body nav button { min-width:60px; gap:4px; }
body nav button span { font-weight:700; letter-spacing:.005em; }
@media (hover:hover) {
  body #launch-dice-game:hover,body #raxbet-arcade-lobby > button:hover { transform:translateY(-2px); filter:brightness(1.07); }
}
@media (max-width:370px) {
  body header { padding-left:10px !important; padding-right:10px !important; }
  body #logo-home span:first-child { font-size:15px; }
  body header [data-tab='wallet'] { font-size:10px; padding-inline:8px !important; }
  body #tab-lobby > .grid:first-child { gap:5px !important; }
  body #tab-lobby > .grid:first-child > div { padding:6px !important; }
  body .hero-banner h1 { font-size:21px !important; }
}
@media (prefers-reduced-motion:reduce) {
  body #launch-dice-game,body #raxbet-arcade-lobby > button { transition:none !important; }
}