/* One restrained outline language for controls and all six games. */
.ui-icon {
  display:inline-block;
  width:18px;
  height:18px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  vertical-align:-.2em;
}
.ui-glyph-source {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
.ui-iconified { display:inline-flex!important; align-items:center; gap:7px; }
.topbar .game-link .icon-home .ui-icon { width:19px; height:19px; }
.header-extra .header-tabs button .ui-icon { width:18px; height:18px; }
.topbar .account-trigger .ui-icon,
.topbar .header-topup .ui-icon,
.topbar .theme-toggle .ui-icon { width:17px; height:17px; }
.home-kicker .ui-icon,.info-kicker .ui-icon { width:14px; height:14px; }
.home-benefits .ui-icon { width:22px; height:22px; }
.home-card-copy b .ui-icon,.home-play-button .ui-icon { width:15px; height:15px; }
.info-card-icon .ui-icon,.support-pass-icon .ui-icon { width:27px; height:27px; }
.footer-brand-mark .ui-icon { width:23px; height:23px; }
.footer-community-icon .ui-icon { width:20px; height:20px; }
.footer-heart .ui-icon { width:14px; height:14px; fill:currentColor; }
.chat-toggle .ui-icon,.chat-nav .ui-icon,.chat-promo-icon .ui-icon { width:18px; height:18px; }
.chat-actions .ui-icon,.chat-profile-mark .ui-icon { width:17px; height:17px; }
.chat-info .ui-icon { width:12px; height:12px; }
.chat-empty>.ui-icon { display:block; width:34px; height:34px; margin:0 auto 13px; color:#625C68; }
.chat-empty::before { display:none!important; }
.chat-nav button::after { display:none!important; }
html[data-theme="dark"] .chat-stats-title::before,
html[data-theme="dark"] .chat-stats-grid>div:first-child::after,
html[data-theme="dark"] .chat-announcement::after { display:none!important; }
.legend-crystal .ui-icon,.legend-mine .ui-icon { width:15px; height:15px; }
.overlay-icon .ui-icon { width:30px; height:30px; }
.info-hero-shape .ui-icon { width:100%; height:100%; stroke-width:1.4; }
.towers-skyline .ui-icon { width:16px; height:16px; }
html[data-theme="dark"] .overlay-icon {
  border:1px solid #655461;
  border-radius:12px;
  background:#28212C;
  box-shadow:none;
  color:#ECE7EF;
  transform:none;
}
.profile-page-heading h1.ui-iconified,
.profile-page-history h2.ui-iconified,
.profile-page-balance small.ui-iconified { gap:10px; }
.profile-page-heading h1 .ui-icon { width:30px; height:30px; color:#E44A67; }
.profile-page-history h2 .ui-icon,.profile-page-balance small .ui-icon { width:19px; height:19px; color:#A6949E; }
.board-bottom>span { display:inline-flex; align-items:center; gap:5px; }
.roulette-bet-card button>span:first-child.ui-iconified { gap:8px; }
.roulette-bet-card button>span:first-child .ui-icon { width:18px; height:18px; }
.roulette-bet-card[data-roulette-card="black"] button .ui-icon { color:#B8B4BE; }
.roulette-bet-card[data-roulette-card="gold"] button .ui-icon { color:#D7AF61; }
.roulette-bet-card[data-roulette-card="red"] button .ui-icon { color:#E04462; }
.cases-back .ui-icon,.cases-primary .ui-icon { width:17px; height:17px; }
.cases-lobby-watch .ui-icon,.cases-selected-chip button .ui-icon { width:19px; height:19px; }
html[data-theme="dark"] .coin-icon,
html[data-theme="dark"] .robux-mark {
  outline:0;
  border:1px solid #704052;
  border-radius:6px;
  background:#30202B;
  box-shadow:none;
  color:#F16B84;
  letter-spacing:-.02em;
}
html[data-theme="light"] .coin-icon,
html[data-theme="light"] .robux-mark {
  outline:0;
  border:1px solid #B1A8B3;
  border-radius:6px;
  background:#F6F3F6;
  box-shadow:none;
  color:#A53E57;
  letter-spacing:-.02em;
}

.game-link[data-game="mines"] .game-icon,.menu-game-icon.icon-mines,.home-card-mines>span { background-image:url('/game-icons/strict-mines.svg')!important; }
.game-link[data-game="plinko"] .game-icon,.menu-game-icon.icon-plinko,.home-card-plinko>span { background-image:url('/game-icons/strict-plinko.svg')!important; }
.game-link[data-game="roulette"] .game-icon,.menu-game-icon.icon-roulette,.home-card-roulette>span { background-image:url('/game-icons/strict-roulette.svg')!important; }
.game-link[data-game="crash"] .game-icon,.menu-game-icon.icon-crash,.home-card-crash>span { background-image:url('/game-icons/strict-crash.svg')!important; }
.game-link[data-game="towers"] .game-icon,.menu-game-icon.icon-towers,.home-card-towers>span { background-image:url('/game-icons/strict-towers.svg')!important; }
.game-link[data-game="cases"] .game-icon,.menu-game-icon.icon-cases,.home-card-cases>span { background-image:url('/game-icons/strict-cases.svg')!important; }

html[data-theme="dark"] .home-game-card {
  border-color:#332d37;
  border-radius:13px;
  background:linear-gradient(145deg,#18151D,#121116);
  box-shadow:0 6px 20px #0003;
}
html[data-theme="dark"] .home-game-card:hover {
  border-color:#6B3547;
  background:linear-gradient(145deg,#201820,#151218);
  box-shadow:0 10px 28px #0006;
  transform:translateY(-3px);
}
html[data-theme="dark"] .home-card-art {
  border:1px solid #413641;
  border-radius:12px;
  background:#201A23;
}
html[data-theme="dark"] .home-game-card .home-card-art>span,
html[data-theme="dark"] .home-game-card:hover .home-card-art>span {
  width:62px!important;
  height:62px!important;
  filter:none!important;
  transform:none!important;
}
html[data-theme="dark"] .home-game-card:hover .home-card-art>span { transform:scale(1.05)!important; }
html[data-theme="dark"] .home-hero-art::after { display:none; }
.home-hero-art .home-art-star { display:none!important; }
html[data-theme="dark"] .home-art-block {
  background-color:#251C27!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:74%!important;
  font-size:0!important;
  border-color:#59414C!important;
  box-shadow:0 12px 22px #0005!important;
  opacity:.66;
}
html[data-theme="dark"] .home-art-block.block-purple { background-image:url('/game-icons/strict-plinko.svg')!important; }
html[data-theme="dark"] .home-art-block.block-green { background-image:url('/game-icons/strict-mines.svg')!important; }
html[data-theme="dark"] .home-art-block.block-yellow { background-image:url('/game-icons/strict-crash.svg')!important; }
html[data-theme="dark"] .home-art-block.block-pink { background-image:url('/game-icons/strict-roulette.svg')!important; }
html[data-theme="dark"] .home-art-block.block-teal { background-image:url('/game-icons/strict-towers.svg')!important; }
html[data-theme="dark"] .topbar .game-link[aria-current="page"] { box-shadow:none; }
html[data-theme="dark"] .home-play-button::before { display:none; }
html[data-theme="dark"] .home-play-button,
html[data-theme="dark"] .topbar .account-trigger,
html[data-theme="dark"] .chat-login { box-shadow:none; }
html[data-theme="dark"] .header-extra .header-tabs,
html[data-theme="dark"] .chat-announcement { border-radius:10px; }
html[data-theme="light"] .brand-blox { color:#202530!important; -webkit-text-fill-color:#202530!important; }
html[data-theme="light"] .topbar .game-link { color:#4F4754; }
html[data-theme="light"] .topbar .game-link .game-icon { opacity:.8; }
html[data-theme="light"] .home-game-card {
  overflow:hidden;
  border:1px solid #D6D3D9;
  border-radius:13px;
  background:#FCFBFC;
  box-shadow:0 5px 16px #25202E12;
}
html[data-theme="light"] .home-game-card:hover { border-color:#A78996; box-shadow:0 9px 24px #25202E20; transform:translateY(-3px); }
html[data-theme="light"] .home-card-art {
  background:#EEECEF!important;
  border-bottom:1px solid #D6D3D9;
}
html[data-theme="light"] .home-card-art::before,
html[data-theme="light"] .home-card-art::after,
html[data-theme="light"] .home-card-art i { display:none!important; }
html[data-theme="light"] .home-game-card .home-card-art>span,
html[data-theme="light"] .home-game-card:hover .home-card-art>span {
  width:68px!important;
  height:68px!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
html[data-theme="light"] .home-game-card:hover .home-card-art>span { transform:scale(1.05)!important; }
@media (max-width:580px) {
  html[data-theme="dark"] .home-game-card .home-card-art>span,
  html[data-theme="dark"] .home-game-card:hover .home-card-art>span { width:55px!important; height:55px!important; }
}

/* October design pass: tighter rhythm and consistent arcade surfaces. */
html[data-theme="dark"] .home-hero {
  min-height:410px;
  margin-bottom:32px;
  padding:42px 46px;
  border-radius:18px;
}
html[data-theme="dark"] .home-hero::after { display:none; }
html[data-theme="dark"] .home-hero h1 {
  max-width:660px;
  margin-top:19px;
  font-size:clamp(39px,4.4vw,63px);
  line-height:1.09;
}
html[data-theme="dark"] .home-hero-copy>p {
  max-width:560px;
  margin-top:21px;
  font-size:14px;
  line-height:1.65;
}
html[data-theme="dark"] .home-hero-actions { margin-top:26px; }
html[data-theme="dark"] .home-play-button,
html[data-theme="dark"] .home-browse-button {
  min-height:46px;
  padding:10px 19px;
  border-radius:8px;
}
html[data-theme="dark"] .home-game-grid { gap:14px; }
html[data-theme="dark"] .home-game-card {
  min-height:268px;
  padding:23px;
}
html[data-theme="dark"] .home-game-card::before { top:23px;right:22px;font-size:29px; }
html[data-theme="dark"] .home-game-card::after { top:57px;right:22px;font-size:8px; }
html[data-theme="dark"] .home-card-art { width:68px;height:68px; }
html[data-theme="dark"] .home-card-copy { padding-top:17px; }
html[data-theme="dark"] .home-card-copy strong { font-size:22px; }
html[data-theme="dark"] .home-card-copy small { margin-top:8px;font-size:12px;line-height:1.55; }
html[data-theme="dark"] .home-card-copy b { padding:9px 12px;border-radius:8px; }
html[data-theme="dark"] .home-benefits { gap:14px;margin:30px 0; }
html[data-theme="dark"] .home-benefits>div {
  min-height:185px;
  padding:22px 18px;
  border-radius:14px;
}
html[data-theme="dark"] .home-benefits>div>span {
  width:54px;
  height:54px;
  margin-bottom:15px;
  border-radius:11px;
}
html[data-theme="dark"] .home-benefits strong { font-size:15px; }
html[data-theme="dark"] .home-benefits p { margin-top:9px; }
html[data-theme="dark"] .controls-panel,
html[data-theme="dark"] .board-panel,
html[data-theme="dark"] .arcade-controls,
html[data-theme="dark"] .arcade-stage { border-radius:14px; }

@media (max-width:850px) {
  html[data-theme="dark"] .topbar .account-trigger {
    width:auto;
    max-width:none;
    min-height:38px;
    white-space:nowrap;
    line-height:1.2;
  }
  html[data-theme="dark"] .topbar .game-menu {
    min-width:0;
    gap:3px;
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
  }
  html[data-theme="dark"] .topbar .game-menu::-webkit-scrollbar { display:none; }
  html[data-theme="dark"] .topbar .game-link { flex:0 0 auto; }
}
@media (max-width:580px) {
  html[data-theme="dark"] .home-hero {
    min-height:390px;
    padding:30px 25px;
    border-radius:15px;
  }
  html[data-theme="dark"] .home-hero h1 { font-size:clamp(34px,8vw,43px); }
  html[data-theme="dark"] .home-game-card { min-height:245px; }
  html[data-theme="dark"] .home-benefits>div { min-height:165px; }
}

/* The light palette keeps the same BloxFlare red accents and compact spacing. */
html[data-theme="light"] .brand-mark { border-color:#9B4058;background:#812440;box-shadow:none; }
html[data-theme="light"] .brand-mark::after { background:#F6F0F2; }
html[data-theme="light"] .topbar .game-link[aria-current="page"] {
  border-color:#E4B9C7;
  background:#F7E9EE;
  color:#8D2E49;
  box-shadow:none;
}
html[data-theme="light"] .topbar .game-link[aria-current="page"] .game-icon { color:#8D2E49; }
html[data-theme="light"] .topbar .wallet-balance-button { border-color:#502B3B;background:#542D3E;color:#FFF; }
html[data-theme="light"] .topbar .header-topup { border-color:#CBA8B3;background:#F5E8EC;color:#822A44; }
html[data-theme="light"] .topbar .account-trigger { white-space:nowrap; }
html[data-theme="light"] .home-hero {
  min-height:410px;
  margin-bottom:32px;
  padding:42px 46px;
  border-color:#57313F;
  border-radius:18px;
  background:
    radial-gradient(circle at 83% 28%,#A3436140,transparent 35%),
    linear-gradient(#FFFFFF0A 1px,transparent 1px),
    linear-gradient(90deg,#FFFFFF0A 1px,transparent 1px),
    linear-gradient(120deg,#2A1A26,#422333);
  background-size:auto,40px 40px,40px 40px,auto;
  box-shadow:0 16px 36px #3B1A2A2A;
}
html[data-theme="light"] .home-hero h1 { color:#FFF8FA;letter-spacing:-.065em; }
html[data-theme="light"] .home-hero h1 span { color:#FF6482; }
html[data-theme="light"] .home-hero-copy>p { color:#E5C9D2; }
html[data-theme="light"] .home-hero-stats { color:#D9B5C1; }
html[data-theme="light"] .home-hero-stats span { border-right-color:#815164; }
html[data-theme="light"] .home-hero-art::before {
  border-color:#99576D;
  background:linear-gradient(#FFFFFF10 1px,transparent 1px),linear-gradient(90deg,#FFFFFF10 1px,transparent 1px),#66364B;
  background-size:26px 26px;
}
html[data-theme="light"] .home-hero-art::after { color:#FFE5EC; }
html[data-theme="light"] .home-kicker { border-color:#9B6276;color:#F6DFE6; }
html[data-theme="light"] .home-play-button { border-color:#E13A5C;background:#D8274D;color:#FFF; }
html[data-theme="light"] .home-browse-button { border-color:#96667A;color:#FFF; }
html[data-theme="light"] .home-hero-actions { gap:8px; }
html[data-theme="light"] .home-game-grid { gap:14px; }
html[data-theme="light"] .home-game-card { min-height:250px; }
html[data-theme="light"] .home-card-art { height:105px;background:#F2E9ED!important; }
html[data-theme="light"] .home-card-copy { padding:16px; }
html[data-theme="light"] .home-card-copy strong { color:#35212C; }
html[data-theme="light"] .home-card-copy small { color:#7F6873; }
html[data-theme="light"] .home-benefits { gap:14px;margin:30px 0; }
html[data-theme="light"] .home-benefits>div {
  min-height:185px;
  padding:22px 18px;
  border-color:#DDD3D9;
  border-radius:14px;
  background:#FCFAFB;
}
html[data-theme="light"] .home-benefits>div>span {
  width:54px;height:54px;margin-bottom:15px;
  border-color:#E6CFD8;border-radius:11px;background:#F7ECF0;color:#BD3655;
}
html[data-theme="light"] .home-benefits strong { color:#39252F;font-size:15px; }
html[data-theme="light"] .home-benefits p { margin-top:9px;color:#746570; }
@media (min-width:581px) and (max-width:850px) {
  html[data-theme="light"] .home-play-button,
  html[data-theme="light"] .home-browse-button {
    min-height:44px;
    padding:9px 11px;
    font-size:11px;
    white-space:nowrap;
  }
}
@media (max-width:580px) {
  html[data-theme="light"] .home-hero { min-height:390px;padding:30px 25px;border-radius:15px; }
  html[data-theme="light"] .home-benefits>div { min-height:165px; }
}