:root{
  --bg:#ececf1;
  --panel:#fff;
  --surface:#fff;
  --surface-soft:#f6f8fc;
  --surface-muted:#eceef3;
  --border:#e4e9f2;
  --muted:#858b9a;
  --text:#0d1220;
  --blue:#0e80ff;
  --header-bg:rgba(255,255,255,.75);
  --header-border:rgba(232,234,240,.6);
  --field-bg:#fff;
  --field-border:#ddd;
  --nav-fade:linear-gradient(180deg,rgba(236,236,241,0),var(--bg) 40%);
  --motion-fast:160ms;
  --motion-base:240ms;
  --motion-slow:360ms;
  --motion-slower:520ms;
  --ease-standard:cubic-bezier(.2,.72,.2,1);
  --ease-emphasis:cubic-bezier(.22,1,.36,1);
  --page-enter-distance:18px;
}
html[data-theme='dark']{
  --bg:#0f1522;
  --panel:#151d2d;
  --surface:#151d2d;
  --surface-soft:#1b2537;
  --surface-muted:#202c41;
  --border:#2d3a54;
  --muted:#9ca9bf;
  --text:#e8eefb;
  --blue:#4a97ff;
  --header-bg:rgba(21,29,45,.85);
  --header-border:rgba(74,90,122,.48);
  --field-bg:#141d2e;
  --field-border:#2d3a54;
  --nav-fade:linear-gradient(180deg,rgba(15,21,34,0),var(--bg) 40%);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);touch-action:manipulation;overflow-y:auto;overflow-x:hidden;transition:background-color var(--motion-slow) var(--ease-standard),color var(--motion-slow) var(--ease-standard)}
.app{max-width:980px;margin:0 auto;padding:10px 12px 98px;width:100%;transition:padding var(--motion-base) var(--ease-standard)}
.app-header {
  margin: -10px -12px 18px;
  padding: 14px 16px 20px;
  background: var(--header-bg);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--header-border);
  position: sticky;
  top: 0;
  z-index: 1000;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  transition:background-color var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-fast) var(--ease-standard);
}

:where(a,button,.btn,input,textarea,select){-webkit-tap-highlight-color:transparent}
:where(button,.btn,.mainBtn,.start-game-btn,.buttonProject,.buttonAutoMiner,.navItem,.modeTab,.playModeTab,.icon-btn,.lobbyQuickBtn,.paymentsAmountAdjust,.bonusActionBtn,.errorBtn,.telegramRequiredBtn,.topNoticeClose){
  transition:
    transform var(--motion-fast) var(--ease-standard),
    opacity var(--motion-fast) var(--ease-standard),
    box-shadow var(--motion-base) var(--ease-standard),
    background-color var(--motion-base) var(--ease-standard),
    border-color var(--motion-base) var(--ease-standard),
    color var(--motion-base) var(--ease-standard),
    filter var(--motion-base) var(--ease-standard);
}
:where(.wallet-card,.card,.modeGlassCard,.betCard,.crashTopPanel,.crashBetCard,.minesBoardWrap,.minesMultiplierWrap,.minesControls,.jackpotStrip,.paymentsPreviewCard,.topNotice,.winnerCard,.errorCard,.systemBlockCard,.telegramRequiredCard,.playModePane,.crashModeRoot){
  transition:
    transform var(--motion-base) var(--ease-standard),
    box-shadow var(--motion-slow) var(--ease-standard),
    border-color var(--motion-base) var(--ease-standard),
    background-color var(--motion-slow) var(--ease-standard),
    opacity var(--motion-base) var(--ease-standard),
    filter var(--motion-base) var(--ease-standard);
  will-change:transform,opacity,filter;
}
:where(input,textarea,select){
  transition:
    border-color var(--motion-fast) var(--ease-standard),
    box-shadow var(--motion-base) var(--ease-standard),
    background-color var(--motion-base) var(--ease-standard),
    color var(--motion-base) var(--ease-standard),
    transform var(--motion-fast) var(--ease-standard);
}
:where(input,textarea,select):focus-visible{transform:translateY(-1px)}

.header-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}

.header-user {
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-brandLogo{
  font-size:clamp(22px,5.8vw,30px);
  font-weight:900;
  line-height:1;
  letter-spacing:.8px;
  color:#ff1f1f;
  text-transform:uppercase;
  text-shadow:
    0 0 6px rgba(255,36,36,.9),
    0 0 14px rgba(255,36,36,.72),
    0 0 26px rgba(255,36,36,.42);
  filter:drop-shadow(0 5px 12px rgba(255,26,26,.35));
  position:relative;
  animation:brandLogoGlow 2.2s ease-in-out infinite;
}

.header-brandLogo::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:-5px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,80,80,0),rgba(255,80,80,.9),rgba(255,80,80,0));
  opacity:.9;
}

.header-user .avatar-wrap,
.header-user .user-details{
  display:none;
}

.avatar-wrap {
  position: relative;
  width: 40px;
  height: 40px;
}

.avatar-wrap .avatar {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  font-size: 18px;
  box-shadow: 0 4px 10px rgba(130, 168, 255, 0.3);
}

.avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #eee;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
}

.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.listItem .avatar {
  width: 44px;
  height: 44px;
  border-radius: 12px;
}

.status-indicator {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 12px;
  height: 12px;
  background: #00c853;
  border: 2px solid #fff;
  border-radius: 50%;
}

.user-details {
  display: flex;
  flex-direction: column;
}

.user-name {
  font-weight: 800;
  font-size: 16px;
  color: var(--text);
  line-height: 1.1;
}

.user-rank {
  font-size: 11px;
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.header-actions{display:flex;align-items:center;gap:8px}
.headerNameGroup{display:flex;align-items:center;gap:8px;min-width:0;max-width:min(58vw,280px)}
.headerNickRight{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:8px 10px;
  border-radius:10px;
  border:1px solid var(--border);
  background:var(--surface);
  color:var(--text);
  font-size:13px;
  font-weight:800;
  line-height:1;
}
.nameEditBtn{flex:0 0 auto}
.nameEditBtn svg{width:18px;height:18px}
.nameEditBtn:disabled{opacity:.6;cursor:default}
.header-actions .icon-btn {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--muted);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.header-actions .icon-btn svg {
  width: 20px;
  height: 20px;
}
.theme-toggle-btn{position:relative}
.theme-toggle-btn .themeIcon{position:absolute;inset:0;margin:auto;transition:opacity .2s ease,transform .2s ease}
.theme-toggle-btn .themeIconSun{opacity:1;transform:scale(1)}
.theme-toggle-btn .themeIconMoon{opacity:0;transform:scale(.6)}
html[data-theme='dark'] .theme-toggle-btn .themeIconSun{opacity:0;transform:scale(.6)}
html[data-theme='dark'] .theme-toggle-btn .themeIconMoon{opacity:1;transform:scale(1)}

@media (max-width:640px){
  .headerNameGroup{max-width:min(52vw,190px)}
  .headerNickRight{padding:7px 8px;font-size:12px}
}

@keyframes brandLogoGlow{
  0%,100%{
    text-shadow:
      0 0 6px rgba(255,36,36,.9),
      0 0 14px rgba(255,36,36,.72),
      0 0 26px rgba(255,36,36,.42);
    filter:drop-shadow(0 5px 12px rgba(255,26,26,.35));
  }
  50%{
    text-shadow:
      0 0 9px rgba(255,48,48,1),
      0 0 22px rgba(255,48,48,.82),
      0 0 40px rgba(255,48,48,.56);
    filter:drop-shadow(0 6px 16px rgba(255,32,32,.52));
  }
}

.wallet-card {
  background: var(--surface);
  border-radius: 20px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
  border: 1px solid var(--border);
}

.wallet-info {
  display: flex;
  flex-direction: column;
}

.wallet-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
}

.wallet-card .walletBalance {
  font-size: 32px;
  font-weight: 900;
  text-align: left;
  letter-spacing: -0.5px;
}

.wallet-card .walletBalance span {
  font-size: 14px;
}

.wallet-controls {
  display: flex;
  gap: 8px;
}

.ctrl-btn {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: none;
  font-size: 24px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.ctrl-btn.deposit {
  background: var(--blue);
  color: #fff;
  box-shadow: 0 4px 12px rgba(14, 128, 255, 0.25);
}

.ctrl-btn.withdraw {
  background: #f1f3f8;
  color: #2a2f3a;
}

.ctrl-btn:active {
  transform: scale(0.95);
}

.page{display:none;transform-origin:50% 0}
.page.active{display:block}
.motion-entering{
  animation:uiSectionEnter var(--motion-enter-duration,var(--motion-slower)) var(--ease-emphasis);
}
@keyframes uiSectionEnter{
  from{
    opacity:0;
    transform:translate3d(0,var(--page-enter-distance),0) scale(.985);
    filter:blur(10px);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
    filter:blur(0);
  }
}
.banner{background:linear-gradient(100deg,#fcd300,#ffa31f);border-radius:24px;padding:20px;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 18px rgba(255,171,32,.35)}
.banner h3{margin:0;font-size:23px;letter-spacing:1px}
.banner p{margin:8px 0 0;font-weight:700;font-size:14px;opacity:.95}
.bannerIcon{background:rgba(255,255,255,.25);width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:34px}
.sectionTitle{font-size:30px;font-weight:600;margin:10px 0 6px}
.modeTabs{display:flex;gap:8px;margin:10px 0 8px}
.modeTab{border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:8px 14px;border-radius:12px;font-weight:700;cursor:pointer}
.modeTab.active{background:#0e63ff;color:#fff;border-color:#0e63ff}
.botGamesPromoCard{position:relative;overflow:hidden;isolation:isolate;margin:2px 0 12px;padding:14px 14px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(130deg,#0f7dff 0%,#2d9eff 45%,#45c6ff 100%);color:#fff;border:1px solid rgba(255,255,255,.52);box-shadow:0 10px 20px rgba(16,131,255,.28);cursor:pointer;transition:transform .24s cubic-bezier(.2,.72,.2,1),box-shadow .24s cubic-bezier(.2,.72,.2,1)}
.botGamesPromoCard::before{content:'';position:absolute;right:-42px;top:-66px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(188,235,255,.66) 0%,rgba(188,235,255,.22) 38%,rgba(188,235,255,0) 74%);z-index:0;animation:promoOrbDrift 7.2s ease-in-out infinite}
.botGamesPromoCard::after{content:'';position:absolute;left:-22%;top:-130%;width:42%;height:320%;transform:rotate(20deg);background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.42) 50%,rgba(255,255,255,0) 100%);opacity:.32;z-index:0;animation:promoSheenSlide 7.8s linear infinite}
.botGamesPromoCard:hover,.botGamesPromoCard:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px rgba(9,85,191,.34)}
.botGamesPromoCard:active{transform:translateY(1px) scale(.995)}
.botGamesPromoCard:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.88),0 14px 30px rgba(9,85,191,.34)}
.botGamesPromoInfo,.botGamesPromoAction{position:relative;z-index:2}
.botGamesPromoInfo{min-width:0;max-width:calc(100% - 58px)}
.botGamesPromoBadge{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;background:rgba(8,25,53,.26);border:1px solid rgba(255,255,255,.44);font-size:11px;font-weight:800;letter-spacing:.6px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.botGamesPromoTitle{margin-top:6px;font-size:22px;line-height:1.08;font-weight:900;letter-spacing:.2px}
.botGamesPromoSubtitle{margin-top:3px;font-size:14px;line-height:1.2;font-weight:700;color:rgba(255,255,255,.9)}
.botGamesPromoAction{width:46px;height:46px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .25s cubic-bezier(.2,.72,.2,1),background .25s ease,border-color .25s ease}
.botGamesPromoAction svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s cubic-bezier(.2,.72,.2,1);animation:promoActionPulse 2.8s ease-in-out infinite}
.botGamesPromoCard:hover .botGamesPromoAction,.botGamesPromoCard:focus-visible .botGamesPromoAction{transform:translateX(2px) scale(1.06);background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.62)}
.botGamesPromoCard:hover .botGamesPromoAction svg,.botGamesPromoCard:focus-visible .botGamesPromoAction svg{transform:translateX(1px)}
.botGamesPromoBgSvg{position:absolute;right:-8px;bottom:-12px;width:176px;height:122px;pointer-events:none;z-index:1;opacity:.42;filter:drop-shadow(0 6px 12px rgba(0,0,0,.14));transform-origin:70% 72%;animation:promoSvgFloat 5.4s ease-in-out infinite}
.botGamesPromoBgSvg .promoStroke{stroke-dasharray:10 9;animation:promoStrokeShift 10s linear infinite}
.botGamesPromoBgSvg .promoDot{animation:promoDotPulse 2.2s ease-in-out infinite}
.botGamesPromoBgSvgMain .promoMainHalo{transform-origin:center;animation:promoMainHaloPulse 3.6s ease-in-out infinite}
.botGamesPromoBgSvgMain .promoMainPad{animation:promoMainPadDrift 5.8s ease-in-out infinite}
.botGamesPromoBgSvgMain .promoMainBtns{animation:promoMainBtnsBlink 2.5s ease-in-out infinite}
.botGamesPromoBgSvgPayouts .promoPigGlow{transform-origin:center;animation:promoPigGlowPulse 3.2s ease-in-out infinite}
.botGamesPromoBgSvgPayouts .promoPigBody{transform-box:fill-box;transform-origin:center;animation:promoPigBounce 3.1s ease-in-out infinite}
.botGamesPromoBgSvgPayouts .promoPigEar{transform-box:fill-box;transform-origin:center;animation:promoPigEarWiggle 2.2s ease-in-out infinite}
.botGamesPromoBgSvgPayouts .promoPigTail{transform-box:fill-box;transform-origin:left center;animation:promoPigTailWag 1.4s ease-in-out infinite}
.botGamesPromoBgSvgPayouts .promoPigCoin{transform-origin:center;animation:promoPigCoinDrop 2.6s ease-in-out infinite}
.botGamesPromoBgSvgPayouts .promoPigCoinMark{animation:promoPigCoinFlash 2.6s ease-in-out infinite}
.botGamesPromoBgSvgBets .promoBetBar1,
.botGamesPromoBgSvgBets .promoBetBar2,
.botGamesPromoBgSvgBets .promoBetBar3{transform-box:fill-box;transform-origin:50% 100%;animation:promoBetBars 1.9s ease-in-out infinite}
.botGamesPromoBgSvgBets .promoBetBar2{animation-delay:.2s}
.botGamesPromoBgSvgBets .promoBetBar3{animation-delay:.35s}
.botGamesPromoBgSvgBets .promoBetTrend{animation:promoBetTrendFlow 2.7s ease-in-out infinite}
.botGamesPromoBgSvgBets .promoBetArrow{animation:promoBetArrowNudge 1.8s ease-in-out infinite}
.miniPromoGrid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0 0 12px}
.miniPromoGrid.miniPromoGrid--admin{grid-template-columns:repeat(2,minmax(0,1fr))}
#adminPayoutsPromoCard[hidden]{display:none !important}
.botGamesPromoMiniCard{margin:0;padding:12px;border-radius:16px;align-items:flex-start;gap:8px;min-height:108px}
.botGamesPromoMiniCard .botGamesPromoBadge{height:20px;padding:0 8px;font-size:10px;letter-spacing:.5px}
.botGamesPromoMiniCard .botGamesPromoTitle{margin-top:6px;font-size:17px;line-height:1.1}
.botGamesPromoMiniCard .botGamesPromoSubtitle{margin-top:4px;font-size:12px}
.botGamesPromoMiniCard .botGamesPromoAction{width:36px;height:36px;border-radius:11px}
.botGamesPromoMiniCard .botGamesPromoBgSvg{width:124px;height:90px;right:-10px;bottom:-10px;opacity:.5}
.botGamesPromoMainCard .botGamesPromoBgSvg{width:196px;height:132px;right:-4px;bottom:-14px;opacity:.38;animation:promoSvgSpin 11s linear infinite alternate}
.botGamesPromoPayoutsCard{background:linear-gradient(130deg,#10a66e 0%,#19bf7c 45%,#36d18a 100%);box-shadow:0 10px 20px rgba(18,170,114,.28)}
.botGamesPromoPayoutsCard::before{background:radial-gradient(circle,rgba(185,255,223,.65) 0%,rgba(185,255,223,.24) 40%,rgba(185,255,223,0) 74%)}
.botGamesPromoPayoutsCard .botGamesPromoBgSvg{animation:promoSvgBob 4.8s ease-in-out infinite}
.botGamesPromoBetsCard{background:linear-gradient(130deg,#ff8f31 0%,#ffad35 45%,#ffd23c 100%);box-shadow:0 10px 20px rgba(255,152,45,.28)}
.botGamesPromoBetsCard::before{background:radial-gradient(circle,rgba(255,243,191,.72) 0%,rgba(255,243,191,.26) 38%,rgba(255,243,191,0) 76%)}
.botGamesPromoBetsCard .botGamesPromoBgSvg{animation:promoSvgTilt 6.4s ease-in-out infinite}
@keyframes promoOrbDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-10px,8px,0) scale(1.06)}}
@keyframes promoSheenSlide{0%{transform:translate3d(-40%,0,0) rotate(20deg)}100%{transform:translate3d(310%,0,0) rotate(20deg)}}
@keyframes promoSvgFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-4px) rotate(1.5deg)}}
@keyframes promoSvgBob{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(-2deg)}}
@keyframes promoSvgTilt{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(3deg)}}
@keyframes promoSvgSpin{0%{transform:translateY(0) rotate(-2deg)}100%{transform:translateY(-3px) rotate(2deg)}}
@keyframes promoStrokeShift{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-180}}
@keyframes promoDotPulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.14);opacity:1}}
@keyframes promoActionPulse{0%,100%{transform:translateX(0)}50%{transform:translateX(2px)}}
@keyframes promoMainHaloPulse{0%,100%{opacity:.42;transform:scale(1)}50%{opacity:.9;transform:scale(1.09)}}
@keyframes promoMainPadDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes promoMainBtnsBlink{0%,100%{opacity:.72}50%{opacity:1}}
@keyframes promoPigGlowPulse{0%,100%{opacity:.42;transform:scale(1)}50%{opacity:.88;transform:scale(1.12)}}
@keyframes promoPigBounce{0%,100%{transform:translateY(0)}35%{transform:translateY(-2px)}70%{transform:translateY(1px)}}
@keyframes promoPigEarWiggle{0%,100%{transform:rotate(0deg)}50%{transform:rotate(-8deg)}}
@keyframes promoPigTailWag{0%,100%{transform:rotate(0deg)}50%{transform:rotate(14deg)}}
@keyframes promoPigCoinDrop{0%{transform:translateY(-9px);opacity:0}25%,70%{transform:translateY(0);opacity:1}100%{transform:translateY(-2px);opacity:.9}}
@keyframes promoPigCoinFlash{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes promoBetBars{0%,100%{transform:scaleY(.8)}50%{transform:scaleY(1.1)}}
@keyframes promoBetTrendFlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes promoBetArrowNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
.modeMaintenance{margin-top:8px;padding:10px 12px;border-radius:12px;background:#fff2f2;color:#b42318;font-weight:700}
.crashCard{display:flex;flex-direction:column;gap:10px}
.crashTopPanel{background:#fff;border-radius:20px;padding:14px 14px 12px;color:#1f2937;box-shadow:0 8px 22px rgba(15,23,42,.08);border:1px solid #e7edf6}
.crashMetaRow{display:flex;justify-content:flex-start;align-items:center;gap:10px}
.crashPhase{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.2px;white-space:nowrap}
.crashPhase.waiting{background:#eaf0ff;color:#2b4f85}
.crashPhase.flying{background:#e7f9ee;color:#1f7a48}
.crashPhase.crashed{background:#ffecef;color:#a7394d}
.crashMultiplierValue{margin-top:8px;font-size:54px;line-height:1;font-weight:900;letter-spacing:-1px}
.crashMultiplierValue.waiting{color:#31415d}
.crashMultiplierValue.flying{color:#1e9b5b;text-shadow:0 0 12px rgba(30,155,91,.18)}
.crashMultiplierValue.crashed{color:#c43d55}
.crashStatusText{margin-top:4px;font-size:14px;color:#55637d;font-weight:700}
.crashFlightScene{position:relative;margin-top:10px;height:154px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#101827 0%,#1a2639 58%,#0f1825 100%);border:1px solid rgba(255,255,255,.08)}
.crashSkyGlow{position:absolute;left:-40px;top:-46px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(84,166,255,.55) 0%,rgba(84,166,255,.04) 72%,rgba(84,166,255,0) 100%)}
.crashCloudLayer{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.crashCloud{position:absolute;height:18px;border-radius:999px;background:rgba(201,222,255,.35)}
.crashCloud::before,.crashCloud::after{content:'';position:absolute;background:inherit;border-radius:999px}
.crashCloudA{left:-24%;top:19px;width:74px;animation:crashCloudTraverseA 34s linear infinite;animation-delay:-5s}
.crashCloudA::before{width:20px;height:14px;left:10px;top:-7px}
.crashCloudA::after{width:24px;height:16px;left:38px;top:-9px}
.crashCloudB{left:-36%;top:34px;width:58px;opacity:.74;animation:crashCloudTraverseB 44s linear infinite;animation-delay:-11s}
.crashCloudB::before{width:18px;height:13px;left:9px;top:-6px}
.crashCloudB::after{width:22px;height:15px;left:29px;top:-8px}
.crashCloudC{left:-31%;top:12px;width:67px;opacity:.82;animation:crashCloudTraverseC 40s linear infinite;animation-delay:-17s}
.crashCloudC::before{width:21px;height:14px;left:8px;top:-7px}
.crashCloudC::after{width:24px;height:15px;left:35px;top:-8px}
.crashCloudD{left:-48%;top:28px;width:78px;opacity:.86;animation:crashCloudTraverseD 52s linear infinite;animation-delay:-22s}
.crashCloudD::before{width:24px;height:15px;left:12px;top:-8px}
.crashCloudD::after{width:28px;height:17px;left:40px;top:-9px}
.crashMountainBack{position:absolute;left:-18%;bottom:22px;width:190%;height:66px;background:linear-gradient(180deg,#395777 0%,#263d59 66%,#1b2f47 100%);clip-path:polygon(0% 100%,9% 74%,18% 82%,27% 66%,36% 79%,45% 60%,54% 74%,63% 58%,72% 77%,81% 62%,90% 80%,100% 66%,100% 100%);opacity:.66;transform:translate3d(0,0,0);will-change:transform}
.crashMapLayer{position:absolute;left:0;bottom:12px;width:360%;height:122px;transform:translate3d(0,0,0);will-change:transform}
.crashMapSvg{display:block;width:100%;height:100%}
.crashTerrainFill{fill:url(#crashTerrainGradient)}
.crashTerrainShade{fill:url(#crashTerrainShadeGradient)}
.crashRidgeLine{fill:none;stroke:rgba(188,228,255,.52);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.crashSnowCaps{fill:url(#crashSnowGradient);opacity:.72}
.crashTrackPath{fill:none;stroke:#74cbff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;opacity:.34}
.crashGroundLine{position:absolute;left:0;bottom:12px;width:360%;height:2px;background:linear-gradient(90deg,rgba(71,184,255,.08) 0%,rgba(71,184,255,.5) 20%,rgba(71,184,255,.12) 45%,rgba(71,184,255,.52) 68%,rgba(71,184,255,.08) 100%);transform:translate3d(0,0,0);will-change:transform}
.crashClimber{position:absolute;top:0;left:0;width:28px;height:42px;transform:translate3d(34px,104px,0) rotate(-4deg);will-change:transform;transition:transform .12s linear,filter .2s ease;filter:drop-shadow(0 4px 7px rgba(0,0,0,.35));z-index:4}
.crashClimber i{position:absolute;display:block;box-sizing:border-box}
.climberHead{width:10px;height:10px;border-radius:50%;background:linear-gradient(180deg,#ffdcb9 0%,#efbe93 100%);top:2px;left:10px;z-index:4;border:1px solid rgba(94,56,33,.25)}
.climberHead::before,.climberHead::after{content:'';position:absolute;top:3px;width:2px;height:2px;border-radius:50%;background:#202530}
.climberHead::before{left:2px}
.climberHead::after{right:2px}
.climberBody{width:11px;height:16px;border-radius:4px;background:linear-gradient(180deg,#ff834f 0%,#d54b2d 100%);top:12px;left:10px;z-index:3}
.climberPack{width:10px;height:14px;border-radius:4px;background:linear-gradient(180deg,#3f5a87 0%,#273e63 100%);top:12px;left:4px;z-index:2}
.climberArm{width:3px;height:13px;border-radius:999px;background:#ffcfac;top:14px;transform-origin:top center}
.climberArmFront{left:20px;z-index:5}
.climberArmBack{left:8px;opacity:.88;z-index:1}
.climberLeg{width:4px;height:15px;border-radius:3px;background:linear-gradient(180deg,#1f2a39 0%,#121821 100%);top:26px;transform-origin:top center}
.climberLegFront{left:17px;z-index:4}
.climberLegBack{left:10px;z-index:2}
.climberStick{width:3px;height:20px;border-radius:2px;background:linear-gradient(180deg,#d8dde6 0%,#8e9aaa 100%);top:15px;left:24px;transform-origin:top center;z-index:1}
.crashClimberShadow{position:absolute;top:0;left:0;width:26px;height:7px;border-radius:999px;background:rgba(8,10,14,.42);filter:blur(.8px);transform:translate3d(38px,132px,0);transition:transform .12s linear,opacity .12s linear;z-index:3}
.crashFlightScene.waiting .crashClimber{filter:drop-shadow(0 4px 7px rgba(0,0,0,.35)) saturate(.96)}
.crashFlightScene.flying .crashMapLayer{filter:saturate(1.12) brightness(1.08)}
.crashFlightScene.flying .crashClimber{animation:crashClimbBounce .52s ease-in-out infinite}
.crashFlightScene.flying .climberLegFront{animation:crashLegFront .42s ease-in-out infinite}
.crashFlightScene.flying .climberLegBack{animation:crashLegBack .42s ease-in-out infinite}
.crashFlightScene.flying .climberArmFront{animation:crashArmFront .42s ease-in-out infinite}
.crashFlightScene.flying .climberArmBack{animation:crashArmBack .42s ease-in-out infinite}
.crashFlightScene.flying .climberStick{animation:crashStickTap .42s ease-in-out infinite}
.crashFlightScene.crashed{animation:crashSceneShake .34s ease}
.crashFlightScene.crashed .crashClimber{animation:none}
.crashFlightScene.crashed .climberLeg,
.crashFlightScene.crashed .climberArm,
.crashFlightScene.crashed .climberStick,
.crashFlightScene.falling .climberLeg,
.crashFlightScene.falling .climberArm,
.crashFlightScene.falling .climberStick{animation:none}
.crashFlightScene.falling .crashClimber{filter:drop-shadow(0 7px 10px rgba(0,0,0,.4)) saturate(1.08)}
.crashFlightScene.falling .crashSkyGlow{animation:crashFallFlash .5s ease}
.crashFlightScene.flying .crashTrackPath{opacity:.5}
.crashCountdownTrack{margin-top:8px;height:6px;border-radius:999px;background:#e7edf6;overflow:hidden}
.crashCountdownTrack i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2fa8ff,#17d4ff);transition:width .2s linear}
.crashRoundMeta{margin-top:10px;display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#55637d;font-weight:700}
.crashHistoryList{margin-top:10px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.crashHistoryList::-webkit-scrollbar{display:none}
.crashHistoryItem{flex:0 0 auto;padding:6px 10px;border-radius:10px;background:#edf2f8;font-size:12px;font-weight:700;color:#51617a}
.crashHistoryItem.high{background:#e6f8ec;color:#1f7a48}
.crashHistoryItem.low{background:#ffecef;color:#b63b50}
.crashBetCard{margin-top:0}
.crashAutoCashoutBox{margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft, #f6f8fc);display:flex;flex-direction:column;gap:10px}
.crashAutoCashoutToggle{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;color:#243249;cursor:pointer}
.crashAutoCashoutToggle input{width:18px;height:18px;margin:0;accent-color:#1392ff;flex:0 0 auto}
.crashAutoCashoutTarget{display:flex;align-items:center;justify-content:space-between;gap:10px}
.crashAutoCashoutLabel{font-size:13px;font-weight:700;color:#60708a}
.crashAutoCashoutInput{display:flex;align-items:center;gap:8px;min-width:0}
.crashAutoCashoutInput input{width:104px;margin-top:0;padding:10px 12px;font-size:18px;font-weight:800;text-align:right}
.crashAutoCashoutInput span{font-size:16px;font-weight:900;color:#243249}
.crashAutoCashoutInput input:disabled{opacity:.6;cursor:not-allowed}
.crashAutoCashoutStatus{margin:0;color:#60708a;font-size:12px;font-weight:700}
.crashHint{margin-top:8px;color:#768097;font-size:12px;font-weight:700}
.crashSegment{margin-top:12px}
@keyframes crashClimbBounce{0%,100%{translate:0 0}50%{translate:0 -1.6px}}
@keyframes crashCloudTraverseA{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(190vw,-2px,0)}}
@keyframes crashCloudTraverseB{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(205vw,-1px,0)}}
@keyframes crashCloudTraverseC{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(198vw,-3px,0)}}
@keyframes crashCloudTraverseD{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(215vw,-1px,0)}}
@keyframes crashLegFront{0%,100%{transform:rotate(22deg)}50%{transform:rotate(-14deg)}}
@keyframes crashLegBack{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(20deg)}}
@keyframes crashArmFront{0%,100%{transform:rotate(-18deg)}50%{transform:rotate(20deg)}}
@keyframes crashArmBack{0%,100%{transform:rotate(15deg)}50%{transform:rotate(-16deg)}}
@keyframes crashStickTap{0%,100%{transform:rotate(14deg) scaleY(1)}50%{transform:rotate(4deg) scaleY(.92)}}
@keyframes crashSceneShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}
@keyframes crashFallFlash{0%{opacity:1}50%{opacity:.45}100%{opacity:1}}
.jackpotStrip{position:relative;border-radius:20px;overflow:hidden;background:#e4e7ee;padding:10px;height:156px}
.roundBank{position:absolute;left:12px;top:12px;background:#f7f8fb;padding:10px 12px;border-radius:14px;z-index:3;min-width:132px}
.roundBank small{display:block;color:#7e8393;font-weight:700;font-size:11px;letter-spacing:.8px}
.roundBank b{font-size:17px;line-height:1.2}
.roundStart{position:absolute;right:12px;top:12px;background:rgba(247,248,251,.95);padding:10px 12px;border-radius:14px;z-index:3;min-width:132px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.roundStart small{display:block;color:#7e8393;font-weight:700;font-size:11px;letter-spacing:.8px;text-transform:uppercase}
.roundStartValue{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:800}
.roundStartProgress{margin-top:6px;height:5px;background:#d9e3f0;border-radius:999px;overflow:hidden}
.roundStartProgress i{display:block;height:100%;background:#1994ff;width:0;transition:width .3s linear}
.rouletteViewport{height:100%;overflow:hidden;border-radius:18px;padding-left:0;display:flex;align-items:center;background:linear-gradient(180deg,#e6e9f1,#d7dde8);position:relative}
.rouletteTrack{padding-left:12px}
.rouletteViewport::before,.rouletteViewport::after{content:"";position:absolute;top:0;bottom:0;width:26%;pointer-events:none;z-index:2}
.rouletteViewport::before{left:0;background:linear-gradient(90deg,#d7dde8 0%,rgba(215,221,232,.65) 55%,rgba(215,221,232,0) 100%)}
.rouletteViewport::after{right:0;background:linear-gradient(270deg,#d7dde8 0%,rgba(215,221,232,.65) 55%,rgba(215,221,232,0) 100%)}
.rouletteTrack{display:flex;gap:12px;align-items:center;will-change:transform;transform:translate3d(0,0,0)}
.rouletteItem{width:92px;height:92px;border-radius:18px;background:linear-gradient(170deg,#f3f5f9,#cfd6e3);display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 10px 18px rgba(14,25,45,.18);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.rouletteItem.rouletteWinner{transform:scale(1.08);box-shadow:0 0 0 3px #10b7ff,0 0 24px rgba(16,183,255,.8),0 18px 26px rgba(16,140,255,.45);filter:saturate(1.1)}
.rouletteItem .avatar{width:72px;height:72px;font-size:28px;border-radius:14px;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.rouletteCenterLine{position:absolute;top:6px;bottom:6px;left:50%;width:6px;background:linear-gradient(180deg,#18d1ff,#0aa3ff,#0f7bff);border-radius:6px;transform:translateX(-50%);z-index:4;box-shadow:0 0 0 1px rgba(255,255,255,.55),0 0 14px rgba(16,140,255,.55)}
.rouletteCenterLine.hidden{display:none}
.jackpotMeta{margin-top:8px;background:#f4f6fb;border-radius:12px;padding:9px 11px;color:#606779;font-weight:600}
.betCard{margin-top:10px;background:var(--surface);border-radius:20px;padding:12px;box-shadow:0 3px 12px rgba(0,0,0,.05);display:flex;flex-direction:column;min-height:0}
.betCard h4{margin:0 0 10px;font-size:20px;color:#7c8191}
.amountInput{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:16px;padding:8px}
.amountInput button{width:40px;height:40px;border-radius:12px;border:1px solid #e5e8ef;background:#fff;color:#2491ff;font-size:28px;font-weight:700;cursor:pointer}
#betAmount{flex:1;border:0;outline:none;font-size:34px;font-weight:700;min-width:0}
.unit{background:#f1f2f6;color:#8a90a2;border-radius:12px;padding:6px 10px;font-size:13px;font-weight:700}
.quickGrid{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.quickGrid button{border-radius:12px;border:1px solid var(--border);background:var(--surface);padding:8px 0;font-weight:700;color:#1788ff;cursor:pointer}
.mainBtn, .start-game-btn {transition: transform 0.15s ease, opacity 0.15s ease, background 0.3s ease; touch-action: manipulation;}
.bet-success-btn {background: #0b9b50 !important; color: #fff !important;}
.mainBtn{margin-top:10px;background:#080d18;color:#fff;border-radius:16px;padding:12px;text-align:center;font-size:15px;font-weight:800;cursor:pointer}
.mainBtn.crashBtnCashout{background:linear-gradient(180deg,#14b25f 0%,#0f8b4a 100%);color:#fff;box-shadow:0 8px 18px rgba(15,139,74,.28)}
.mainBtn.crashBtnCrashed{background:linear-gradient(180deg,#e15266 0%,#b83a4d 100%);color:#fff;box-shadow:0 8px 18px rgba(184,58,77,.30)}
.segment{display:flex;gap:8px;margin-top:10px}
.segment button{flex:1;border:0;background:var(--surface-muted);color:var(--muted);font-weight:700;padding:12px;border-radius:12px;cursor:pointer}
.segment button.active{background:var(--surface);color:var(--text);border:1px solid var(--border)}
.list{margin-top:8px;overflow:visible;min-height:0}
.listItem{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;position:relative;overflow:hidden}
.listUser{display:flex;align-items:center;gap:10px}
.listChance{border:1px solid #e2e6ee;background:#fff;padding:8px 14px;border-radius:12px;font-size:22px;font-weight:800;color:#138eff;min-width:112px;text-align:center;position:relative;z-index:2}
.listItemBar{position:absolute;left:0;bottom:0;height:4px;background:#1195ff;border-radius:0 8px 8px 0;transition:width .35s ease}
.emptyState{padding:18px 10px;text-align:center;color:#9ca3b2;font-weight:600}
.navWrap{position:fixed;left:0;right:0;bottom:0;padding:10px 12px 14px;background:var(--nav-fade);z-index:1200}
.bottomNav{max-width:980px;margin:0 auto;background:var(--surface);border-radius:26px;height:72px;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px rgba(0,0,0,.08)}
.navItem{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#7c8293;cursor:pointer;position:relative}
.navItem svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.navItem.active{color:#0d8dff}
.navItem.active::after{content:'';position:absolute;left:10px;right:10px;bottom:-6px;height:6px;border-radius:999px;background:#0d8dff}
.card{background:var(--surface);border-radius:18px;padding:18px;margin-top:16px}
.btn{margin-top:12px;background:#0f172a;color:#fff;padding:12px;border-radius:12px;text-align:center;font-weight:600;cursor:pointer}
input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--field-border);margin-top:8px;background:var(--field-bg);color:var(--text)}
.depositSegment{display:inline-flex;gap:4px;background:#eceef3;padding:4px;border-radius:14px;margin-top:4px}
.depositSegment button{border:0;background:transparent;color:#8a90a0;font-weight:700;padding:10px 22px;border-radius:12px;cursor:default}
.depositSegment button.active{background:#fff;color:#121826;box-shadow:0 1px 4px rgba(12,18,34,.08)}
.depositSegment button:disabled{opacity:.8}
.walletConnectBtn{margin-top:10px;border:1px solid #e3e7f0;background:#f6f8fc;color:#1a2234;font-weight:700;border-radius:12px;padding:10px 12px;cursor:pointer;width:100%}
.walletConnectBtn.connected{background:#eaf4ff;border-color:#b8dbff;color:#0f64d9}
.walletConnectBtn.hidden{display:none}
.walletInfo{margin-top:10px;border:1px solid #e3e7f0;background:#f6f8fc;color:#1a2234;font-weight:700;border-radius:12px;padding:10px 12px;text-align:center}
#depositAmount{font-size:62px;line-height:1.05;font-weight:800;border:0;padding:8px 0 0;margin-top:6px;background:transparent;color:#0d1220}
#depositAmount:focus{outline:none}
.depositHint{margin:6px 0 0;color:#7f8697;font-size:18px;font-weight:700}
#depositCard .btn{margin-top:14px;border-radius:16px;font-size:30px;font-weight:800;padding:10px 14px}
.iconInline{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
.iconInline svg{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.topNoticeTitle .iconInline{font-size:1em}
.adminPrefix{color:#e13737;font-weight:800}
.supportPrefix{color:#1e9b55;font-weight:800}
.bannerTitle{display:flex;align-items:center;gap:8px}
.bannerIcon .iconInline{font-size:34px}
.depositHint .iconInline{font-size:1.1em;margin-right:6px}
#depositActionBtn .iconInline{margin-right:8px}
.paymentsShell{display:flex;flex-direction:column;gap:16px}
.paymentsPageHead{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:18px 18px 16px;
  border-radius:26px;
  background:var(--ui-panel);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 var(--ui-border-strong),var(--ui-shadow-soft);
  backdrop-filter:blur(28px) saturate(145%);
  -webkit-backdrop-filter:blur(28px) saturate(145%);
}
.paymentsPageHead::before{
  content:'';
  position:absolute;
  inset:-1px;
  background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 34%,transparent 70%,rgba(255,255,255,.08));
  pointer-events:none;
}
.paymentsPageHead::after{
  content:'';
  position:absolute;
  top:-48px;
  right:-24px;
  width:190px;
  height:190px;
  border-radius:50%;
  filter:blur(10px);
  pointer-events:none;
}
.paymentsPageHead--deposit::after{
  background:radial-gradient(circle,rgba(84,144,255,.28) 0%,rgba(76,224,209,.18) 34%,rgba(255,255,255,0) 72%);
}
.paymentsPageHead--withdraw::after{
  background:radial-gradient(circle,rgba(255,176,81,.24) 0%,rgba(255,108,147,.14) 34%,rgba(255,255,255,0) 72%);
}
.paymentsPageTitle{
  position:relative;
  z-index:1;
  margin:0;
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:48px;
  line-height:.94;
  font-weight:700;
  letter-spacing:-.08em;
}
.paymentsPageCopy{
  position:relative;
  z-index:1;
  margin:0;
  max-width:680px;
  color:var(--ui-muted);
  font-size:16px;
  line-height:1.45;
  font-weight:600;
}
.paymentsGrid{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
  gap:16px;
  align-items:start;
}
.paymentsGrid--single{
  grid-template-columns:minmax(0,1fr);
}
.paymentsAside{
  display:grid;
  gap:16px;
}
.paymentsHubPanel{
  --bonus-accent:rgba(84,144,255,.24);
  --bonus-accent-alt:rgba(78,226,213,.14);
}
.paymentsHubPanel--withdraw{
  --bonus-accent:rgba(255,176,81,.22);
  --bonus-accent-alt:rgba(255,108,147,.12);
}
.paymentsHero,
.paymentsMethodTabs,
.paymentsAmountCard,
.paymentsQuickGrid,
.paymentsPreviewCard,
.paymentsInfoTitle,
.paymentsStatsGrid,
.paymentsChecklist,
.paymentsSubmitBtn{
  position:relative;
  z-index:1;
}
.paymentsHero{
  display:flex;
  gap:14px;
  align-items:flex-start;
  margin-top:16px;
}
.paymentsHeroIcon{
  width:58px;
  height:58px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(74,123,255,.95),rgba(76,224,209,.78));
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 16px 28px rgba(68,115,255,.22);
  flex:0 0 auto;
}
.paymentsHeroIcon--warm{
  background:linear-gradient(145deg,rgba(255,181,71,.95),rgba(255,111,159,.78));
  box-shadow:0 16px 28px rgba(255,145,80,.22);
}
.paymentsHeroIcon svg{
  width:26px;
  height:26px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.paymentsHeroMeta{min-width:0}
.paymentsHeroTitle{
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:30px;
  line-height:.96;
  font-weight:700;
  letter-spacing:-.07em;
}
.paymentsHeroSubtitle{
  margin-top:8px;
  color:var(--ui-muted);
  font-size:14px;
  line-height:1.46;
  font-weight:600;
}
.paymentsHubPanel .depositSegment{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  width:100%;
  margin-top:18px;
  padding:6px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.paymentsHubPanel .depositSegment button{
  min-height:46px;
  border:0;
  background:transparent;
  color:var(--ui-muted);
  font-family:'Space Grotesk',sans-serif;
  font-size:14px;
  line-height:1;
  font-weight:700;
  letter-spacing:.02em;
  padding:12px 14px;
  border-radius:14px;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease,opacity .2s ease;
}
.paymentsHubPanel .depositSegment button:hover,
.paymentsHubPanel .depositSegment button:focus-visible{
  transform:translateY(-1px);
  outline:none;
}
.paymentsHubPanel .depositSegment button.active{
  background:linear-gradient(135deg,rgba(74,123,255,.95),rgba(76,224,209,.78));
  color:#fff;
  box-shadow:0 12px 24px rgba(68,115,255,.18);
}
.paymentsHubPanel .depositSegment button:disabled{
  opacity:.42;
  cursor:not-allowed;
}
.paymentsAmountCard{
  display:block;
  margin-top:16px;
  padding:16px;
  border-radius:22px;
  background:rgba(255,255,255,.08);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.paymentsFieldLabel{
  display:block;
  color:var(--ui-muted);
  font-family:'Space Grotesk',sans-serif;
  font-size:11px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.paymentsAmountControl{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:14px;
  padding:8px;
  border-radius:18px;
  background:rgba(11,19,35,.18);
  border:1px solid rgba(255,255,255,.08);
}
.paymentsAmountAdjust{
  width:44px;
  height:44px;
  border:1px solid var(--ui-border);
  border-radius:14px;
  background:var(--ui-chip);
  color:var(--ui-text);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  line-height:1;
  font-weight:700;
  cursor:pointer;
  flex:0 0 auto;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.paymentsAmountAdjust:hover,
.paymentsAmountAdjust:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(20,36,68,.12);
  outline:none;
}
.paymentsAmountAdjust:active{transform:scale(1.04)}
.paymentsAmountControl input{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:48px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.08em;
  min-width:0;
}
#depositAmount,
#withdrawAmount{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ui-text);
  font-size:48px;
  line-height:1;
  font-weight:700;
}
#depositAmount:focus,
#withdrawAmount:focus{outline:none}
.paymentsAmountControl input::placeholder{
  color:rgba(182,198,222,.34);
}
.paymentsAmountUnit{
  flex:0 0 auto;
  min-width:68px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.08);
  color:var(--ui-text);
  text-align:center;
  font-family:'Space Grotesk',sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.paymentsQuickGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.paymentsQuickGrid button{
  min-height:42px;
  border:1px solid var(--ui-border);
  border-radius:14px;
  background:rgba(255,255,255,.08);
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.paymentsQuickGrid button:hover,
.paymentsQuickGrid button:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 10px 18px rgba(20,36,68,.12);
  outline:none;
}
.paymentsPreviewCard{
  margin-top:16px;
  border-radius:20px;
  background:rgba(255,255,255,.08);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
  padding:14px 16px;
  color:var(--ui-text);
  text-align:left;
}
.paymentsPreviewCard strong{
  display:block;
  font-family:'Space Grotesk',sans-serif;
  font-size:18px;
  line-height:1.05;
  letter-spacing:-.04em;
}
.paymentsPreviewCard p{
  margin:6px 0 0;
  color:var(--ui-muted);
  font-size:13px;
  line-height:1.5;
  font-weight:600;
}
.paymentsPreviewRow{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:4px 0;
  color:var(--ui-muted);
  font-size:13px;
  line-height:1.4;
  font-weight:600;
}
.paymentsPreviewRow b{
  color:var(--ui-text);
  font-size:14px;
  line-height:1.25;
  font-weight:700;
  text-align:right;
}
.paymentsPreviewRow--result{
  margin-top:8px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.08);
  align-items:flex-end;
}
.paymentsPreviewRow--result b{
  font-family:'Space Grotesk',sans-serif;
  font-size:28px;
  line-height:.92;
  letter-spacing:-.06em;
}
.paymentsSubmitBtn{
  width:100%;
  margin-top:16px;
}
.paymentsSubmitBtn svg{
  width:20px;
  height:20px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.paymentsInfoPanel{
  --bonus-accent:rgba(90,148,255,.18);
  --bonus-accent-alt:rgba(76,224,209,.12);
}
.paymentsInfoTitle{
  margin-top:16px;
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:32px;
  line-height:.96;
  font-weight:700;
  letter-spacing:-.08em;
}
.paymentsStatsGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}
.paymentsStatItem{
  background:rgba(255,255,255,.08);
  border:1px solid var(--ui-border);
  border-radius:18px;
  padding:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.paymentsStatItem span{
  display:block;
  color:var(--ui-muted);
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.paymentsStatItem b{
  display:block;
  margin-top:8px;
  color:var(--ui-text);
  font-size:20px;
  line-height:1.08;
  font-weight:800;
}
.paymentsChecklist{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:16px;
}
.paymentsChecklistItem{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
  color:var(--ui-muted);
  font-size:14px;
  line-height:1.45;
  font-weight:600;
}
.paymentsChecklistItem strong{
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:14px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.04em;
  flex:0 0 auto;
}
.transactionsShell{display:flex;flex-direction:column;gap:16px}
.transactionsPageHead{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:18px 18px 16px;
  border-radius:26px;
  background:var(--ui-panel);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 var(--ui-border-strong),var(--ui-shadow-soft);
  backdrop-filter:blur(28px) saturate(145%);
  -webkit-backdrop-filter:blur(28px) saturate(145%);
}
.transactionsPageHead::before{
  content:'';
  position:absolute;
  inset:-1px;
  background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 34%,transparent 70%,rgba(255,255,255,.08));
  pointer-events:none;
}
.transactionsPageHead::after{
  content:'';
  position:absolute;
  top:-46px;
  right:-28px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(94,152,255,.28) 0%,rgba(74,224,211,.14) 34%,rgba(255,255,255,0) 72%);
  filter:blur(10px);
  pointer-events:none;
}
.transactionsPageTitle{
  position:relative;
  z-index:1;
  margin:0;
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:48px;
  line-height:.94;
  font-weight:700;
  letter-spacing:-.08em;
}
.transactionsPageCopy{
  position:relative;
  z-index:1;
  margin:0;
  max-width:620px;
  color:var(--ui-muted);
  font-size:16px;
  line-height:1.45;
  font-weight:600;
}
.transactionsHubPanel{
  --bonus-accent:rgba(84,144,255,.24);
  --bonus-accent-alt:rgba(78,226,213,.14);
}
.transactionsTabs,
.transactionsList{
  position:relative;
  z-index:1;
}
.transactionsTabs{
  display:inline-flex;
  gap:6px;
  margin-top:16px;
  padding:6px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  width:max-content;
  max-width:100%;
}
.transactionsTabs button{
  border:0;
  background:transparent;
  color:var(--ui-muted);
  font-family:'Space Grotesk',sans-serif;
  font-size:13px;
  line-height:1;
  font-weight:700;
  letter-spacing:.02em;
  padding:12px 18px;
  border-radius:14px;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;
}
.transactionsTabs button:hover,
.transactionsTabs button:focus-visible{
  transform:translateY(-1px);
  outline:none;
}
.transactionsTabs button.active{
  background:linear-gradient(135deg,rgba(74,123,255,.95),rgba(76,224,209,.78));
  color:#fff;
  box-shadow:0 12px 24px rgba(68,115,255,.18);
}
.transactionsList{
  margin-top:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  max-height:520px;
  overflow:auto;
  padding-right:4px;
}
.transactionItem{
  position:relative;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  border:1px solid var(--ui-border);
  border-radius:20px;
  padding:14px 16px;
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.transactionItem::before{
  content:'';
  position:absolute;
  top:-36px;
  right:-20px;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(86,142,255,.16) 0%,rgba(86,142,255,.06) 34%,rgba(255,255,255,0) 72%);
  pointer-events:none;
}
.transactionItem > div:first-child,
.transactionItem > div:last-child{
  position:relative;
  z-index:1;
}
.transactionItem > div:first-child{
  min-width:0;
  flex:1;
}
.transactionItem > div:last-child{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  text-align:right;
}
.transactionItem b{
  font-size:18px;
  color:var(--ui-text);
  display:block;
  line-height:1.15;
}
.transactionMeta{
  color:var(--ui-muted);
  font-weight:700;
  font-size:13px;
  margin-top:6px;
  line-height:1.35;
}
.transactionAmount{
  font-family:'Space Grotesk',sans-serif;
  font-size:20px;
  font-weight:700;
  line-height:1;
  text-align:right;
  letter-spacing:-.04em;
}
.transactionAmount.income{color:#19a85c}
.transactionAmount.outcome{color:#f05c6a}
.transactionStatus{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:var(--ui-muted);
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.transactionStatus.success{
  color:#0b9b50;
  background:rgba(31,180,98,.12);
  border-color:rgba(31,180,98,.18);
}
.transactionStatus.failure{
  color:#d03232;
  background:rgba(222,74,91,.12);
  border-color:rgba(222,74,91,.18);
}
.transactionCancel{
  margin-top:2px;
  border-radius:12px;
  padding:8px 12px;
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.transactionCancel--danger{
  border:1px solid rgba(240,92,106,.24);
  background:rgba(240,92,106,.12);
  color:#cc4150;
}
.transactionCancel--check{
  border:1px solid rgba(74,151,255,.24);
  background:rgba(74,151,255,.12);
  color:#266edc;
}
.transactionCancel:hover,
.transactionCancel:focus-visible{
  transform:translateY(-1px);
  outline:none;
}
.transactionCancel--danger:hover,
.transactionCancel--danger:focus-visible{box-shadow:0 10px 20px rgba(240,92,106,.14)}
.transactionCancel--check:hover,
.transactionCancel--check:focus-visible{box-shadow:0 10px 20px rgba(74,151,255,.14)}
.transactionCancel:active{transform:scale(1.03)}
.transactionsEmpty{
  background:var(--ui-chip);
  border:1px solid var(--ui-border);
  border-radius:18px;
  padding:34px 14px;
  text-align:center;
  color:var(--ui-muted);
  font-weight:700;
}
button,.btn,.navItem{touch-action:manipulation}
.bonusPageShell{display:flex;flex-direction:column;gap:16px}
.bonusHeroPanel,
.bonusHubCard{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  background:var(--ui-panel);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 var(--ui-border-strong),var(--ui-shadow-soft);
  backdrop-filter:blur(28px) saturate(145%);
  -webkit-backdrop-filter:blur(28px) saturate(145%);
}
.bonusHeroPanel::before,
.bonusHubCard::before{
  content:'';
  position:absolute;
  inset:-1px;
  background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 34%,transparent 68%,rgba(255,255,255,.08));
  pointer-events:none;
}
.bonusHeroPanel{
  padding:22px 20px 18px;
  min-height:208px;
}
.bonusHeroIntro,
.bonusHeroStats,
.bonusPanelTopline,
.bonusCardHead,
.dailyRouletteWrap,
.bonusDailyFooter,
.cashbackHead,
.cashbackValue,
.cashbackBtn,
.promoInput,
.promoBtn{
  position:relative;
  z-index:1;
}
.bonusHeroGlow{
  position:absolute;
  border-radius:50%;
  filter:blur(12px);
  pointer-events:none;
}
.bonusHeroGlow--blue{
  top:-44px;
  right:-22px;
  width:220px;
  height:220px;
  background:radial-gradient(circle,rgba(73,146,255,.38) 0%,rgba(73,146,255,.12) 38%,rgba(73,146,255,0) 72%);
  animation:bonusHeroFloat 7.8s ease-in-out infinite;
}
.bonusHeroGlow--gold{
  left:-70px;
  bottom:-96px;
  width:240px;
  height:240px;
  background:radial-gradient(circle,rgba(255,191,102,.24) 0%,rgba(255,191,102,.1) 34%,rgba(255,191,102,0) 74%);
  animation:bonusHeroFloat 9.4s ease-in-out infinite reverse;
}
.bonusHeroEyebrow{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:var(--ui-chip);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.bonusPageTitle{
  margin:12px 0 0;
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:54px;
  line-height:.94;
  font-weight:700;
  letter-spacing:-.08em;
}
.bonusHeroText{
  margin-top:10px;
  max-width:620px;
  color:var(--ui-muted);
  font-size:17px;
  line-height:1.45;
  font-weight:600;
}
.bonusHeroStats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
.bonusHeroStat{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:14px 16px;
  border-radius:20px;
  background:var(--ui-chip);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}
.bonusHeroStatLabel{
  color:var(--ui-muted);
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.bonusHeroStatValue{
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:28px;
  line-height:.95;
  font-weight:700;
  letter-spacing:-.08em;
}
.bonusHubGrid{
  display:grid;
  grid-template-columns:minmax(0,1.34fr) minmax(300px,.96fr);
  gap:16px;
  align-items:start;
}
.bonusHubAside{
  display:grid;
  gap:16px;
}
.bonusHubCard{
  --bonus-accent:rgba(87,146,255,.36);
  --bonus-accent-alt:rgba(77,223,212,.18);
  padding:18px;
}
.bonusHubCard--cashback{
  --bonus-accent:rgba(96,221,255,.34);
  --bonus-accent-alt:rgba(255,255,255,.12);
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04)),
    linear-gradient(145deg,rgba(18,108,246,.92) 0%,rgba(22,163,226,.86) 100%);
  border-color:rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 18px 36px rgba(19,101,228,.24);
}
.bonusHubCard--promo{
  --bonus-accent:rgba(255,163,99,.28);
  --bonus-accent-alt:rgba(255,88,129,.16);
}
.bonusHubCardGlow{
  position:absolute;
  top:-46px;
  right:-38px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,var(--bonus-accent) 0%,var(--bonus-accent-alt) 34%,rgba(255,255,255,0) 72%);
  filter:blur(8px);
  pointer-events:none;
}
.bonusPanelTopline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.bonusPanelTag,
.bonusPanelPill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.bonusPanelTag{
  background:var(--ui-chip);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
  color:var(--ui-text);
}
.bonusPanelPill{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:var(--ui-muted);
}
.bonusHubCard--cashback .bonusPanelTag,
.bonusHubCard--cashback .bonusPanelPill{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.18);
  color:rgba(255,255,255,.9);
}
.bonusCardHead{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-top:16px;
}
.bonusCardLead{min-width:0}
.bonusCardIcon{
  width:58px;
  height:58px;
  border-radius:18px;
  background:rgba(255,255,255,.1);
  border:1px solid var(--ui-border);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--ui-text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
  flex:0 0 auto;
}
.bonusHubCard--cashback .cashbackIcon{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.24);
}
.bonusCardIcon svg,
.cashbackIcon svg,
.cashbackBtn svg,
.promoBtn svg{
  width:26px;
  height:26px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bonusCardTitle{
  margin:0;
  color:var(--ui-text);
  font-size:28px;
  line-height:.98;
  font-weight:800;
}
.bonusCardSubtitle{
  margin-top:6px;
  color:var(--ui-muted);
  font-size:15px;
  line-height:1.4;
  font-weight:600;
}
.bonusCardSubtitle b{color:var(--ui-text)}
.dailyRouletteWrap{
  margin-top:18px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px;
  min-height:106px;
  padding:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  position:relative;
  overflow:hidden;
}
.dailyRouletteWrap::before{
  content:'';
  position:absolute;
  top:14px;
  bottom:14px;
  left:50%;
  width:5px;
  border-radius:999px;
  background:linear-gradient(180deg,#7be2ff 0%,#2694ff 100%);
  box-shadow:0 0 18px rgba(38,148,255,.55);
  transform:translateX(-50%);
  z-index:3;
}
.dailyRoulette{
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%);
}
.dailyRouletteTrack{display:flex;gap:8px;will-change:transform;transform:translate3d(0,0,0)}
.dailyCell{
  width:82px;
  min-width:82px;
  height:76px;
  border-radius:18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:800;
  font-size:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 12px 20px rgba(29,48,85,.18);
  font-variant-numeric:tabular-nums;
  transition:opacity .35s ease,transform .35s ease,filter .35s ease,box-shadow .35s ease;
}
.dailyCell span{
  font-size:16px;
  line-height:1;
  letter-spacing:.2px;
  display:block;
  width:100%;
  text-align:center;
}
.dailyCell small{
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  opacity:.95;
  margin-top:4px;
}
.dailyCell.blue{background:linear-gradient(145deg,#54b5ff,#0b79ef)}
.dailyCell.red{background:linear-gradient(145deg,#ff7c8b,#d62e52)}
.dailyCell.dark{background:linear-gradient(145deg,#7f8ea5,#536079)}
.dailyCell.green{background:linear-gradient(145deg,#69e39a,#2ebf59)}
.dailyCell.pink{background:linear-gradient(145deg,#f7c0db,#df7faf)}
.dailyCell.win{box-shadow:inset 0 0 0 3px #1a8cff,0 0 0 3px rgba(26,140,255,.44),0 0 26px rgba(26,140,255,.64),0 16px 28px rgba(26,140,255,.34)}
.dailyRouletteWrap.focus-mode .dailyCell{opacity:.42;transform:scale(.94);filter:saturate(.72)}
.dailyRouletteWrap.focus-mode .dailyCell.win{opacity:1;transform:scale(1.02);filter:none}
.dailyRouletteWrap.focus-mode .dailyCell.focusWinner{opacity:1;transform:scale(1.08);filter:none;box-shadow:inset 0 0 0 3px #1a8cff,0 0 0 3px rgba(26,140,255,.48),0 0 28px rgba(26,140,255,.72),0 18px 30px rgba(26,140,255,.36)}
.bonusDailyFooter{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-top:16px;
}
.dailyTimer{
  margin:0;
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:22px;
  line-height:1.08;
  font-weight:700;
  letter-spacing:-.04em;
}
.dailyTimer b{color:#2b88ff}
.bonusActionBtn{
  min-height:54px;
  padding:0 22px;
  border:0;
  border-radius:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-family:'Space Grotesk',sans-serif;
  font-size:15px;
  line-height:1;
  font-weight:700;
  letter-spacing:.02em;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease,background .2s ease,border-color .2s ease;
}
.bonusActionBtn:hover,
.bonusActionBtn:focus-visible{
  transform:translateY(-2px);
  outline:none;
}
.bonusActionBtn:active{transform:scale(1.03)}
.bonusActionBtn:disabled{
  opacity:.56;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}
.bonusActionBtn--primary{
  color:#fff;
  background:linear-gradient(135deg,#4a7bff 0%,#4ce0d1 100%);
  box-shadow:0 16px 28px rgba(68,115,255,.24);
}
.bonusActionBtn--ghost{
  color:#fff;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.bonusActionBtn--dark{
  color:#f6fbff;
  background:linear-gradient(180deg,#0f1730 0%,#101b39 100%);
  box-shadow:0 14px 28px rgba(10,18,40,.18);
}
.cashbackHead{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:16px;
}
.cashbackHeadMeta{min-width:0}
.cashbackIcon{
  width:58px;
  height:58px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex:0 0 auto;
}
.cashbackTitle{
  color:#fff;
  font-size:28px;
  line-height:.98;
  font-weight:800;
}
.cashbackSubtitle{
  margin-top:6px;
  color:rgba(255,255,255,.82);
  font-size:15px;
  line-height:1.38;
  font-weight:600;
}
.cashbackSubtitle b{color:#fff}
.cashbackValue{
  margin-top:18px;
  color:#fff;
  font-family:'Space Grotesk',sans-serif;
  text-align:left;
  font-size:56px;
  line-height:.94;
  font-weight:700;
  letter-spacing:-.07em;
}
.cashbackValue span{
  font-size:.46em;
  font-weight:700;
  color:rgba(255,255,255,.82);
  margin-left:6px;
}
.cashbackBtn,
.promoBtn{
  margin-top:16px;
  width:100%;
}
.promoInput{
  margin-top:18px;
  width:100%;
  height:56px;
  padding:0 16px;
  background:rgba(255,255,255,.12);
  border:1px solid var(--ui-border);
  border-radius:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:18px;
  font-weight:700;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.promoInput:focus{
  border-color:rgba(74,151,255,.44);
  background:rgba(255,255,255,.16);
  box-shadow:0 0 0 3px rgba(74,151,255,.12),inset 0 1px 0 rgba(255,255,255,.18);
}
.promoInput::placeholder{color:var(--ui-muted)}
.promoBtn{color:#f6fbff}
@keyframes bonusHeroFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,-10px,0) scale(1.04)}
}
.refShell{display:flex;flex-direction:column;gap:16px}
.refPageHead{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:4px 0 0;
  padding:18px 18px 16px;
  border-radius:26px;
  background:var(--ui-panel);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 var(--ui-border-strong),var(--ui-shadow-soft);
  backdrop-filter:blur(28px) saturate(145%);
  -webkit-backdrop-filter:blur(28px) saturate(145%);
}
.refPageHead::before{
  content:'';
  position:absolute;
  inset:-1px;
  background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 34%,transparent 70%,rgba(255,255,255,.08));
  pointer-events:none;
}
.refPageHead::after{
  content:'';
  position:absolute;
  top:-54px;
  right:-40px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(86,142,255,.28) 0%,rgba(78,226,213,.14) 34%,rgba(255,255,255,0) 72%);
  filter:blur(10px);
  pointer-events:none;
}
.refPageTitle{
  margin:0;
  position:relative;
  z-index:1;
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:48px;
  line-height:.94;
  font-weight:700;
  letter-spacing:-.08em;
}
.refPageCopy{
  margin:0;
  position:relative;
  z-index:1;
  max-width:620px;
  color:var(--ui-muted);
  font-size:16px;
  line-height:1.45;
  font-weight:600;
}
.refGrid{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(300px,.94fr);
  gap:16px;
  align-items:start;
}
.refHubPanel{
  --bonus-accent:rgba(82,146,255,.24);
  --bonus-accent-alt:rgba(77,223,212,.14);
}
.refHubPanel--friends{
  --bonus-accent:rgba(255,181,108,.22);
  --bonus-accent-alt:rgba(255,111,159,.12);
}
.refSubtitle,
.refLinkBox,
.refClaimCard,
.refStatsGrid,
.refFriendsHead,
.refFriendsFrame{
  position:relative;
  z-index:1;
}
.refSubtitle{
  margin:16px 0 0;
  text-align:left;
  font-size:16px;
  line-height:1.42;
  color:var(--ui-muted);
  font-weight:600;
}
.refSubtitle b{font-weight:800;color:var(--ui-text)}
.refLinkBox{
  margin-top:16px;
  min-height:64px;
  padding:8px 8px 8px 14px;
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:18px;
  background:rgba(255,255,255,.1);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
#refLink{
  flex:1;
  min-width:0;
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:16px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-weight:700;
}
.refCopyBtn{
  width:46px;
  height:46px;
  border:1px solid var(--ui-border);
  border-radius:14px;
  background:var(--ui-chip);
  color:var(--ui-text);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  flex:0 0 auto;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.refCopyBtn:hover,
.refCopyBtn:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(20,36,68,.12);
  outline:none;
}
.refCopyBtn:active{transform:scale(1.04)}
.refCopyBtn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.refShareBtn{
  width:100%;
  margin-top:14px;
}
.refShareBtn svg{
  width:19px;
  height:19px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.refClaimCard{
  position:relative;
  overflow:hidden;
  margin-top:16px;
  padding:18px;
  border-radius:24px;
  background:linear-gradient(145deg,#1684ff,#0464d8);
  color:#fff;
  box-shadow:0 18px 36px rgba(15,114,232,.26);
}
.refClaimCard::before{
  content:'';
  position:absolute;
  inset:-1px;
  background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 32%,transparent 68%,rgba(255,255,255,.08));
  pointer-events:none;
}
.refClaimLabel{
  position:relative;
  z-index:1;
  text-align:left;
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  opacity:.88;
}
.refClaimValue{
  position:relative;
  z-index:1;
  text-align:left;
  font-family:'Space Grotesk',sans-serif;
  font-size:60px;
  font-weight:700;
  line-height:.92;
  letter-spacing:-.08em;
  margin-top:10px;
}
.refClaimValue span{
  font-size:.42em;
  font-weight:700;
  opacity:.88;
  margin-left:6px;
}
.refClaimBtn{
  margin-top:16px;
  width:100%;
  color:#fff;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.refClaimBtn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.refStatsGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.refStatItem{
  background:rgba(255,255,255,.08);
  border:1px solid var(--ui-border);
  border-radius:18px;
  padding:14px 13px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.refStatIcon{
  width:40px;
  height:40px;
  border-radius:14px;
  background:rgba(255,255,255,.1);
  color:#4d7dff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.refStatIcon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.refStatLabel{
  color:var(--ui-muted);
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.refStatValue{
  margin-top:6px;
  color:var(--ui-text);
  font-size:22px;
  line-height:1.06;
  font-weight:800;
}
.refFriendsHead{
  margin-top:16px;
}
.refFriendsTitle{
  margin:0;
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:32px;
  line-height:.95;
  font-weight:700;
  letter-spacing:-.08em;
}
.refFriendsCaption{
  margin-top:8px;
  color:var(--ui-muted);
  font-size:14px;
  line-height:1.42;
  font-weight:600;
}
.refFriendsFrame{
  margin-top:16px;
  border-radius:22px;
  background:rgba(255,255,255,.08);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
  padding:10px 12px;
}
.refFriendItem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 2px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.refFriendItem:last-child{border-bottom:0;padding-bottom:4px}
.refFriendUser{display:flex;align-items:center;gap:10px;min-width:0}
.refFriendAvatar{
  width:44px;
  height:44px;
  border-radius:15px;
  background:linear-gradient(165deg,#8db0ff,#5f59ff);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:700;
  overflow:hidden;
  flex:0 0 auto;
}
.refFriendAvatar img{width:100%;height:100%;object-fit:cover}
.refFriendName{
  font-size:16px;
  font-weight:800;
  color:var(--ui-text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.refFriendMeta{
  margin-top:3px;
  font-size:13px;
  color:var(--ui-muted);
  font-weight:700;
}
.refFriendBets{
  text-align:right;
  font-family:'Space Grotesk',sans-serif;
  font-size:16px;
  font-weight:700;
  color:var(--ui-text);
  white-space:nowrap;
}
.refFriendsEmpty{
  background:var(--ui-chip);
  border:1px solid var(--ui-border);
  border-radius:18px;
  padding:30px 14px;
  text-align:center;
  color:var(--ui-muted);
  font-size:17px;
  font-weight:700;
}
@media (max-width:920px){
  .bonusHubGrid{grid-template-columns:1fr}
  .bonusHubAside{grid-template-columns:repeat(2,minmax(0,1fr))}
  .refGrid{grid-template-columns:1fr}
  .paymentsGrid{grid-template-columns:1fr}
}
@media (max-width:680px){
  .bonusPageShell{gap:12px}
  .bonusHeroPanel{padding:18px 16px 16px;min-height:auto;border-radius:24px}
  .bonusPageTitle{font-size:34px}
  .bonusHeroText{font-size:14px}
  .bonusHeroStats{grid-template-columns:1fr;gap:8px}
  .bonusHeroStat{padding:12px 14px;border-radius:18px}
  .bonusHeroStatValue{font-size:22px}
  .bonusHubGrid,
  .bonusHubAside{grid-template-columns:1fr;gap:12px}
  .bonusHubCard{padding:16px;border-radius:24px}
  .bonusPanelTopline{gap:8px}
  .bonusCardHead{gap:12px;margin-top:14px}
  .bonusCardIcon,
  .cashbackIcon{width:52px;height:52px;border-radius:16px}
  .bonusCardTitle,
  .cashbackTitle{font-size:21px}
  .bonusCardSubtitle,
  .cashbackSubtitle{font-size:14px}
  .dailyRouletteWrap{margin-top:16px;min-height:98px;padding:10px}
  .dailyRouletteWrap::before{top:12px;bottom:12px}
  .dailyCell{width:76px;min-width:76px;height:70px}
  .dailyCell span{font-size:15px}
  .bonusDailyFooter{gap:12px}
  .dailyTimer{width:100%;font-size:18px;text-align:center}
  .bonusActionBtn{width:100%}
  .cashbackValue{font-size:40px}
  .promoInput{height:52px;font-size:16px}
  .refShell{gap:12px}
  .refPageHead{padding:16px;border-radius:24px}
  .refPageTitle{font-size:32px}
  .refPageCopy{font-size:14px}
  .refSubtitle{font-size:14px}
  .refClaimCard{padding:16px;border-radius:22px}
  .refClaimValue{font-size:40px}
  .refStatsGrid{gap:10px}
  .refStatItem{padding:12px 11px}
  .refStatValue{font-size:18px}
  .refFriendsTitle{font-size:24px}
  .refFriendsCaption{font-size:13px}
  .refFriendsFrame{padding:8px 10px}
  .refFriendItem{align-items:flex-start}
  .refFriendBets{font-size:15px}
  .paymentsShell{gap:12px}
  .paymentsPageHead{padding:16px;border-radius:24px}
  .paymentsPageTitle{font-size:32px}
  .paymentsPageCopy{font-size:14px}
  .paymentsHero{gap:12px;margin-top:14px}
  .paymentsHeroIcon{width:52px;height:52px;border-radius:16px}
  .paymentsHeroTitle{font-size:24px}
  .paymentsHeroSubtitle{font-size:13px}
  .paymentsHubPanel .depositSegment{margin-top:16px}
  .paymentsAmountCard{padding:14px;border-radius:20px}
  .paymentsAmountControl{gap:8px;padding:7px}
  .paymentsAmountAdjust{width:40px;height:40px;border-radius:12px}
  .paymentsAmountControl input,
  #depositAmount,
  #withdrawAmount{font-size:36px}
  .paymentsAmountUnit{min-width:60px;padding:9px 10px;font-size:12px}
  .paymentsQuickGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .paymentsInfoTitle{font-size:24px}
  .paymentsStatsGrid{grid-template-columns:1fr 1fr}
  .paymentsStatItem{padding:12px}
  .paymentsStatItem b{font-size:18px}
  .paymentsPreviewRow{flex-direction:column;gap:4px}
  .paymentsPreviewRow b{text-align:left}
  .paymentsPreviewRow--result b{font-size:24px}
  .paymentsChecklistItem{padding:12px 13px;font-size:13px}
  .transactionsShell{gap:12px}
  .transactionsPageHead{padding:16px;border-radius:24px}
  .transactionsPageTitle{font-size:32px}
  .transactionsPageCopy{font-size:14px}
  .transactionsTabs{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .transactionsTabs button{padding:11px 12px}
  .transactionsList{max-height:none}
  .transactionItem{padding:12px 14px;flex-direction:column;align-items:flex-start}
  .transactionItem > div:last-child{width:100%;align-items:flex-start;text-align:left}
  .transactionAmount{font-size:18px;text-align:left}
  .transactionStatus{min-height:26px}
}
@media (max-width:680px){
  .botGamesPromoCard{padding:12px 12px}
  .botGamesPromoCard::before{width:170px;height:170px;right:-50px;top:-60px}
  .botGamesPromoTitle{font-size:18px}
  .botGamesPromoSubtitle{font-size:13px}
  .botGamesPromoAction{width:40px;height:40px;border-radius:12px}
  .botGamesPromoBgSvg{width:136px;height:96px}
  .miniPromoGrid{gap:8px}
  .botGamesPromoMiniCard{padding:10px;border-radius:14px;min-height:100px}
  .botGamesPromoMiniCard .botGamesPromoTitle{font-size:15px}
  .botGamesPromoMiniCard .botGamesPromoSubtitle{font-size:11px}
  .botGamesPromoMiniCard .botGamesPromoAction{width:32px;height:32px;border-radius:10px}
  .botGamesPromoMiniCard .botGamesPromoBgSvg{width:96px;height:72px;right:-8px;bottom:-8px}
  .botGamesPromoMainCard .botGamesPromoBgSvg{width:156px;height:106px}
}
.winnerModal,
.errorModal,
.systemBlockModal{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(16px,4vw,28px);
  background:
    radial-gradient(circle at 14% 18%, rgba(74,151,255,.18) 0%, rgba(74,151,255,0) 34%),
    radial-gradient(circle at 86% 82%, rgba(255,178,71,.16) 0%, rgba(255,178,71,0) 36%),
    rgba(5,10,18,.78);
  backdrop-filter:blur(20px) saturate(135%);
  -webkit-backdrop-filter:blur(20px) saturate(135%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity var(--motion-base) var(--ease-standard),visibility 0s linear var(--motion-base);
}
.winnerModal{z-index:2000}
.errorModal{z-index:3000}
.systemBlockModal{z-index:5200}
.winnerModal.show,
.errorModal.show,
.systemBlockModal.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity var(--motion-base) var(--ease-standard),visibility 0s linear 0s;
}
.winnerModal.show .winnerCard,
.errorModal.show .errorCard,
.systemBlockModal.show .systemBlockCard{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}
.winnerCard,
.errorCard,
.systemBlockCard{
  position:relative;
  overflow:hidden;
  width:min(430px,100%);
  border-radius:30px;
  border:1px solid rgba(163,182,212,.18);
  padding:26px 24px 22px;
  color:var(--text);
  background:
    radial-gradient(circle at top right, rgba(84,137,255,.16) 0%, rgba(84,137,255,0) 32%),
    radial-gradient(circle at left bottom, rgba(255,168,97,.14) 0%, rgba(255,168,97,0) 38%),
    linear-gradient(180deg, rgba(21,30,46,.96) 0%, rgba(11,17,28,.98) 100%);
  box-shadow:
    0 30px 70px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(24px);
  opacity:0;
  transform:translate3d(0,22px,0) scale(.94);
  transition:transform var(--motion-slow) var(--ease-emphasis),opacity var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard);
}
.winnerCard::before,
.errorCard::before,
.systemBlockCard::before{
  content:"";
  position:absolute;
  inset:1px 1px auto 1px;
  height:46%;
  border-radius:29px 29px 18px 18px;
  background:linear-gradient(180deg, rgba(255,255,255,.11) 0%, rgba(255,255,255,0) 100%);
  pointer-events:none;
}
.winnerCard::after,
.errorCard::after,
.systemBlockCard::after{
  content:"";
  position:absolute;
  top:-74px;
  right:-56px;
  width:196px;
  height:196px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(74,151,255,.18) 0%, rgba(74,151,255,0) 70%);
  pointer-events:none;
}
.winnerCard{text-align:center}
.errorCard{text-align:center}
.displayNameCard{
  width:min(480px,100%);
  text-align:left;
}
.slotsPaytableModalCard{
  width:min(460px,100%);
  text-align:left;
  padding:26px 24px 22px;
}
.errorTitle,
.systemBlockTitle{
  position:relative;
  z-index:1;
  margin:0;
  font-family:'Space Grotesk',sans-serif;
  font-size:32px;
  font-weight:700;
  line-height:1.04;
  letter-spacing:-.05em;
  color:#eef4ff;
}
.errorText{
  position:relative;
  z-index:1;
  margin:12px 0 0;
  color:#9fb0cb;
  font-size:16px;
  line-height:1.5;
}
.errorBtn{
  margin-top:16px;
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(255,207,117,.18);
  background:linear-gradient(180deg,#ffc247 0%,#ff922d 100%);
  color:#2a1606;
  border-radius:16px;
  padding:0 18px;
  font-size:15px;
  font-weight:800;
  letter-spacing:-.02em;
  cursor:pointer;
  box-shadow:0 18px 28px rgba(255,145,42,.24);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
.errorBtn:hover,
.errorBtn:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 22px 32px rgba(255,145,42,.3);
  outline:none;
}
.errorBtn:disabled{
  opacity:.66;
  cursor:default;
  transform:none;
  box-shadow:none;
}
.slotsPaytableModalHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.slotsPaytableModalTitleWrap{min-width:0}
.slotsPaytableModalEyebrow{color:#91a6c8;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.slotsPaytableModalTitleWrap .errorTitle{margin-top:8px}
.slotsPaytableModalClose{
  flex:0 0 auto;
  width:42px;
  height:42px;
  border:1px solid rgba(163,182,212,.16);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  color:#e4ecfb;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
.slotsPaytableModalClose:hover,
.slotsPaytableModalClose:focus-visible{
  transform:translateY(-1px);
  background:rgba(255,255,255,.1);
  border-color:rgba(163,182,212,.24);
  color:#fff4d2;
  outline:none;
}
.displayNameModalText{position:relative;z-index:1;margin:12px 0 0;color:#9fb0cb;font-size:15px;line-height:1.55}
.displayNameField{display:flex;flex-direction:column;gap:8px;margin-top:18px;position:relative;z-index:1}
.displayNameFieldLabel{font-size:12px;font-weight:800;color:#bdcbe2;letter-spacing:.14em;text-transform:uppercase}
.displayNameInput{
  width:100%;
  height:54px;
  border-radius:16px;
  border:1px solid rgba(163,182,212,.16);
  background:rgba(255,255,255,.06);
  padding:0 16px;
  font-size:16px;
  font-weight:700;
  color:#eff5ff;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
  box-sizing:border-box;
}
.displayNameInput::placeholder{color:rgba(191,205,228,.52)}
.displayNameInput:focus{
  border-color:rgba(122,173,255,.64);
  background:rgba(255,255,255,.09);
  box-shadow:0 0 0 4px rgba(74,149,255,.16);
}
.displayNameModalError{position:relative;z-index:1;margin-top:12px;min-height:19px;color:#ff96a4;font-size:13px;font-weight:700;line-height:1.4}
.displayNameModalActions{justify-content:flex-end}
.displayNameModalActions .errorBtn{margin-top:0;min-width:120px}
.bonusSubChannels{position:relative;z-index:1;margin:14px 0 0;padding:0;list-style:none;text-align:left;display:flex;flex-direction:column;gap:10px}
.bonusSubChannels li{
  padding:11px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(163,182,212,.12);
  font-size:14px;
  color:#d5deef;
  line-height:1.45;
}
.bonusSubChannels a{color:#8cc0ff;text-decoration:none;font-weight:700;word-break:break-word}
.bonusSubChannels a:hover{text-decoration:underline}
.bonusSubActions{position:relative;z-index:1;margin-top:18px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.bonusSubActions .errorBtn{margin-top:0;min-width:128px;flex:1 1 148px}
#errorModalActions .errorBtn{
  min-width:116px;
  flex:0 0 auto;
}
.slotsPaytableModalCard .bonusSubActions .errorBtn{
  min-width:122px;
  flex:0 0 auto;
}
.bonusSubActions .errorBtn.secondary{
  background:rgba(255,255,255,.06);
  border-color:rgba(163,182,212,.16);
  color:#e6eefc;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 24px rgba(0,0,0,.16);
}
.bonusSubActions .errorBtn.secondary:hover,
.bonusSubActions .errorBtn.secondary:focus-visible{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 28px rgba(0,0,0,.22);
}
.systemBlockCard{width:min(420px,100%);text-align:center}
.systemBlockTitle{font-size:34px}
.systemBlockText{
  position:relative;
  z-index:1;
  margin:12px 0 0;
  color:#a2b3cf;
  font-size:16px;
  line-height:1.55;
  white-space:pre-line;
}
.systemBlockCard .errorBtn{min-width:160px}
@keyframes appModalCardEnter{
  from{transform:translateY(10px) scale(.985);opacity:0}
  to{transform:translateY(0) scale(1);opacity:1}
}
.topNoticeWrap{position:fixed;top:14px;left:0;right:0;display:flex;justify-content:center;padding:0 12px;pointer-events:none;z-index:4000}
.topNotice{
  --notice-accent:#2ecf8f;
  --notice-accent-strong:#149c66;
  --notice-accent-soft:rgba(46,207,143,.24);
  --notice-sheen:rgba(255,255,255,.5);
  width:min(760px,100%);
  border-radius:28px;
  padding:18px 58px 18px 18px;
  color:#13213b;
  display:block;
  position:relative;
  overflow:hidden;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.36);
  background:
    radial-gradient(circle at top right, var(--notice-accent-soft) 0%, rgba(255,255,255,0) 34%),
    linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(243,248,255,.68) 100%);
  box-shadow:0 18px 38px rgba(15,27,52,.18);
  backdrop-filter:blur(18px);
  opacity:0;
  visibility:hidden;
  transform:translate3d(0,-14px,0) scale(.985);
  transition:opacity var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-emphasis),visibility 0s linear var(--motion-base);
}
.topNotice::before{
  content:"";
  position:absolute;
  inset:auto auto -36px -12px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle, var(--notice-accent-soft) 0%, rgba(255,255,255,0) 72%);
  pointer-events:none;
}
.topNotice::after{
  content:"";
  position:absolute;
  inset:1px 1px auto 1px;
  height:52%;
  border-radius:27px 27px 18px 18px;
  background:linear-gradient(180deg,var(--notice-sheen) 0%,rgba(255,255,255,0) 100%);
  pointer-events:none;
}
.topNotice.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0) scale(1);
  transition:opacity var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-emphasis),visibility 0s linear 0s;
}
.topNoticeError{
  --notice-accent:#ff6d8b;
  --notice-accent-strong:#d94666;
  --notice-accent-soft:rgba(255,109,139,.24);
}
.topNoticeSuccess{
  --notice-accent:#2ecf8f;
  --notice-accent-strong:#149c66;
  --notice-accent-soft:rgba(46,207,143,.24);
}
.topNoticeTitle{
  position:relative;
  z-index:1;
  font-size:26px;
  font-weight:800;
  line-height:1.08;
  margin:0 0 6px;
  display:flex;
  align-items:center;
  gap:12px;
  letter-spacing:-.04em;
}
.topNoticeTitle .iconInline{
  width:42px;
  height:42px;
  flex:0 0 auto;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.36) 100%);
  color:var(--notice-accent-strong);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46),0 10px 20px rgba(15,27,52,.1);
}
.topNoticeText{
  position:relative;
  z-index:1;
  font-size:18px;
  font-weight:700;
  line-height:1.28;
  margin:0;
  color:rgba(19,33,59,.84);
  max-width:calc(100% - 8px);
}
.topNoticeClose{
  position:absolute;
  top:14px;
  right:14px;
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:12px;
  background:rgba(255,255,255,.24);
  color:#42506a;
  font-size:26px;
  line-height:1;
  cursor:pointer;
  z-index:2;
  transition:background .2s ease,transform .2s ease,color .2s ease,border-color .2s ease;
}
.topNoticeClose:hover,
.topNoticeClose:focus-visible{
  background:rgba(255,255,255,.42);
  border-color:rgba(255,255,255,.52);
  color:#1f2d49;
  transform:translateY(-1px);
  outline:none;
}
.topNoticeBar{
  position:absolute;
  left:18px;
  right:18px;
  bottom:12px;
  height:6px;
  background:rgba(255,255,255,.34);
  border-radius:999px;
  overflow:hidden;
  z-index:1;
}
.topNoticeBar i{
  display:block;
  height:100%;
  width:100%;
  transform-origin:left center;
  background:linear-gradient(90deg,var(--notice-accent) 0%,var(--notice-accent-strong) 100%);
  box-shadow:0 0 16px var(--notice-accent-soft);
}
.topNotice.show .topNoticeBar i{animation:noticeBar linear forwards}
@keyframes noticeBar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media (max-width:680px){
  .topNotice{border-radius:22px;padding:16px 50px 16px 16px}
  .topNotice::after{border-radius:21px 21px 16px 16px}
  .topNoticeTitle{font-size:21px;gap:10px}
  .topNoticeTitle .iconInline{width:38px;height:38px;border-radius:12px}
  .topNoticeText{font-size:16px}
  .topNoticeClose{width:34px;height:34px;font-size:24px}
}
.winnerCard .avatar{
  position:relative;
  z-index:1;
  width:96px;
  height:96px;
  margin:0 auto 14px;
  border-radius:28px;
  border:1px solid rgba(255,209,120,.18);
  background:
    radial-gradient(circle at 30% 24%, rgba(255,244,190,.34) 0%, rgba(255,244,190,0) 42%),
    linear-gradient(180deg, rgba(255,196,72,.2) 0%, rgba(255,145,42,.12) 100%),
    rgba(255,255,255,.06);
  font-size:42px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 30px rgba(0,0,0,.24);
}
.winnerTitle{
  position:relative;
  z-index:1;
  font-family:'Space Grotesk',sans-serif;
  font-size:46px;
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.06em;
  margin:6px 0 0;
  color:#f7fbff;
}
.winnerName{
  position:relative;
  z-index:1;
  font-size:34px;
  color:#eff5ff;
  margin:10px 0 14px;
  font-weight:800;
  letter-spacing:-.05em;
}
.winnerMetric{
  position:relative;
  z-index:1;
  margin-top:12px;
  padding-top:14px;
  border-top:1px solid rgba(163,182,212,.14);
  color:#95a8c8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.telegramRequired{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg);z-index:40;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-base) var(--ease-standard),visibility 0s linear var(--motion-base)}
.telegramRequired.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--motion-base) var(--ease-standard),visibility 0s linear 0s}
.telegramRequiredCard{max-width:360px;width:100%;text-align:center;color:#1a1f2d;opacity:0;transform:translate3d(0,20px,0) scale(.96);transition:transform var(--motion-slow) var(--ease-emphasis),opacity var(--motion-base) var(--ease-standard)}
.telegramRequired.show .telegramRequiredCard{opacity:1;transform:translate3d(0,0,0) scale(1)}
.telegramRequiredIcon{width:80px;height:80px;border-radius:50%;background:#e5e9f2;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;color:#8a94a9;font-size:42px}
.telegramRequiredTitle{font-size:42px;font-weight:800;line-height:1.05;margin:0}
.telegramRequiredText{font-size:17px;line-height:1.45;color:#7d8598;margin:16px 0 24px}
.telegramRequiredBtn{display:inline-flex;align-items:center;justify-content:center;height:56px;min-width:250px;padding:0 26px;border-radius:18px;background:#1292ff;color:#fff;font-size:30px;font-weight:800;text-decoration:none;box-shadow:0 8px 22px rgba(18,146,255,.35)}
.appLoading{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 20% 18%, rgba(255,186,71,.12) 0%, rgba(255,186,71,0) 28%),
    radial-gradient(circle at 82% 22%, rgba(93,168,255,.12) 0%, rgba(93,168,255,0) 26%),
    radial-gradient(circle at 50% 76%, rgba(255,120,62,.1) 0%, rgba(255,120,62,0) 24%),
    linear-gradient(180deg,#05070d 0%,#090d18 52%,#05070d 100%);
  z-index:5000;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity var(--motion-slow) var(--ease-standard),visibility 0s linear var(--motion-slow);
}
.appLoading::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.52), rgba(0,0,0,0));
  pointer-events:none;
}
.appLoading.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--motion-slow) var(--ease-standard),visibility 0s linear 0s}
.appLoadingInner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  width:min(100vw,940px);
  min-height:100vh;
  padding:22px 18px 34px;
  opacity:0;
  transform:translate3d(0,24px,0) scale(.975);
  transition:transform var(--motion-slower) var(--ease-emphasis),opacity var(--motion-base) var(--ease-standard);
}
.appLoading.show .appLoadingInner{opacity:1;transform:translate3d(0,0,0) scale(1)}
.appLoadingIllustrationHost{
  position:relative;
  width:min(96vw,920px);
  aspect-ratio:4 / 3;
  display:grid;
  place-items:center;
  overflow:visible;
}
.appLoadingIllustrationHost::before{
  content:"";
  position:absolute;
  inset:2% 14% auto;
  height:34%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,202,84,.16) 0%, rgba(255,202,84,0) 70%);
  filter:blur(18px);
  pointer-events:none;
}
.appLoadingIllustrationHost::after{
  content:"";
  position:absolute;
  inset:auto 12% 8%;
  height:28%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(87,153,255,.14) 0%, rgba(87,153,255,0) 68%);
  filter:blur(16px);
  pointer-events:none;
}
.appLoadingSvgRoot{
  width:100%;
  height:auto;
  overflow:visible;
}
.appLoadingSvgRoot #loading-progress-clip-rect{
  transform-origin:left center;
  transform-box:fill-box;
  transform:scaleX(0);
  transition:transform .6s cubic-bezier(.22,.61,.36,1);
}
.appLoadingLegacyFallback{
  width:min(100%, 620px);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(255,209,102,.28)) drop-shadow(0 0 42px rgba(74,151,255,.18));
}
.appLoadingLabelWrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  text-align:center;
}
.appLoadingLabel{
  font-size:clamp(30px,5vw,44px);
  line-height:1;
  font-weight:800;
  letter-spacing:.12em;
  color:#ffd86d;
  text-shadow:0 0 12px rgba(255,190,53,.74),0 0 24px rgba(255,132,24,.48);
}
.appLoadingStatus{
  max-width:420px;
  color:#c4cfdf;
  font-size:14px;
  line-height:1.45;
  font-weight:600;
  letter-spacing:.03em;
}
.appLoadingProgress{
  position:relative;
  width:min(76vw,360px);
  height:16px;
  padding:3px;
  border-radius:999px;
  border:1px solid rgba(255,205,78,.42);
  background:linear-gradient(180deg,#201006 0%,#0e0603 100%);
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,145,32,.16),0 0 18px rgba(255,170,58,.22),inset 0 1px 3px rgba(255,214,114,.18);
}
.appLoadingProgressFill{
  position:absolute;
  top:3px;
  left:3px;
  bottom:3px;
  width:0%;
  min-width:0;
  border-radius:999px;
  background:linear-gradient(90deg,#ffcc00 0%,#ffb300 42%,#ff8800 100%);
  box-shadow:0 0 10px rgba(255,210,94,.64),0 0 18px rgba(255,146,28,.5);
  transition:width .4s ease;
}
.appLoadingProgressFill::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,0) 72%);
}
.appLoadingSvgRoot .loading-outline{
  --loading-outline-opacity:0;
  opacity:calc(var(--loading-outline-opacity) * .86);
  transform-origin:center;
  transform-box:fill-box;
  transform:
    translateY(calc((1 - var(--loading-outline-opacity)) * 10px))
    scale(calc(.982 + (var(--loading-outline-opacity) * .018)));
  filter:none;
  transition:opacity .36s linear, filter .4s ease, transform .42s ease;
}
.appLoadingSvgRoot .loading-outline.is-active{
  opacity:calc(.08 + (var(--loading-outline-opacity) * .78));
}
.appLoadingSvgRoot .loading-fill{
  --loading-stage-opacity:0;
  opacity:var(--loading-stage-opacity);
  transform-origin:center;
  transform-box:fill-box;
  transform:
    translateY(calc((1 - var(--loading-stage-opacity)) * 12px))
    scale(calc(.972 + (var(--loading-stage-opacity) * .028)));
  transition:opacity .34s linear, filter .42s ease, transform .5s ease;
}
.appLoadingSvgRoot .loading-fill.is-visible{
  opacity:var(--loading-stage-opacity);
  transform:
    translateY(calc((1 - var(--loading-stage-opacity)) * 12px))
    scale(calc(.972 + (var(--loading-stage-opacity) * .028)));
  filter:none;
}
.appLoadingSvgRoot .loading-fill--background.is-visible{
  opacity:calc(var(--loading-stage-opacity) * .28);
  transform:none;
  filter:none;
}
.appLoadingSvgRoot .loading-fill--sign.is-visible{
  filter:drop-shadow(0 0 10px rgba(255,124,62,.18));
}
.appLoadingSvgRoot .loading-fill--strip.is-visible{
  filter:drop-shadow(0 0 9px rgba(98,214,255,.16));
}
.appLoadingSvgRoot .loading-fill--casino.is-visible{
  filter:drop-shadow(0 0 10px rgba(255,185,76,.2));
}
.appLoadingSvgRoot .loading-fill--cards.is-visible{
  filter:drop-shadow(0 0 9px rgba(255,255,255,.12));
}
.appLoadingSvgRoot .loading-fill--chips.is-visible{
  filter:drop-shadow(0 0 9px rgba(255,126,74,.14));
}
.appLoadingSvgRoot .loading-fill--dice.is-visible{
  filter:drop-shadow(0 0 9px rgba(161,225,255,.14));
}
.appLoadingSvgRoot .loading-fill--star.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:drop-shadow(0 0 11px rgba(255,204,0,.38));
  animation:appLoadingStarPulse 2s infinite ease-in-out;
}
@keyframes appLoadingFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@keyframes appLoadingStarPulse{
  0%{transform:scale(1)}
  50%{transform:scale(1.1)}
  100%{transform:scale(1)}
}
.winnerPrize{
  position:relative;
  z-index:1;
  color:#ffd16b;
  font-size:50px;
  font-weight:800;
  line-height:1.04;
  margin:6px 0 10px;
  letter-spacing:-.05em;
  text-shadow:0 0 18px rgba(255,186,71,.2);
}
.winnerChance{
  position:relative;
  z-index:1;
  font-size:46px;
  font-weight:800;
  line-height:1.04;
  letter-spacing:-.05em;
  color:#f6fbff;
}
@media (max-width:680px){
  .winnerCard,
  .errorCard,
  .systemBlockCard{
    border-radius:24px;
    padding:22px 18px 18px;
  }
  .winnerCard::before,
  .errorCard::before,
  .systemBlockCard::before{
    border-radius:23px 23px 16px 16px;
  }
  .errorTitle,
  .systemBlockTitle{
    font-size:28px;
  }
  .winnerTitle{
    font-size:38px;
  }
  .winnerName{
    font-size:28px;
  }
  .winnerPrize,
  .winnerChance{
    font-size:40px;
  }
  .bonusSubActions{
    flex-direction:column;
  }
  .bonusSubActions .errorBtn{
    width:100%;
  }
  #errorModalActions .errorBtn{
    width:auto;
  }
  .slotsPaytableModalCard .bonusSubActions .errorBtn{
    width:auto;
  }
}
#home.active{display:block;height:auto;overflow:visible}

/* --- MINES GAME STYLES --- */
.minesCard{position:relative;overflow:hidden;border-radius:24px;padding:16px;background:radial-gradient(circle at 15% 0%,#fbfdff 0%,#f3f7ff 56%,#edf3ff 100%);color:#1f2734;border:1px solid #dbe6fb;box-shadow:0 12px 32px rgba(20,41,74,.08);box-sizing:border-box}
.minesCard::before{content:"";position:absolute;inset:-40% auto auto -10%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(50,107,234,.15) 0%,rgba(50,107,234,0) 70%);pointer-events:none}
.glassPanel{background:#ffffffcf;border:1px solid #dce7fb;border-radius:18px;backdrop-filter:blur(6px)}
.minesTopBar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;position:relative;z-index:1}
.minesTitle{font-size:24px;line-height:1;font-weight:900;letter-spacing:.2px}
.minesSubtitle{margin-top:6px;font-size:13px;line-height:1.35;color:#64748b;max-width:420px}
.minesRtpTag{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid #d6e4ff;background:#f6f9ff;font-weight:800;font-size:12px;color:#2054a8;white-space:nowrap}
.minesHud{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.minesHudItem{padding:10px 12px;border-radius:14px;background:linear-gradient(160deg,#fff 0%,#f7faff 100%);border:1px solid #deebff;box-shadow:0 4px 10px rgba(21,41,74,.05)}
.minesHudLabel{font-size:11px;text-transform:uppercase;letter-spacing:.45px;color:#7082a1;font-weight:700}
.minesHudValue{margin-top:5px;display:flex;align-items:center;gap:8px;font-size:22px;font-weight:900;color:#14223c}
.minesHudIcon{font-size:20px}
.minesLayout{margin-top:10px;display:grid;grid-template-columns:1fr;gap:3px;align-items:start}
.minesLayout,.minesBoardWrap,.minesControls,.minefield,.game-action-buttons{min-width:0;max-width:100%}
.minesBoardWrap{padding:10px}
.minesBoardWrap{order:1}
.minesControls{order:2}
.minesMultiplierWrap{order:3}
.minesGrid{isolation:isolate}
.minefield{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;max-width:100%;margin:0 auto;padding:10px;border-radius:18px;background:linear-gradient(180deg,#ebf2ff 0%,#dce9ff 100%);border:1px solid #cfe0ff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);box-sizing:border-box}
.towerGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;max-width:100%;margin:0 auto;padding:10px;border-radius:18px;background:linear-gradient(180deg,#ebf2ff 0%,#dce9ff 100%);border:1px solid #cfe0ff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);box-sizing:border-box}
.towerTile{position:relative;border:1px solid #bfd3f8;background:linear-gradient(180deg,#fff 0%,#eef4ff 100%);color:#385077;border-radius:12px;padding:12px 6px;min-height:56px;cursor:pointer;transition:.2s ease;font-weight:800;font-size:12px;line-height:1.2;display:flex;align-items:center;justify-content:center;gap:4px}
.towerTile.current-row:not(.revealed){box-shadow:0 0 0 2px rgba(22,95,219,.3),0 8px 14px rgba(25,95,217,.18)}
.towerTile.current-row:not(.revealed):active{transform:translateY(1px) scale(.98)}
.towerTile.revealed-safe{background:linear-gradient(180deg,#e7fff5 0%,#ccf7e2 100%);border-color:#8de0b8;color:#187b4a}
.towerTile.revealed-trap{background:linear-gradient(180deg,#fff0f1 0%,#ffd9dd 100%);border-color:#f0aab2;color:#b83249}
.towerTile:not(.revealed):not(.current-row){opacity:.55;cursor:not-allowed}
.towerTile:disabled{cursor:default}
.towerTileIcon{font-size:20px;line-height:1}
.towerBombIcon{display:inline-block;animation:bombPop .5s ease,bombGlow 1.3s ease-in-out infinite}
.towerTilePlaceholder{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#6f87af;opacity:.95}
.towerTilePlaceholder svg{display:block;width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.towerTile.current-row .towerTilePlaceholder{color:#1f63d9}
.minesTile{position:relative;display:block;border:0;padding:0;margin:0;width:100%;height:auto;cursor:pointer;appearance:none;background:transparent;-webkit-tap-highlight-color:transparent;contain:layout paint;transform:translateZ(0)}
.minesTile::before{content:"";display:block;padding-top:100%}
.minesTile:disabled{cursor:default}
.minesTileInner{position:absolute;inset:0;border-radius:12px;overflow:hidden;isolation:isolate}
.minesTileFace{position:absolute;inset:0;border-radius:12px;display:grid;place-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.72,.2,1),box-shadow .22s ease,filter .22s ease}
.minesTileFront{background:linear-gradient(180deg,#fff 0%,#eef4ff 100%);border:1px solid #bfd3f8;box-shadow:0 4px 8px rgba(35,74,130,.12);opacity:1;transform:scale(1);transition:transform .08s ease,box-shadow .08s ease,opacity .2s ease}
.minesTile:not(.revealed):active .minesTileFront{transform:translateY(1px) scale(.98);box-shadow:0 2px 5px rgba(35,74,130,.14)}
.minesTileBack{border:1px solid transparent;opacity:0;transform:scale(.88)}
.minesTile.revealed .minesTileFront{opacity:0;transform:scale(.94)}
.minesTile.revealed .minesTileBack{opacity:1;transform:scale(1)}
.minesTile.is-safe .minesTileBack{background:linear-gradient(180deg,#e7fff5 0%,#ccf7e2 100%);border-color:#8de0b8;box-shadow:0 0 0 2px rgba(38,181,111,.16)}
.minesTile.is-mine .minesTileBack{background:linear-gradient(180deg,#fff0f1 0%,#ffd9dd 100%);border-color:#f0aab2;box-shadow:0 0 0 2px rgba(226,58,86,.16)}
.minesTile--reveal-enter .minesTileBack{animation:minesTileRevealPop .28s cubic-bezier(.22,1,.36,1)}
.mineIcon{font-size:23px;line-height:1;user-select:none}
.minesTile.is-mine.is-loss .mineIcon{animation:bombPop .5s ease,bombGlow 1.3s ease-in-out infinite}
.minesMultiplierWrap{padding:12px}
.minesMultiplierLabel{font-size:11px;text-transform:uppercase;letter-spacing:.45px;color:#6f82a5;font-weight:800;margin-bottom:8px}
.xs{position:relative;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.xs::-webkit-scrollbar{display:none}
.xs .item{flex:0 0 auto;min-width:68px;height:34px;line-height:34px;text-align:center;border-radius:10px;background:#f6f9ff;border:1px solid #d6e2fb;color:#43557a;font-weight:800;font-size:13px;transition:.25s}
.xs .item.active{background:linear-gradient(180deg,#1f78ff 0%,#195fd9 100%);border-color:#195fd9;color:#fff;box-shadow:0 8px 16px rgba(25,95,217,.35)}
#towerMultiplierList .item{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;box-sizing:border-box}
#towerMultiplierList{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
#towerMultiplierList::-webkit-scrollbar{display:none}
#towerModeRoot .minesLayout{overflow:hidden}
#towerModeRoot .minesMultiplierWrap{overflow:hidden}
#towerActiveControls{min-width:0}
#towerActiveControls .buttonAutoMiner,
#towerActiveControls .start-game-btn{min-width:0}
#towerCashoutBtn{min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#towerWinAmount{display:inline-block;max-width:14ch;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.minesControls{padding:9px;display:flex;flex-direction:column;gap:6px}
.minesControlRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.minesControlGroup{display:flex;flex-direction:column;gap:8px}
.minesBetGroup{gap:6px}
.minesBetRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.minesBetHeader{text-align:center}
.minesBetInput{width:100%}
.minesBetInput input{text-align:center}
.minesBetGroup .buttonProject{flex:1;border:1px solid #d4e2fb;background:#f7faff;border-radius:10px;color:#1b5fcc;font-weight:800;font-size:12px;padding:9px 0;cursor:pointer;transition:background .15s ease,border-color .15s ease;line-height:1}
.minesBetGroup .buttonProject:hover{background:#eef5ff;border-color:#bfd4fb}
.minesBetGroup .input_gradient input{width:100%;margin:0;padding:9px 8px;border:1px solid #caddff;border-radius:10px;text-align:center;font-size:13px;font-weight:800;color:#14213d;background:#fff;box-sizing:border-box;line-height:1}

@media (min-width: 960px){
  .minesLayout{grid-template-columns:minmax(0,1.35fr) minmax(0,0.85fr);gap:12px;grid-template-areas:"board controls" "board multipliers"}
  .minesBoardWrap{grid-area:board}
  .minesControls{grid-area:controls;align-self:start}
  .minesMultiplierWrap{grid-area:multipliers;align-self:start}
  #towerModeRoot[data-tower-stage='play'] .minesLayout{
    grid-template-columns:minmax(0,1.35fr) minmax(0,0.85fr);
    grid-template-areas:
      "board controls"
      "multipliers controls";
    align-items:start;
  }
  #towerModeRoot[data-tower-stage='play'] .minesBoardWrap{
    grid-area:board;
  }
  #towerModeRoot[data-tower-stage='play'] .minesMultiplierWrap{
    grid-area:multipliers;
  }
  #towerModeRoot[data-tower-stage='play'] .minesControls{
    grid-area:controls;
    align-self:stretch;
  }
}

@media (max-width: 959px){
  #minesModeRoot{padding-bottom:0}
  #minesModeRoot .minesLayout{display:block}
  #minesModeRoot .minesMultiplierWrap{margin-bottom:10px}
  #minesModeRoot .minesBoardWrap{margin-bottom:10px}
  #minesModeRoot .minesControls{position:static;width:auto;max-width:none;transform:none;left:auto;bottom:auto;z-index:auto}
}
.dice_sidebar_field__header{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#7082a4;font-weight:800}
.dice_sidebar_field__body{display:flex;gap:6px;flex-wrap:nowrap}
.dice_sidebar_field__body button.buttonProject{flex:1;border:1px solid #d4e2fb;background:#f7faff;border-radius:10px;color:#1b5fcc;font-weight:800;font-size:12px;padding:9px 0;cursor:pointer;transition:background .15s ease,border-color .15s ease;line-height:1}
.dice_sidebar_field__body button.buttonProject:hover{background:#eef5ff;border-color:#bfd4fb}
.dice_sidebar_field__body .input_gradient{flex:2}
.dice_sidebar_field__body .input_gradient input{width:100%;margin:0;padding:9px 8px;border:1px solid #caddff;border-radius:10px;text-align:center;font-size:13px;font-weight:800;color:#14213d;background:#fff;box-sizing:border-box;line-height:1}
.game-action-buttons{display:flex;width:100%;gap:8px}
.start-game-btn{background:linear-gradient(180deg,#10356e 0%,#0f2f62 100%);color:#fff;font-size:15px;padding:14px;border-radius:12px;font-weight:900;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.buttonAutoMiner{background:#f7faff;color:#163970;font-size:15px;padding:14px;border-radius:12px;font-weight:800;border:1px solid #cfe0ff;cursor:pointer;flex:1}
.winPulse{display:inline-block;animation:winPulse 1.2s ease-in-out}
@keyframes winPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes minesTileRevealPop{0%{transform:scale(.82);filter:brightness(.94)}65%{transform:scale(1.04);filter:brightness(1.04)}100%{transform:scale(1);filter:brightness(1)}}
@keyframes bombPop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.1);opacity:1}100%{transform:scale(1)}}
@keyframes bombGlow{0%,100%{filter:drop-shadow(0 0 6px rgba(255,90,90,.6))}50%{filter:drop-shadow(0 0 16px rgba(255,60,60,.95))}}
@keyframes shakeGrid{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.shake{animation:shakeGrid .35s}
@media (max-width:760px){
  .minesCard{padding:14px}
  .minesTopBar{flex-direction:column;align-items:flex-start}
  .minefield{max-width:100%}
  .minesControlRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .dice_sidebar_field__body{flex-wrap:wrap}
  .dice_sidebar_field__body button.buttonProject{flex:1 1 calc(25% - 6px);min-width:0}
  .dice_sidebar_field__body .input_gradient{flex:1 1 100%;min-width:0}
  .game-action-buttons{flex-wrap:wrap}
  #minesActiveControls{width:100%}
}
.wheelCard .wheelStrip{margin-top:8px;background:rgba(255,255,255,.45);backdrop-filter:blur(16px);border-radius:22px;padding:14px;box-shadow:0 10px 40px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.6)}
.wheelContainer{position:relative;width:100%;max-width:100%;height:clamp(170px,30vw,240px);margin:0 auto;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#f8fbff 0%,#e8eef8 100%)}
.megaWheelBar{position:absolute;left:0;right:0;top:0;bottom:0;z-index:3;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:10px 14px}
.megaWheelSvg{display:block;width:min(100%,760px);height:auto;filter:drop-shadow(0 10px 24px rgba(15,23,42,.18))}
.wheelContainer.use-svg .wheelWrapper,
.wheelContainer.use-svg .pointer,
.wheelContainer.use-svg .glow{display:none}
.wheelContainer.use-svg .megaWheelBar{z-index:4}
.wheelContainer.use-svg .megaWheelSvg{animation:megaWheelFloat 4s ease-in-out infinite}
.wheelContainer.use-svg.is-rolling .megaWheelSvg{animation:megaWheelRoll 1.1s linear infinite}
.wheelContainer.use-svg .megaWheelCenter{transform-box:fill-box;transform-origin:center;animation:megaWheelPulse 2.4s ease-in-out infinite}
.wheelContainer.use-svg .megaWheelArrow{transform-box:fill-box;transform-origin:center;animation:megaWheelArrow 1.6s ease-in-out infinite}
.wheelTrackSkin{position:absolute;left:0;right:0;top:0;width:100%;height:120px;z-index:1;pointer-events:none;opacity:.9}
.wheelWrapper{position:absolute;left:0;right:0;bottom:36px;height:90px;overflow:hidden;z-index:3;background:linear-gradient(180deg,#ffffff 0%,#edf3ff 100%);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.15)}
.wheelDisk{display:flex;align-items:center;height:84px;will-change:transform;transform:translateX(0);padding:0 6px;transition:transform 4s cubic-bezier(.15,.8,.2,1)}
.track{transform:translateX(var(--offset,0px));transition:transform 4s cubic-bezier(.15,.8,.2,1)}
.glow{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);opacity:.8;width:min(88%,600px);height:auto;z-index:0;pointer-events:none;filter:blur(10px)}
.pointer{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:70px;height:52px;z-index:6;pointer-events:none}
.wheelSector{position:relative;flex:0 0 76px;height:64px;margin-right:8px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(0,0,0,.22),inset 0 0 8px rgba(255,255,255,.7)}
.wheelSectorText{font-size:22px;line-height:1;color:#fff;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.wheelSectorBadge{position:absolute;top:-9px;right:-4px;background:#111;color:#fff;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.25);align-items:center;justify-content:center}
.wheelSector.x2{background:#eab308}
.wheelSector.x3{background:#22c55e}
.wheelSector.x5{background:#f97316}
.wheelSector.x10{background:#ef4444}
.wheelSector.x20{background:#a855f7}
.wheelSector.x100{background:#3b82f6}
.wheelStatus{text-align:center;margin-top:10px;font-weight:700;color:#4b5c7a}
.wheel-timer-wrap{background:#e6edf8;border-radius:14px;padding:10px}
.wheelTimerText{font-weight:800;color:#596a89}.wheelTimerValue{font-size:44px;line-height:1;font-weight:800;color:#273b5b}
.wheelProgress{height:8px;background:#d5dfef;border-radius:8px;overflow:hidden}.wheelProgress i{display:block;height:100%;background:#0d84ff;width:0}
.poolsCard{margin-top:10px}
.poolBlock{padding:10px;border-radius:12px;margin-bottom:8px;border:1px solid transparent}
.poolBlock.x2{background:rgba(250,204,21,.16);border-color:rgba(250,204,21,.45)}
.poolBlock.x3{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.4)}
.poolBlock.x5{background:rgba(249,115,22,.14);border-color:rgba(249,115,22,.4)}
.poolBlock.x10{background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.38)}
.poolBlock.x20{background:rgba(168,85,247,.14);border-color:rgba(168,85,247,.38)}
.poolBlock.x100{background:rgba(59,130,246,.14);border-color:rgba(59,130,246,.4)}
.poolTitle{font-weight:800;margin-bottom:6px}
.poolRow{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:2px 0}
.multiplierGrid{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.multiBtn{border:0;border-radius:12px;padding:10px 0;font-weight:800;color:#fff;opacity:.65}
.multiBtn.active{opacity:1;box-shadow:0 0 0 2px #111 inset}.multiBtn.x2{background:#eab308}.multiBtn.x3{background:#22c55e}.multiBtn.x5{background:#f97316}.multiBtn.x10{background:#ef4444}.multiBtn.x20{background:#a855f7}.multiBtn.x100{background:#3b82f6}

@keyframes megaWheelFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}
@keyframes megaWheelPulse {
    0%, 100% { transform: scale(1); filter: drop-shadow(0 6px 12px rgba(245,124,0,.25)); }
    50% { transform: scale(1.05); filter: drop-shadow(0 10px 18px rgba(245,124,0,.35)); }
}
@keyframes megaWheelArrow {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(3px); }
}
@keyframes megaWheelRoll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-24px); }
}
@media (prefers-reduced-motion: reduce) {
    html{scroll-behavior:auto}
    .motion-entering,
    .winnerModal,
    .errorModal,
    .systemBlockModal,
    .winnerCard,
    .errorCard,
    .systemBlockCard,
    .topNotice,
    .telegramRequired,
    .telegramRequiredCard,
    .appLoading,
    .appLoadingInner { animation: none !important; transition: none !important; }
    .botGamesPromoCard,
    .botGamesPromoCard::before,
    .botGamesPromoCard::after,
    .botGamesPromoBgSvg,
    .botGamesPromoBgSvg *,
    .botGamesPromoAction svg { animation: none !important; transition: none !important; }
    .wheelContainer.use-svg .megaWheelSvg,
    .wheelContainer.use-svg .megaWheelCenter,
    .wheelContainer.use-svg .megaWheelArrow { animation: none !important; }
}

/* Theme overrides */
html[data-theme='dark'] .avatar{background:#273248;color:#dce6fb}
html[data-theme='dark'] .status-indicator{border-color:var(--surface)}
html[data-theme='dark'] .wallet-card{box-shadow:0 8px 20px rgba(3,7,16,.35)}
html[data-theme='dark'] .ctrl-btn.withdraw{background:var(--surface-muted);color:var(--text)}
html[data-theme='dark'] .ctrl-btn.deposit{box-shadow:0 6px 16px rgba(49,126,255,.4)}
html[data-theme='dark'] .wallet-label,
html[data-theme='dark'] .user-rank,
html[data-theme='dark'] .emptyState{color:var(--muted)}
html[data-theme='dark'] .modeMaintenance{background:#3a2630;color:#ffd8de}
html[data-theme='dark'] .botGamesPromoCard{background:linear-gradient(130deg,#1b4ea5 0%,#1f6dc4 45%,#2578c2 100%);border-color:rgba(157,198,255,.42);box-shadow:0 12px 24px rgba(3,12,28,.44)}
html[data-theme='dark'] .botGamesPromoCard::after{opacity:.22}
html[data-theme='dark'] .botGamesPromoCard:hover,
html[data-theme='dark'] .botGamesPromoCard:focus-visible{box-shadow:0 16px 32px rgba(2,10,28,.58)}
html[data-theme='dark'] .botGamesPromoBadge{background:rgba(6,16,32,.34);border-color:rgba(185,214,255,.4)}
html[data-theme='dark'] .botGamesPromoSubtitle{color:rgba(231,240,255,.85)}
html[data-theme='dark'] .botGamesPromoAction{background:rgba(8,20,40,.28);border-color:rgba(173,204,252,.4)}
html[data-theme='dark'] .botGamesPromoBgSvg{opacity:.52;filter:drop-shadow(0 6px 13px rgba(1,4,11,.38))}
html[data-theme='dark'] .botGamesPromoPayoutsCard{background:linear-gradient(130deg,#156f52 0%,#1b8d64 45%,#1ea773 100%);border-color:rgba(170,240,208,.36);box-shadow:0 12px 24px rgba(4,20,15,.44)}
html[data-theme='dark'] .botGamesPromoPayoutsCard::before{background:radial-gradient(circle,rgba(115,232,181,.5) 0%,rgba(115,232,181,.2) 42%,rgba(115,232,181,0) 76%)}
html[data-theme='dark'] .botGamesPromoBetsCard{background:linear-gradient(130deg,#a25c20 0%,#c3731e 45%,#d99424 100%);border-color:rgba(255,222,167,.36);box-shadow:0 12px 24px rgba(28,16,5,.44)}
html[data-theme='dark'] .botGamesPromoBetsCard::before{background:radial-gradient(circle,rgba(255,211,126,.55) 0%,rgba(255,211,126,.2) 42%,rgba(255,211,126,0) 76%)}
html[data-theme='dark'] .jackpotStrip{background:#1e2738}
html[data-theme='dark'] .roundBank,
html[data-theme='dark'] .roundStart{background:rgba(25,34,51,.92);box-shadow:none}
html[data-theme='dark'] .roundBank small,
html[data-theme='dark'] .roundStart small{color:#9eacc5}
html[data-theme='dark'] .roundStartProgress{background:#2b3852}
html[data-theme='dark'] .rouletteViewport{background:linear-gradient(180deg,#1e2839,#172130)}
html[data-theme='dark'] .rouletteViewport::before{background:linear-gradient(90deg,#172130 0%,rgba(23,33,48,.7) 55%,rgba(23,33,48,0) 100%)}
html[data-theme='dark'] .rouletteViewport::after{background:linear-gradient(270deg,#172130 0%,rgba(23,33,48,.7) 55%,rgba(23,33,48,0) 100%)}
html[data-theme='dark'] .rouletteItem{background:linear-gradient(170deg,#2a3447,#202a3b);box-shadow:inset 0 0 0 1px rgba(184,202,228,.2),0 10px 18px rgba(4,8,16,.4)}
html[data-theme='dark'] .jackpotMeta{background:var(--surface-soft);color:#a4b0c7}
html[data-theme='dark'] .betCard h4{color:#c2ccde}
html[data-theme='dark'] .amountInput button,
html[data-theme='dark'] .quickGrid button{background:var(--surface-soft);color:#64b2ff}
html[data-theme='dark'] .crashAutoCashoutBox{background:var(--surface-soft);border-color:var(--border)}
html[data-theme='dark'] .crashAutoCashoutToggle{color:#dbe7ff}
html[data-theme='dark'] .crashAutoCashoutLabel,
html[data-theme='dark'] .crashAutoCashoutStatus{color:#9dacc4}
html[data-theme='dark'] .crashAutoCashoutInput span{color:#dbe7ff}
html[data-theme='dark'] #betAmount,
html[data-theme='dark'] #crashBetAmount,
html[data-theme='dark'] #crashAutoCashoutTarget,
html[data-theme='dark'] #minesBetAmount,
html[data-theme='dark'] #withdrawAmount,
html[data-theme='dark'] #depositAmount,
html[data-theme='dark'] #minesCount{color:var(--text)}
html[data-theme='dark'] .unit{background:var(--surface-muted);color:#b0bdd6}
html[data-theme='dark'] .mainBtn{background:#0b1220;color:#f1f5ff}
html[data-theme='dark'] .mainBtn.crashBtnCashout{background:linear-gradient(180deg,#14b25f 0%,#0f8b4a 100%);color:#fff}
html[data-theme='dark'] .mainBtn.crashBtnCrashed{background:linear-gradient(180deg,#e15266 0%,#b83a4d 100%);color:#fff}
html[data-theme='dark'] .listChance{border-color:var(--border);background:var(--surface-soft);color:#6ec5ff}
html[data-theme='dark'] .navItem{color:#96a3bc}
html[data-theme='dark'] .navItem.active{color:#5fb5ff}
html[data-theme='dark'] .navItem.active::after{background:#5fb5ff}
html[data-theme='dark'] .btn{background:#0f172a;color:#f3f6ff}
html[data-theme='dark'] .depositSegment,
html[data-theme='dark'] .transactionsTabs{background:rgba(255,255,255,.06);border-color:var(--ui-border)}
html[data-theme='dark'] .depositSegment button,
html[data-theme='dark'] .transactionsTabs button{color:var(--ui-muted)}
html[data-theme='dark'] .depositSegment button.active,
html[data-theme='dark'] .transactionsTabs button.active{background:linear-gradient(135deg,rgba(74,123,255,.92),rgba(76,224,209,.62));color:#fff;box-shadow:0 12px 24px rgba(68,115,255,.18)}
html[data-theme='dark'] .walletConnectBtn,
html[data-theme='dark'] .walletInfo{border-color:var(--border);background:var(--surface-soft);color:var(--text)}
html[data-theme='dark'] .walletConnectBtn.connected{background:#1d304d;border-color:#335788;color:#cfe2ff}
html[data-theme='dark'] .depositHint{color:#9dacbf}
html[data-theme='dark'] .transactionItem{background:rgba(255,255,255,.05);border-color:var(--ui-border)}
html[data-theme='dark'] .transactionItem b{color:var(--text)}
html[data-theme='dark'] .transactionMeta,
html[data-theme='dark'] .transactionStatus{color:var(--ui-muted)}
html[data-theme='dark'] .transactionCancel--danger{background:rgba(222,74,91,.12);border-color:rgba(222,74,91,.18);color:#ffd7dc}
html[data-theme='dark'] .transactionCancel--check{background:rgba(74,151,255,.14);border-color:rgba(74,151,255,.2);color:#cfe2ff}
html[data-theme='dark'] .transactionsEmpty{background:rgba(255,255,255,.05);border-color:var(--ui-border);color:var(--ui-muted)}
html[data-theme='dark'] .bonusPageTitle,
html[data-theme='dark'] .refPageTitle,
html[data-theme='dark'] .refFriendsTitle{color:var(--text)}
html[data-theme='dark'] .bonusHubCard{background:var(--ui-card);border-color:var(--ui-border)}
html[data-theme='dark'] .bonusHubCard--cashback{
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
    linear-gradient(145deg,rgba(19,84,208,.96) 0%,rgba(18,127,195,.88) 100%);
  border-color:rgba(255,255,255,.12);
}
html[data-theme='dark'] .bonusCardIcon{background:rgba(255,255,255,.06);border-color:var(--ui-border);color:var(--ui-text)}
html[data-theme='dark'] .bonusCardTitle,
html[data-theme='dark'] .bonusCardSubtitle b,
html[data-theme='dark'] .refSubtitle b{color:var(--text)}
html[data-theme='dark'] .bonusCardSubtitle,
html[data-theme='dark'] .refSubtitle{color:#b0bed5}
html[data-theme='dark'] .dailyRouletteWrap{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08)}
html[data-theme='dark'] .dailyTimer{color:var(--ui-text)}
html[data-theme='dark'] .dailyTimer b{color:#74b7ff}
html[data-theme='dark'] .promoInput{background:rgba(255,255,255,.06);border-color:var(--ui-border);color:var(--text)}
html[data-theme='dark'] .promoInput::placeholder{color:var(--ui-muted)}
html[data-theme='dark'] .promoBtn,
html[data-theme='dark'] .bonusActionBtn--dark{background:linear-gradient(180deg,#0c1428 0%,#0f1a33 100%)}
html[data-theme='dark'] .refCard,
html[data-theme='dark'] .refFriendsList,
html[data-theme='dark'] .winnerCard,
html[data-theme='dark'] .errorCard,
html[data-theme='dark'] .systemBlockCard{
  background:
    radial-gradient(circle at top right, rgba(84,137,255,.16) 0%, rgba(84,137,255,0) 32%),
    radial-gradient(circle at left bottom, rgba(255,168,97,.14) 0%, rgba(255,168,97,0) 38%),
    linear-gradient(180deg, rgba(21,30,46,.96) 0%, rgba(11,17,28,.98) 100%);
}
html[data-theme='dark'] .refLinkBox{background:rgba(255,255,255,.06);border-color:var(--ui-border)}
html[data-theme='dark'] #refLink{color:var(--ui-text)}
html[data-theme='dark'] .refCopyBtn{background:rgba(255,255,255,.06);border-color:var(--ui-border);color:var(--ui-text)}
html[data-theme='dark'] .refStatItem{background:rgba(255,255,255,.05);border-color:var(--ui-border)}
html[data-theme='dark'] .refStatIcon{background:rgba(255,255,255,.06);color:#7eb1ff}
html[data-theme='dark'] .refStatLabel,
html[data-theme='dark'] .refFriendMeta{color:var(--ui-muted)}
html[data-theme='dark'] .refStatValue,
html[data-theme='dark'] .refFriendName,
html[data-theme='dark'] .refFriendBets{color:var(--text)}
html[data-theme='dark'] .refFriendItem{border-bottom-color:rgba(255,255,255,.08)}
html[data-theme='dark'] .refFriendsEmpty{background:rgba(255,255,255,.05);border-color:var(--ui-border);color:var(--ui-muted)}
html[data-theme='dark'] .winnerName{color:var(--text)}
html[data-theme='dark'] .winnerMetric{border-top-color:var(--border);color:#95a3bb}
html[data-theme='dark'] .errorTitle,
html[data-theme='dark'] .systemBlockTitle{color:var(--text)}
html[data-theme='dark'] .errorText,
html[data-theme='dark'] .systemBlockText{color:#9fadc4}
html[data-theme='dark'] .displayNameModalText{color:#9fadc4}
html[data-theme='dark'] .displayNameFieldLabel{color:#b5c1d6}
html[data-theme='dark'] .displayNameInput{background:var(--surface-muted);border-color:var(--border);color:var(--text)}
html[data-theme='dark'] .displayNameInput:focus{background:var(--surface);border-color:#4a95ff;box-shadow:0 0 0 3px rgba(74,149,255,.18)}
html[data-theme='dark'] .displayNameModalError{color:#ff8b96}
html[data-theme='dark'] .slotsPaytableModalEyebrow{color:#9fadc4}
html[data-theme='dark'] .slotsPaytableModalClose{background:rgba(255,255,255,.06);border-color:rgba(163,182,212,.16);color:#dbe5f7}
html[data-theme='dark'] .bonusSubChannels li{color:#c2cde0}
html[data-theme='dark'] .bonusSubActions .errorBtn.secondary{background:rgba(255,255,255,.06);border-color:rgba(163,182,212,.16);color:#dbe5f7}
html[data-theme='dark'] .winnerModal,
html[data-theme='dark'] .errorModal,
html[data-theme='dark'] .systemBlockModal{
  background:
    radial-gradient(circle at 14% 18%, rgba(74,151,255,.18) 0%, rgba(74,151,255,0) 34%),
    radial-gradient(circle at 86% 82%, rgba(255,178,71,.16) 0%, rgba(255,178,71,0) 36%),
    rgba(5,10,18,.78);
}
html[data-theme='dark'] .topNotice{
  color:#e6efff;
  border-color:rgba(163,182,212,.16);
  background:
    radial-gradient(circle at top right, var(--notice-accent-soft) 0%, rgba(255,255,255,0) 32%),
    linear-gradient(180deg, rgba(18,28,42,.88) 0%, rgba(11,18,29,.78) 100%);
  box-shadow:0 18px 38px rgba(3,8,17,.34);
}
html[data-theme='dark'] .topNotice::after{
  background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 100%);
}
html[data-theme='dark'] .topNoticeTitle .iconInline{
  background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.06) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 20px rgba(0,0,0,.18);
}
html[data-theme='dark'] .topNoticeText{
  color:rgba(230,239,255,.82);
}
html[data-theme='dark'] .topNoticeClose{
  border-color:rgba(163,182,212,.14);
  background:rgba(255,255,255,.06);
  color:#b5c7e6;
}
html[data-theme='dark'] .topNoticeClose:hover,
html[data-theme='dark'] .topNoticeClose:focus-visible{
  background:rgba(255,255,255,.1);
  border-color:rgba(163,182,212,.24);
  color:#eef5ff;
}
html[data-theme='dark'] .topNoticeBar{
  background:rgba(255,255,255,.1);
}
html[data-theme='dark'] .telegramRequiredCard,
html[data-theme='dark'] .appLoadingInner{color:var(--text)}
html[data-theme='dark'] .telegramRequiredIcon{background:var(--surface-muted);color:#9eabbe}
html[data-theme='dark'] .telegramRequiredText{color:#a6b4cc}
html[data-theme='dark'] .crashTopPanel{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:0 10px 24px rgba(3,7,16,.36)}
html[data-theme='dark'] .crashStatusText,
html[data-theme='dark'] .crashRoundMeta{color:#a7b4ca}
html[data-theme='dark'] .crashCountdownTrack{background:var(--surface-muted)}
html[data-theme='dark'] .crashHistoryItem{background:var(--surface-soft);color:#b7c3d9}
html[data-theme='dark'] .crashHint{color:#9dacc4}
html[data-theme='dark'] .minesCard{background:radial-gradient(circle at 15% 0%,#1d2a3e 0%,#182335 56%,#111a28 100%);border-color:#2d3a54;color:#dbe5f8;box-shadow:0 12px 30px rgba(3,7,15,.42)}
html[data-theme='dark'] .minesCard::before{background:radial-gradient(circle,rgba(95,142,232,.2) 0%,rgba(50,107,234,0) 70%)}
html[data-theme='dark'] .glassPanel{background:rgba(21,31,47,.86);border-color:#2d3a54}
html[data-theme='dark'] .minesSubtitle,
html[data-theme='dark'] .minesHudLabel,
html[data-theme='dark'] .minesMultiplierLabel,
html[data-theme='dark'] .dice_sidebar_field__header{color:#9eacc4}
html[data-theme='dark'] .minesRtpTag{border-color:#2f4d77;background:#1e304a;color:#bfdaff}
html[data-theme='dark'] .minesHudItem{background:linear-gradient(160deg,#1d2a3d 0%,#182335 100%);border-color:#2d3a54;box-shadow:none}
html[data-theme='dark'] .minesHudValue{color:#e1e9f9}
html[data-theme='dark'] .minefield{background:linear-gradient(180deg,#1e2a3d 0%,#182334 100%);border-color:#2e3c57;box-shadow:inset 0 0 0 1px rgba(182,200,228,.18)}
html[data-theme='dark'] .towerGrid{background:linear-gradient(180deg,#1e2a3d 0%,#182334 100%);border-color:#2e3c57;box-shadow:inset 0 0 0 1px rgba(182,200,228,.18)}
html[data-theme='dark'] .towerTile{background:linear-gradient(180deg,#27364f 0%,#1d2a3f 100%);border-color:#3b4f71;color:#d4e1f8}
html[data-theme='dark'] .towerTile.current-row:not(.revealed){box-shadow:0 0 0 2px rgba(89,151,255,.35),0 8px 14px rgba(89,151,255,.2)}
html[data-theme='dark'] .towerTile.revealed-safe{background:linear-gradient(180deg,#1f4f3a 0%,#1b3c31 100%);border-color:#3b8c67;color:#bff0d7}
html[data-theme='dark'] .towerTile.revealed-trap{background:linear-gradient(180deg,#5f2a33 0%,#4a1f26 100%);border-color:#8a4450;color:#ffcdd4}
html[data-theme='dark'] .towerTilePlaceholder{color:#8fa8cf}
html[data-theme='dark'] .towerTile.current-row .towerTilePlaceholder{color:#a7c4ff}
html[data-theme='dark'] .minesTileFront{background:linear-gradient(180deg,#27364f 0%,#1d2a3f 100%);border-color:#3b4f71;box-shadow:0 4px 8px rgba(3,7,15,.4)}
html[data-theme='dark'] .minesTile.is-safe .minesTileBack{background:linear-gradient(180deg,#1f4f3a 0%,#1b3c31 100%);border-color:#3b8c67}
html[data-theme='dark'] .minesTile.is-mine .minesTileBack{background:linear-gradient(180deg,#5f2a33 0%,#4a1f26 100%);border-color:#8a4450}
html[data-theme='dark'] .xs .item{background:#1d2a3f;border-color:#334866;color:#b8c7df}
html[data-theme='dark'] .minesBetGroup .buttonProject,
html[data-theme='dark'] .dice_sidebar_field__body button.buttonProject{border-color:#365079;background:#1f304b;color:#c0d9ff}
html[data-theme='dark'] .minesBetGroup .buttonProject:hover,
html[data-theme='dark'] .dice_sidebar_field__body button.buttonProject:hover{background:#243a5b;border-color:#4a6ea6}
html[data-theme='dark'] .minesBetGroup .input_gradient input,
html[data-theme='dark'] .dice_sidebar_field__body .input_gradient input{border-color:#3b5276;background:#1a263b;color:#e7eefc}
html[data-theme='dark'] .buttonAutoMiner{background:#1d2a40;border-color:#3a4f73;color:#c5d8fb}
html[data-theme='dark'] .wheelCard .wheelStrip{background:rgba(19,28,43,.74);box-shadow:0 10px 36px rgba(2,7,14,.45),inset 0 0 0 1px rgba(138,159,191,.2)}
html[data-theme='dark'] .wheelContainer{background:linear-gradient(180deg,#1d2a3d 0%,#162033 100%)}
html[data-theme='dark'] .wheelWrapper{background:linear-gradient(180deg,#1f2c42 0%,#162234 100%);box-shadow:0 10px 40px rgba(2,7,14,.5)}
html[data-theme='dark'] .wheelStatus{color:#b3c0d8}
html[data-theme='dark'] .wheel-timer-wrap{background:#1d2a3f}
html[data-theme='dark'] .wheelTimerText{color:#a7b6cd}
html[data-theme='dark'] .wheelTimerValue{color:#d6e0f2}
html[data-theme='dark'] .wheelProgress{background:#2c3a53}

/* === Mode Selector Refresh Start === */
:root{
  --ui-bg:
    radial-gradient(circle at 12% 18%,rgba(94,154,255,.34),transparent 24%),
    radial-gradient(circle at 84% 8%,rgba(79,224,211,.18),transparent 22%),
    radial-gradient(circle at 76% 80%,rgba(255,189,114,.12),transparent 18%),
    linear-gradient(180deg,#f3f7ff 0%,#dde8f8 52%,#c8d7ee 100%);
  --ui-text:#10203a;
  --ui-muted:rgba(16,32,58,.62);
  --ui-panel:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.1));
  --ui-card:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
  --ui-chip:rgba(255,255,255,.1);
  --ui-chip-strong:rgba(255,255,255,.16);
  --ui-border:rgba(255,255,255,.26);
  --ui-border-strong:rgba(255,255,255,.4);
  --ui-shadow:0 24px 60px rgba(20,36,68,.16);
  --ui-shadow-soft:0 16px 36px rgba(20,36,68,.12);
  --ui-glow-blue:rgba(86,142,255,.44);
  --ui-glow-cyan:rgba(78,226,213,.28);
}
html[data-theme='dark']{
  --ui-bg:
    radial-gradient(circle at 12% 16%,rgba(82,130,255,.24),transparent 26%),
    radial-gradient(circle at 84% 8%,rgba(61,199,184,.1),transparent 22%),
    radial-gradient(circle at 76% 78%,rgba(255,168,89,.08),transparent 18%),
    linear-gradient(180deg,#07111f 0%,#0d182a 50%,#13203a 100%);
  --ui-text:#ebf3ff;
  --ui-muted:rgba(235,243,255,.66);
  --ui-panel:linear-gradient(180deg,rgba(15,21,37,.58),rgba(15,21,37,.34));
  --ui-card:linear-gradient(180deg,rgba(17,26,45,.54),rgba(17,26,45,.24));
  --ui-chip:rgba(255,255,255,.06);
  --ui-chip-strong:rgba(255,255,255,.1);
  --ui-border:rgba(195,215,255,.12);
  --ui-border-strong:rgba(255,255,255,.2);
  --ui-shadow:0 28px 70px rgba(0,0,0,.34);
  --ui-shadow-soft:0 18px 42px rgba(0,0,0,.24);
  --ui-glow-blue:rgba(96,142,255,.34);
  --ui-glow-cyan:rgba(66,216,198,.2);
}
body{
  min-height:100vh;
  font-family:'Manrope',sans-serif;
  color:var(--ui-text);
  background:var(--ui-bg);
  background-attachment:fixed;
  position:relative;
}
body::before,
body::after{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
}
body::before{
  background:
    radial-gradient(circle at 24% 20%,rgba(255,255,255,.2),transparent 18%),
    radial-gradient(circle at 82% 12%,rgba(255,255,255,.12),transparent 20%),
    radial-gradient(circle at 68% 72%,rgba(255,255,255,.08),transparent 18%);
}
body::after{
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:44px 44px;
  opacity:.1;
}
.app{
  position:relative;
  max-width:980px;
  padding:12px 10px 108px;
}
.app-header{
  position:sticky;
  top:6px;
  z-index:1000;
  margin:0 0 14px;
  padding:0;
  background:none;
  border:none;
}
.nanoGlassBar,
.glassPanel,
.lobbyTopline,
.playGlassScene,
.bottomNav{
  position:relative;
  overflow:hidden;
  background:var(--ui-panel);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 var(--ui-border-strong),var(--ui-shadow);
  backdrop-filter:blur(28px) saturate(140%);
  -webkit-backdrop-filter:blur(28px) saturate(140%);
}
.nanoGlassBar::before,
.lobbyTopline::before,
.playGlassScene::before,
.bottomNav::before{
  content:'';
  position:absolute;
  inset:-1px;
  background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 32%,transparent 68%,rgba(255,255,255,.1));
  pointer-events:none;
}
.nanoHeaderTop{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:8px;
  padding:2px 8px 0;
}
.nanoBrandBanner{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:4px 12px;
}
.nanoBrandBanner::before{
  content:'';
  position:absolute;
  inset:4px -8px;
  border-radius:999px;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,73,73,.2) 0%, rgba(255,73,73,0) 70%);
  opacity:.9;
  filter:blur(14px);
  animation:nanoBrandHaloWave 3.6s ease-in-out infinite;
}
.nanoGlassBar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:28px;
}
.nanoProfileChip,
.nanoWalletChip,
.nanoActionBtn,
.nanoEditBtn,
.lobbySignalPill,
.lobbyInfoPill,
.lobbyQuickBtn,
.playGlassBadge,
.playGlassCopy,
.playGlassBack,
.playModeTab,
.navItem.active{
  background:var(--ui-chip);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
}
.nanoProfileChip{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  width:max-content;
  max-width:100%;
  padding:6px 8px 6px 6px;
  border-radius:22px;
}
.nanoProfileMeta{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  max-width:min(46vw,240px);
}
.nanoAvatarShell{
  position:relative;
  width:38px;
  height:38px;
  min-width:38px;
}
.nanoAvatarShell .avatar{
  width:100%;
  height:100%;
  border-radius:14px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.08)),
    rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  color:var(--ui-text);
  box-shadow:0 10px 24px rgba(9,17,32,.2);
}
.status-indicator{
  right:0;
  bottom:0;
  width:10px;
  height:10px;
  border:2px solid rgba(255,255,255,.88);
}
.nanoNick{
  min-width:0;
  max-width:clamp(90px,20vw,184px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--ui-text);
  font-family:'Manrope',sans-serif;
  font-size:13px;
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.04em;
}
.nanoProfileSubline{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  color:var(--ui-muted);
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.nanoRoleBadge{
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}
.nanoRoleBadge--admin{
  background:linear-gradient(135deg,rgba(255,105,93,.24),rgba(255,153,56,.18));
  color:#ffd3c8;
}
.nanoRoleBadge--support{
  background:linear-gradient(135deg,rgba(62,190,119,.22),rgba(71,123,255,.18));
  color:#c6f7da;
}
.nanoProfileHandle{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--ui-muted);
  letter-spacing:0;
  text-transform:none;
}
.nanoEditBtn,
.nanoActionBtn{
  position:relative;
  z-index:1;
  height:38px;
  min-width:38px;
  padding:0 11px;
  border-radius:16px;
  color:var(--ui-text);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.nanoEditBtn:hover,
.nanoEditBtn:focus-visible,
.nanoActionBtn:hover,
.nanoActionBtn:focus-visible,
.lobbyQuickBtn:hover,
.lobbyQuickBtn:focus-visible,
.playGlassBack:hover,
.playGlassBack:focus-visible,
.playModeTab:hover,
.playModeTab:focus-visible,
.navItem:hover,
.navItem:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(20,36,68,.12);
  outline:none;
}
.nanoEditBtn:active,
.nanoActionBtn:active,
.lobbyQuickBtn:active,
.playGlassBack:active,
.playModeTab:active,
.navItem:active{transform:scale(1.04)}
.nanoEditBtn svg{
  width:15px;
  height:15px;
}
.nanoEditBtn{
  width:38px;
  padding:0;
}
.nanoActionBtn{
  width:40px;
  min-width:40px;
  padding:0;
}
.nanoBrandGlow{
  position:absolute;
  left:50%;
  top:50%;
  width:300px;
  height:110px;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:
    radial-gradient(circle,rgba(255,70,70,.5) 0%,rgba(255,40,40,.24) 22%,rgba(255,20,20,.08) 46%,rgba(255,62,62,0) 74%);
  filter:blur(24px);
  opacity:.96;
  mix-blend-mode:screen;
  animation:nanoBrandGlowPulse 3s ease-in-out infinite;
}
.nanoBrandFlare{
  position:absolute;
  left:50%;
  top:50%;
  width:168px;
  height:180%;
  transform:translate(-50%,-50%) rotate(14deg);
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,220,220,.1) 28%,rgba(255,255,255,.72) 50%,rgba(255,220,220,.08) 72%,rgba(255,255,255,0) 100%);
  opacity:.34;
  filter:blur(4px);
  mix-blend-mode:screen;
  pointer-events:none;
  animation:nanoBrandFlareSweep 4.8s cubic-bezier(.19,.75,.23,.99) infinite;
}
.nanoBrandWordmark{
  position:relative;
  display:inline-block;
  color:#ff7b84;
  font-family:'Space Grotesk',sans-serif;
  font-size:44px;
  line-height:.9;
  font-weight:700;
  letter-spacing:-.09em;
  text-transform:uppercase;
  text-shadow:
    0 0 10px rgba(255,123,132,.95),
    0 0 24px rgba(255,64,64,.72),
    0 0 46px rgba(255,40,40,.28),
    0 12px 24px rgba(29,6,11,.42);
  transform-origin:center;
  animation:
    nanoBrandWordmarkPulse 3s ease-in-out infinite,
    nanoBrandWordmarkFloat 5.6s ease-in-out infinite;
}
.nanoWalletCluster{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
}
.nanoWalletChip{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-width:0;
  padding:7px 12px;
  border-radius:20px;
}
.nanoWalletLabel{
  color:var(--ui-muted);
  font-family:'Space Grotesk',sans-serif;
  font-size:9px;
  line-height:1;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.nanoWalletValue{
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:18px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.06em;
  white-space:nowrap;
}
.nanoWalletValue span{
  font-size:10px;
  opacity:.72;
}
.nanoWalletActions{
  display:flex;
  align-items:stretch;
  gap:8px;
}
.nanoActionBtn{
  font-family:'Space Grotesk',sans-serif;
  font-size:18px;
  font-weight:700;
}
.nanoActionGlyph{
  font-size:22px;
  line-height:1;
  font-weight:700;
}
.nanoActionBtn--deposit{
  background:linear-gradient(135deg,rgba(71,123,255,.92),rgba(76,221,209,.74));
  color:#fff;
  border-color:transparent;
  box-shadow:0 16px 28px rgba(68,115,255,.22);
}
.nanoActionBtn--withdraw{
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));
}
@keyframes nanoBrandGlowPulse{
  0%,100%{
    opacity:.72;
    transform:translate(-50%,-50%) scale(.92);
    filter:blur(24px);
  }
  50%{
    opacity:1;
    transform:translate(-50%,-50%) scale(1.14);
    filter:blur(30px);
  }
}
@keyframes nanoBrandWordmarkPulse{
  0%,100%{
    color:#ff7b84;
    text-shadow:
      0 0 10px rgba(255,123,132,.95),
      0 0 24px rgba(255,64,64,.72),
      0 0 46px rgba(255,40,40,.28),
      0 12px 24px rgba(29,6,11,.42);
  }
  50%{
    color:#ffb1b7;
    text-shadow:
      0 0 16px rgba(255,172,172,1),
      0 0 34px rgba(255,84,84,.92),
      0 0 72px rgba(255,40,40,.42),
      0 16px 30px rgba(29,6,11,.5);
  }
}
@keyframes nanoBrandWordmarkFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-1px) scale(1.025)}
}
@keyframes nanoBrandFlareSweep{
  0%{
    opacity:0;
    transform:translate(-138%,-50%) rotate(14deg);
  }
  16%{
    opacity:.24;
  }
  38%{
    opacity:.58;
  }
  58%{
    opacity:.18;
  }
  100%{
    opacity:0;
    transform:translate(38%,-50%) rotate(14deg);
  }
}
@keyframes nanoBrandHaloWave{
  0%,100%{
    opacity:.45;
    transform:scale(.94);
  }
  50%{
    opacity:.9;
    transform:scale(1.08);
  }
}
#home.active,
#games.active{
  display:block;
  height:auto;
  overflow:visible;
}
.lobbyGlassAtlas{position:relative}
.lobbyTopline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:16px;
  padding:10px 12px;
  border-radius:22px;
}
.lobbyToplineMeta,
.playGlassLead{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.lobbyToplineMeta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  width:100%;
  gap:10px;
}
.lobbySignalPill,
.lobbyInfoPill,
.lobbyQuickBtn,
.playGlassBadge,
.playGlassCopy,
.playGlassBack{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.lobbySignalDot{
  width:8px;
  height:8px;
  margin-right:8px;
  border-radius:50%;
  background:#60d9ff;
  box-shadow:0 0 12px rgba(96,217,255,.78);
}
.lobbyQuickBtn,
.playGlassBack{
  position:relative;
  z-index:1;
  cursor:pointer;
}
.lobbyQuickBtn{
  border:none;
}
.lobbyQuickBtn--channel{
  width:100%;
  min-width:0;
  min-height:44px;
  padding:8px 12px 8px 10px;
  gap:10px;
  justify-content:flex-start;
  border-radius:18px;
  background:
    linear-gradient(135deg,rgba(111,178,255,.2),rgba(49,116,255,.12)),
    var(--ui-chip);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 10px 28px rgba(18,38,78,.14);
}
.lobbyQuickBtn--news{
  background:
    linear-gradient(135deg,rgba(255,188,118,.2),rgba(255,117,61,.12)),
    var(--ui-chip);
}
.lobbyQuickBtn--news .lobbyQuickBtnGlyph{
  color:#ffe8c7;
  background:linear-gradient(135deg,rgba(255,191,117,.3),rgba(255,123,82,.18));
}
.lobbyQuickBtnGlyph{
  width:28px;
  height:28px;
  min-width:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  color:#c9edff;
  background:linear-gradient(135deg,rgba(101,187,255,.3),rgba(61,120,255,.18));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
}
.lobbyQuickBtnGlyph svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.lobbyQuickBtnCopy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  min-width:0;
}
.lobbyQuickBtnLabel{
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:11px;
  line-height:1.08;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:normal;
}
.lobbyQuickBtnCaption{
  color:var(--ui-muted);
  font-family:'Manrope',sans-serif;
  font-size:12px;
  line-height:1.12;
  font-weight:700;
  letter-spacing:-.02em;
  text-transform:none;
  white-space:normal;
}
.lobbyQuickBtnArrow{
  margin-left:auto;
  color:#d7e6ff;
  font-size:15px;
  line-height:1;
}
.modeConstellation{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.modeGlassCard{
  --card-accent:rgba(84,143,255,.34);
  position:relative;
  min-height:176px;
  padding:18px;
  border:none;
  border-radius:24px;
  text-align:left;
  display:flex;
  flex-direction:column;
  gap:14px;
  overflow:hidden;
  cursor:pointer;
  color:var(--ui-text);
  background:var(--ui-card);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),var(--ui-shadow-soft);
  backdrop-filter:blur(30px) saturate(150%);
  -webkit-backdrop-filter:blur(30px) saturate(150%);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,border-color .2s ease;
}
.modeGlassCard::before,
.modeGlassCard::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
}
.modeGlassCard::before{
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 42%);
  opacity:.85;
}
.modeGlassCard::after{
  inset:auto -24% -34% auto;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,var(--card-accent) 0%,rgba(255,255,255,0) 74%);
  filter:blur(12px);
  opacity:.9;
}
.modeGlassCard:hover,
.modeGlassCard:focus-visible{
  transform:translateY(-4px);
  box-shadow:0 0 25px rgba(80,140,255,.5),0 22px 46px rgba(13,27,51,.18);
  outline:none;
}
.modeGlassCard:active{transform:scale(1.04)}
.modeGlassCard.is-disabled{
  filter:saturate(.66) brightness(.92);
  opacity:.84;
}
.modeGlassCard.is-maintenance{
  --card-accent:rgba(255,129,145,.3);
  padding-top:54px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 36px rgba(19,10,17,.22);
}
.modeGlassCard.is-maintenance .modeGlassState{
  min-height:34px;
  max-width:152px;
  padding:6px 10px;
  text-align:center;
  line-height:1.2;
  background:rgba(255,116,139,.14);
  border-color:rgba(255,142,164,.26);
  color:#ffd6df;
}
.modeGlassCard.is-maintenance .modeGlassHint{
  color:#ffd1da;
}
.modeGlassCard.is-maintenance .modeGlassArrow{
  color:#ff9eb1;
}
.modeGlassCard.is-maintenance .modeGlassCornerFlag--promo{
  display:none;
}
.modeGlassCard--slots{grid-column:1 / -1}
.modeGlassCard--jackpot{--card-accent:rgba(255,216,112,.58)}
.modeGlassCard--crash{--card-accent:rgba(92,230,255,.46)}
.modeGlassCard--tower{--card-accent:rgba(132,153,255,.42)}
.modeGlassCard--mines{--card-accent:rgba(255,137,111,.44)}
.modeGlassCard--slots{--card-accent:rgba(255,255,255,.28)}
.modeGlassCard--slots.is-promo-muted .modeGlassCornerFlag--promo,
.modeGlassCard--slots.is-promo-muted .modeGlassWordField,
html[data-slots-promo='off'] #modeCardSlotsPromoFlag,
html[data-slots-promo='off'] #modeCardSlotsNewField{
  display:none !important;
}
.modeGlassWordField{
  position:absolute;
  inset:0;
  z-index:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
  padding:8px 0;
  overflow:hidden;
  pointer-events:none;
  transform:rotate(-11deg) scale(1.08);
}
.modeGlassWordRow{
  display:block;
  margin-left:-4%;
  white-space:nowrap;
  color:rgba(255,255,255,.08);
  font-family:'Space Grotesk',sans-serif;
  font-size:34px;
  line-height:.9;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  user-select:none;
}
.modeGlassWordRow:nth-child(even){
  margin-left:-16%;
  color:rgba(255,255,255,.06);
}
.modeGlassAura,
.modeGlassHead,
.modeGlassTitleRow,
.modeGlassDescription,
.modeGlassFoot{position:relative;z-index:1}
.modeGlassAura{
  position:absolute;
  top:-18px;
  right:-18px;
  width:128px;
  height:128px;
  border-radius:50%;
  background:radial-gradient(circle,var(--card-accent) 0%,rgba(255,255,255,0) 72%);
  filter:blur(16px);
  opacity:.86;
}
.modeGlassHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.modeGlassIconShell{
  width:70px;
  height:70px;
  min-width:70px;
  border-radius:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26);
}
.modeGlassIcon{
  font-size:34px;
  line-height:1;
}
.modeGlassState{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.2);
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.modeGlassCornerFlag{
  position:absolute;
  top:0;
  right:0;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:126px;
  height:38px;
  padding:0 18px 0 20px;
  border-radius:0 24px 0 18px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0) 42%),
    linear-gradient(135deg,#ffb760 0%,#ff7a59 46%,#ff4f78 100%);
  color:#fffdf7;
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 1px 2px rgba(106,24,22,.22);
  box-shadow:0 14px 30px rgba(255,92,88,.24),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(126,18,41,.18);
  transform-origin:100% 0;
  animation:slotsCornerFlagWave 2.6s cubic-bezier(.37,.01,.25,1) infinite;
  pointer-events:none;
  z-index:3;
}
.modeGlassCornerFlag[hidden]{
  display:none;
}
.modeGlassCornerFlagLabel{
  position:relative;
  z-index:1;
}
.modeGlassCornerFlag--maintenance{
  top:14px;
  left:14px;
  right:auto;
  min-width:auto;
  height:30px;
  padding:0 12px;
  border-radius:999px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 42%),
    linear-gradient(135deg,#ff9d66 0%,#ff5b6f 46%,#cb2f58 100%);
  box-shadow:0 16px 32px rgba(212,58,88,.26),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(106,20,40,.24);
  animation:none;
}
.modeGlassCornerFlag--maintenance::before{
  animation:none;
  opacity:.46;
}
.modeGlassCornerFlag--maintenance::after{
  border:none;
}
.modeGlassCornerFlag--maintenance .modeGlassCornerFlagLabel{
  font-size:9px;
  letter-spacing:.12em;
}
.modeGlassCornerFlag::before{
  content:'';
  position:absolute;
  top:0;
  left:-52px;
  width:44px;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-18deg);
  animation:slotsCornerFlagShine 2.6s linear infinite;
  pointer-events:none;
}
.modeGlassCornerFlag::after{
  content:'';
  position:absolute;
  inset:0;
  border-left:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.18);
  border-radius:inherit;
  opacity:.9;
  pointer-events:none;
}
@keyframes slotsCornerFlagWave{
  0%,100%{
    transform:rotate(0deg) translate3d(0,0,0);
  }
  28%{
    transform:rotate(-2.5deg) translate3d(0,1px,0);
  }
  62%{
    transform:rotate(1.4deg) translate3d(0,-1px,0);
  }
}
@keyframes slotsCornerFlagShine{
  0%{
    transform:translateX(0) skewX(-18deg);
    opacity:0;
  }
  16%{
    opacity:.9;
  }
  55%,100%{
    transform:translateX(196px) skewX(-18deg);
    opacity:0;
  }
}
.modeGlassTitleRow,
.modeGlassFoot{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.modeGlassTitle{
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:24px;
  line-height:.95;
  font-weight:700;
  letter-spacing:-.06em;
}
.modeGlassRoute,
.modeGlassHint{
  color:var(--ui-muted);
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.modeGlassDescription{
  color:var(--ui-muted);
  font-size:13px;
  line-height:1.55;
  max-width:24ch;
}
.modeGlassFoot{margin-top:auto;align-items:center}
.modeGlassArrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  min-width:34px;
  border-radius:12px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
  color:var(--ui-text);
  font-size:16px;
  line-height:1;
}
.playGlassScene{
  border-radius:28px;
  padding:16px;
}
#games .playGlassScene{
  padding:0;
  background:transparent;
  border:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
#games .playGlassScene::before{
  display:none;
}
.playGlassToolbar{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.playGlassCopy{color:var(--ui-muted)}
.playModeRail{
  position:relative;
  z-index:1;
  margin-bottom:14px;
}
.playModeTabs{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding-bottom:4px;
}
.playModeTabs::-webkit-scrollbar{display:none}
.playModeTab{
  min-height:40px;
  padding:10px 14px;
  border-radius:999px;
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:11px;
  line-height:1;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;
}
.playModeTab.active{
  background:linear-gradient(135deg,rgba(71,123,255,.92),rgba(76,221,209,.74));
  border-color:transparent;
  color:#fff;
  box-shadow:0 16px 28px rgba(68,115,255,.22);
}
.playModeNotice{
  position:relative;
  z-index:1;
  margin-bottom:14px;
  border-radius:18px;
  padding:12px 14px;
  background:rgba(255,170,78,.14);
  border:1px solid rgba(255,198,132,.26);
  color:var(--ui-text);
}
.playGlassBody{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:16px;
}
#games .playGlassBody{
  gap:0;
}
.playModePane{position:relative}
#games .jackpotStrip,
#games .betCard,
#games .crashTopPanel,
#games .crashBetCard,
#games .minesCard,
#games .minesBoardWrap,
#games .minesMultiplierWrap,
#games .minesControls,
#games .jackpotMeta,
#games .minesHudItem,
#games .roundBank,
#games .roundStart,
#games .crashRoundMeta span{
  background:var(--ui-card);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),var(--ui-shadow-soft);
  backdrop-filter:blur(26px) saturate(150%);
  -webkit-backdrop-filter:blur(26px) saturate(150%);
}
#games .jackpotStrip,
#games .betCard,
#games .crashTopPanel,
#games .crashBetCard,
#games .minesCard,
#games .jackpotMeta{
  border-radius:24px;
}
#games .crashCard,
#games .playModePane,
#games .minesLayout{background:transparent}
#games .betCard,
#games .crashBetCard{padding:16px}
#games .jackpotMeta{margin-bottom:0;padding:12px 14px}
#games .minesHud{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
#games .minesHudItem,
#games .roundBank,
#games .roundStart{
  border-radius:18px;
}
#games .roundBank,
#games .roundStart{
  padding:12px 14px;
}
#games .crashRoundMeta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
#games .crashRoundMeta span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 12px;
  border-radius:16px;
}
#games .jackpotMeta,
#games .crashHint,
#games .crashRoundMeta,
#games .crashStatusText,
#games .minesHudLabel,
#games .minesMultiplierLabel,
#games .wallet-label,
#games .tiny,
#games .dice_sidebar_field__header{
  color:var(--ui-muted);
}
#games .rouletteViewport,
#games .crashHistoryList,
#games .amountInput,
#games .segment,
#games .crashAutoCashoutBox,
#games .list,
#games .crashAutoCashoutInput,
#games .minefield,
#games .towerGrid,
#games .input_gradient,
#games .dice_sidebar_field__body{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}
#games .amountInput,
#games .input_gradient,
#games .dice_sidebar_field__body{
  border:none;
  box-shadow:none;
}
#games .segment{
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
}
#games .crashHistoryList{
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0 0 2px;
}
#games .list{
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
}
#games input,
#games textarea,
#games .amountInput input,
#games .crashAutoCashoutInput input,
#games .input_gradient input{
  color:var(--ui-text);
}
#games .amountInput button{
  border:none;
  box-shadow:none;
}
#games .quickGrid button,
#games .segment button,
#games .buttonProject,
#games .buttonAutoMiner,
#games .start-game-btn,
#games .mainBtn{
  border-radius:16px;
  background:rgba(255,255,255,.1);
  border:none;
  color:var(--ui-text);
  box-shadow:none;
}
#games .mainBtn,
#games .start-game-btn{
  background:linear-gradient(135deg,rgba(71,123,255,.92),rgba(76,221,209,.74));
  border-color:transparent;
  color:#fff;
  box-shadow:0 16px 30px rgba(63,103,255,.22);
}
#games .buttonAutoMiner{
  background:rgba(255,255,255,.08);
}
#games .segment button.active,
#games .quickGrid button.active,
#games .buttonProject.active{
  background:var(--ui-chip-strong);
  box-shadow:0 12px 24px rgba(63,103,255,.18);
}
#games .minesBoardWrap,
#games .minesMultiplierWrap,
#games .minesControls{
  border-radius:22px;
}
#games .crashTopPanel,
#games .jackpotStrip{padding:16px}
#games .rouletteCenterLine,
#games .crashCountdownTrack i,
#games .roundStartProgress i{filter:drop-shadow(0 0 12px rgba(86,142,255,.48))}
#games .playModePane{
  --mode-accent:rgba(83,138,255,.26);
  --mode-glow:rgba(76,221,209,.18);
  position:relative;
  overflow:hidden;
  padding:18px;
  border-radius:28px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.04) 100%),
    var(--ui-panel);
  border:1px solid var(--ui-border);
  box-shadow:inset 0 1px 0 var(--ui-border-strong),var(--ui-shadow);
  backdrop-filter:blur(28px) saturate(140%);
  -webkit-backdrop-filter:blur(28px) saturate(140%);
}
#games .playModePane::before,
#games .playModePane::after{
  content:'';
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
#games .playModePane::before{
  top:-104px;
  left:-56px;
  width:280px;
  height:280px;
  background:radial-gradient(circle,var(--mode-accent) 0%,rgba(255,255,255,0) 72%);
}
#games .playModePane::after{
  right:-112px;
  bottom:-132px;
  width:260px;
  height:260px;
  background:radial-gradient(circle,var(--mode-glow) 0%,rgba(255,255,255,0) 74%);
}
#games .playModePane > *{
  position:relative;
  z-index:1;
}
#games .playModePane--jackpot{
  --mode-accent:rgba(255,210,104,.32);
  --mode-glow:rgba(255,157,64,.2);
}
#games .playModePane--mines{
  --mode-accent:rgba(255,140,104,.28);
  --mode-glow:rgba(255,204,120,.18);
}
#games .playModePane--crash{
  --mode-accent:rgba(101,226,255,.26);
  --mode-glow:rgba(73,145,255,.2);
}
#games .playModePane--tower{
  --mode-accent:rgba(146,160,255,.28);
  --mode-glow:rgba(95,220,255,.16);
}
#games .playModePane--slots{
  --mode-accent:rgba(255,195,88,.24);
  --mode-glow:rgba(255,154,55,.18);
}
#games .playModeHero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,360px);
  gap:14px;
  align-items:end;
  margin-bottom:16px;
  padding:18px;
  border-radius:24px;
  background:linear-gradient(135deg,var(--mode-accent) 0%,rgba(255,255,255,.12) 56%,rgba(255,255,255,.05) 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
}
#games .playModeHeroCopy{
  min-width:0;
}
#games .playModeHeroTag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
#games .playModeHeroTitle{
  margin:12px 0 0;
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:34px;
  line-height:.94;
  font-weight:700;
  letter-spacing:-.05em;
}
#games .playModeHeroText{
  margin:10px 0 0;
  max-width:560px;
  color:var(--ui-muted);
  font-size:14px;
  line-height:1.55;
}
#games .playModeHeroChips{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  width:100%;
}
#games .playModeHeroChip{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-height:82px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}
#games .playModeHeroChip span{
  color:var(--ui-muted);
  font-size:10px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
#games .playModeHeroChip strong{
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:15px;
  line-height:1.3;
  font-weight:700;
}
#games .playModeDeck{
  display:flex;
  flex-direction:column;
  gap:16px;
}
#games .playModeDeck--split{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
  gap:16px;
  align-items:start;
}
#games .playModeMainStack,
#games .playModeSideStack{
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
}
#games .playModeSideStack > .betCard,
#games .playModeSideStack > .crashBetCard{
  height:100%;
}
#games .playModePane .minesHud{
  margin:0;
}
#games .playModePane .minesLayout{
  margin-top:0;
  gap:12px;
}
#crashModeRoot{
  position:relative;
  width:100%;
  max-width:100%;
  min-width:0;
}
#crashModeRoot .crashModeLayout{
  display:grid;
  width:100%;
  max-width:100%;
  min-width:0;
  grid-template-columns:minmax(0,1fr) minmax(0,420px);
  grid-template-areas:
    "game controls"
    "players controls";
  gap:16px;
  align-items:start;
}
#crashModeRoot .crashTopPanel{
  grid-area:game;
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
}
#crashModeRoot .crashBetCard{
  grid-area:controls;
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
#crashModeRoot .crashPlayersPanel{
  grid-area:players;
  min-width:0;
}
#crashModeRoot .crashBetCard h4{
  margin:0;
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:24px;
  line-height:1;
  letter-spacing:-.04em;
}
#crashModeRoot .amountInput{
  position:relative;
  min-height:76px;
  padding:12px;
  gap:12px;
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 100%),
    linear-gradient(135deg,rgba(85,137,255,.12) 0%,rgba(76,221,209,.1) 100%);
  border:none;
  box-shadow:0 18px 32px rgba(25,58,116,.12);
}
#crashModeRoot .amountInput::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 38%);
  pointer-events:none;
}
#crashModeRoot .amountInput button{
  position:relative;
  z-index:1;
  width:50px;
  height:50px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(17,31,59,.92) 0%,rgba(10,19,38,.98) 100%);
  color:#f4f8ff;
  font-size:30px;
  font-weight:700;
  box-shadow:0 12px 24px rgba(8,16,34,.22);
}
#crashModeRoot #crashBetAmount{
  position:relative;
  z-index:1;
  font-size:40px;
  font-weight:800;
  letter-spacing:-.06em;
  text-align:center;
}
#crashModeRoot .unit{
  position:relative;
  z-index:1;
  padding:9px 13px;
  border-radius:15px;
  background:linear-gradient(180deg,rgba(18,32,62,.94) 0%,rgba(10,18,35,.98) 100%);
  color:#dbe7ff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#crashModeRoot .quickGrid{
  gap:12px;
}
#crashModeRoot .quickGrid button{
  min-height:44px;
  padding:11px 0;
  border-radius:15px;
  background:rgba(255,255,255,.08);
  color:#d9e7ff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#crashModeRoot .crashAutoCashoutBox{
  position:relative;
  margin-top:2px;
  padding:16px 18px;
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.05) 100%),
    linear-gradient(135deg,rgba(63,114,255,.1) 0%,rgba(95,216,255,.08) 100%);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 16px 30px rgba(18,44,91,.1);
  gap:12px;
}
#crashModeRoot .crashAutoCashoutBox::before{
  content:'';
  position:absolute;
  inset:auto -22px -26px auto;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(89,167,255,.16) 0%,rgba(89,167,255,0) 72%);
  pointer-events:none;
}
#crashModeRoot .crashAutoCashoutToggle{
  position:relative;
  z-index:1;
  min-height:44px;
  padding:0 0 10px;
  border-bottom:1px solid rgba(255,255,255,.12);
  color:var(--ui-text);
  font-size:14px;
}
#crashModeRoot .crashAutoCashoutToggle span{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  letter-spacing:-.03em;
}
#crashModeRoot .crashAutoCashoutToggle input{
  width:20px;
  height:20px;
}
#crashModeRoot .crashAutoCashoutTarget{
  position:relative;
  z-index:1;
  align-items:center;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
}
#crashModeRoot .crashAutoCashoutLabel{
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--ui-muted);
}
#crashModeRoot .crashAutoCashoutInput{
  padding:8px 10px;
  border-radius:16px;
  background:rgba(12,20,37,.92);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 20px rgba(8,15,30,.18);
}
#crashModeRoot .crashAutoCashoutInput input{
  width:120px;
  padding:0;
  background:transparent;
  font-size:24px;
  font-weight:800;
  color:#f3f7ff;
}
#crashModeRoot .crashAutoCashoutInput span{
  color:#8ed2ff;
  font-size:18px;
  font-weight:900;
}
#crashModeRoot .crashAutoCashoutStatus{
  position:relative;
  z-index:1;
  margin:0;
  min-height:34px;
  padding:8px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  color:var(--ui-muted);
  font-size:12px;
  font-weight:700;
}
#crashModeRoot .crashActionBtn,
#crashModeRoot #crashActionBtn{
  min-height:54px;
  padding:15px 16px;
  font-size:16px;
}
#crashModeRoot .segment button{
  min-height:48px;
}
#crashModeRoot .crashPlayersPanel,
#crashModeRoot .crashTopPanel,
#crashModeRoot .crashBetCard{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
#games .listItem{
  background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.06) 100%);
  border:none;
  box-shadow:0 14px 28px rgba(19,39,72,.08);
}
#games .listChance{
  border:none;
  background:linear-gradient(180deg,rgba(13,28,58,.92) 0%,rgba(8,17,34,.98) 100%);
  color:#e7f2ff;
  box-shadow:0 12px 20px rgba(8,18,38,.16);
}
#games .emptyState{
  padding:20px 6px;
  color:var(--ui-muted);
  font-weight:700;
}
#jackpotModeRoot .playModeDeck--split{
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
  gap:18px;
}
#jackpotModeRoot .jackpotHero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 0% 0%,rgba(255,105,79,.22) 0%,rgba(255,105,79,0) 36%),
    radial-gradient(circle at 100% 0%,rgba(255,209,102,.18) 0%,rgba(255,209,102,0) 34%),
    linear-gradient(135deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.08) 58%,rgba(255,255,255,.04) 100%);
  border-color:rgba(255,255,255,.16);
}
#jackpotModeRoot .jackpotHero::before{
  content:'';
  position:absolute;
  inset:-20% auto auto 52%;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,86,86,.24) 0%,rgba(255,86,86,.08) 30%,rgba(255,255,255,0) 70%);
  filter:blur(16px);
  pointer-events:none;
}
#jackpotModeRoot .jackpotHero .playModeHeroTitle{
  max-width:620px;
}
#jackpotModeRoot .jackpotHero .playModeHeroText{
  max-width:600px;
  color:#d6e2f7;
}
#jackpotModeRoot .jackpotHero .playModeHeroChip{
  min-height:88px;
  background:
    linear-gradient(180deg,rgba(8,16,30,.42) 0%,rgba(8,16,30,.2) 100%),
    rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.14);
}
#jackpotModeRoot .jackpotHero .playModeHeroChip strong{
  color:#f4f7ff;
}
#jackpotModeRoot .jackpotStrip{
  min-height:0;
  height:auto;
  overflow:visible;
  width:100%;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
#jackpotModeRoot .jackpotStrip::before{
  content:none;
}
#jackpotModeRoot .jackpotStatRow{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  gap:10px;
}
#jackpotModeRoot .roundBank,
#jackpotModeRoot .roundStart{
  position:relative;
  inset:auto;
  min-width:0;
  min-height:72px;
  padding:10px 12px 12px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:8px;
  background:linear-gradient(180deg,rgba(10,18,33,.42) 0%,rgba(7,13,25,.56) 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 20px rgba(4,10,20,.16);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:#edf5ff;
}
#jackpotModeRoot .roundStart{
  width:min(240px,100%);
}
#jackpotModeRoot .roundBank::after,
#jackpotModeRoot .roundStart::after{
  content:'';
  position:absolute;
  inset:1px;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.03);
  pointer-events:none;
}
#jackpotModeRoot .roundBank small,
#jackpotModeRoot .roundStart small{
  color:#96aad1;
  font-size:9px;
  letter-spacing:.16em;
}
#jackpotModeRoot .roundBank b,
#jackpotModeRoot .roundStartValue{
  color:#f4f8ff;
}
#jackpotModeRoot .roundBank b{
  font-family:'Space Grotesk',sans-serif;
  font-size:24px;
  line-height:1;
  letter-spacing:-.04em;
}
#jackpotModeRoot .roundStartValue{
  font-family:'Space Grotesk',sans-serif;
  font-size:22px;
  line-height:1;
  letter-spacing:-.04em;
}
#jackpotModeRoot .roundStartProgress{
  height:5px;
  background:rgba(255,255,255,.07);
}
#jackpotModeRoot .jackpotStripTag,
#jackpotModeRoot .jackpotPanelTag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.14);
  color:#eef4ff;
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
#jackpotModeRoot .jackpotStripTitle{
  margin:0;
  color:#f6f8ff;
  font-family:'Space Grotesk',sans-serif;
  font-size:30px;
  line-height:.96;
  font-weight:700;
  letter-spacing:-.06em;
}
#jackpotModeRoot .jackpotStripText{
  margin:0;
  color:#d5e1f7;
  font-size:13px;
  line-height:1.5;
  font-weight:600;
}
#jackpotModeRoot .rouletteStage{
  position:relative;
  z-index:1;
  margin-top:2px;
  overflow:visible;
}
#jackpotModeRoot .rouletteViewport{
  margin-top:0;
  height:144px;
  border-radius:0;
  background:transparent;
  border:none;
  box-shadow:none;
}
#jackpotModeRoot .rouletteViewport::before{
  background:none;
}
#jackpotModeRoot .rouletteViewport::after{
  background:none;
}
#jackpotModeRoot .rouletteTrack{
  padding-left:0;
}
#jackpotModeRoot .roundBank--overlay{
  position:absolute;
  top:12px;
  left:12px;
  z-index:6;
  min-height:0;
  width:auto;
  max-width:min(180px,calc(100% - 24px));
  padding:8px 10px 9px;
  gap:5px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(9,18,31,.10) 0%,rgba(9,18,31,.18) 100%);
  border-color:rgba(255,255,255,.05);
  box-shadow:0 6px 14px rgba(4,10,20,.08);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:opacity .22s ease,transform .22s ease;
  pointer-events:none;
}
#jackpotModeRoot .roundBank--overlay small{
  font-size:8px;
  letter-spacing:.16em;
  color:rgba(214,229,255,.68);
}
#jackpotModeRoot .roundBank--overlay b{
  font-size:18px;
  line-height:1;
}
#jackpotModeRoot .roundBank--hidden{
  opacity:0;
  transform:translateY(-8px) scale(.96);
}
#jackpotModeRoot .rouletteEmptyState{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  text-align:center;
  color:rgba(238,244,255,.78);
  font-family:'Space Grotesk',sans-serif;
  font-size:20px;
  font-weight:700;
  letter-spacing:-.03em;
  pointer-events:none;
}
#jackpotModeRoot .rouletteEmptyState[hidden]{
  display:none;
}
#jackpotModeRoot .rouletteItem{
  width:96px;
  height:96px;
  border-radius:26px;
  background:transparent;
  box-shadow:none;
}
#jackpotModeRoot .rouletteItem--placeholder{
  opacity:.9;
  filter:saturate(.92);
}
#jackpotModeRoot .rouletteItem .avatar{
  width:90px;
  height:90px;
  border-radius:24px;
}
#jackpotModeRoot .rouletteItem .rouletteAvatar{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(160deg,#243555 0%,#18253d 100%);
  color:#f4f7ff;
  font-family:'Space Grotesk',sans-serif;
  font-size:34px;
  font-weight:700;
  line-height:1;
  box-shadow:0 14px 24px rgba(8,16,30,.28);
}
#jackpotModeRoot .rouletteItem .rouletteAvatarFallback{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:0;
}
#jackpotModeRoot .rouletteItem .rouletteAvatar img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  position:relative;
  z-index:1;
}
#jackpotModeRoot .rouletteItem .rouletteAvatar--fallback{
  background:linear-gradient(160deg,#ff8a5f 0%,#ff4e73 56%,#588fff 100%);
}
#jackpotModeRoot .rouletteCenterLine{
  top:10px;
  bottom:10px;
  width:8px;
  border-radius:999px;
  background:linear-gradient(180deg,#ffe07d 0%,#ff8c4c 40%,#ff4663 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.58),0 0 22px rgba(255,113,76,.48),0 0 34px rgba(255,196,92,.32);
}
#jackpotModeRoot .jackpotMeta{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(255,214,112,.15) 0%,rgba(255,107,107,.08) 48%,rgba(108,154,255,.1) 100%);
  border:1px solid rgba(255,255,255,.12);
  font-weight:700;
  color:#eef4ff;
  font-size:15px;
}
#jackpotModeRoot .jackpotMeta::before{
  content:'';
  width:10px;
  height:10px;
  border-radius:50%;
  background:linear-gradient(180deg,#ffd76a 0%,#ff6f4c 100%);
  box-shadow:0 0 0 6px rgba(255,215,106,.12),0 0 18px rgba(255,111,76,.35);
  flex:0 0 auto;
}
#jackpotModeRoot .betCard{
  padding:22px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.05) 100%),
    linear-gradient(155deg,rgba(255,214,112,.1) 0%,rgba(91,149,255,.08) 60%,rgba(255,108,108,.05) 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 24px 42px rgba(7,14,28,.24);
  gap:14px;
}
#jackpotModeRoot .betCard h4{
  margin:6px 0 0;
  color:var(--ui-text);
  font-family:'Space Grotesk',sans-serif;
  font-size:30px;
  line-height:1;
  letter-spacing:-.04em;
}
#jackpotModeRoot .jackpotBetHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
#jackpotModeRoot .jackpotBetHeadCopy{
  min-width:0;
}
#jackpotModeRoot .jackpotBetNote{
  flex:0 0 auto;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(11,19,33,.42);
  border:1px solid rgba(255,255,255,.1);
  color:#dce8ff;
  font-size:12px;
  line-height:1.35;
  font-weight:700;
  text-align:right;
}
#jackpotModeRoot .amountInput{
  min-height:82px;
  padding:8px;
  gap:8px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(8,15,28,.76) 0%,rgba(11,19,34,.94) 100%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 24px rgba(5,10,20,.2);
}
#jackpotModeRoot .amountInput button{
  width:54px;
  height:64px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,116,82,.98) 0%,rgba(255,67,103,.92) 100%);
  color:#fff;
  font-size:28px;
  font-weight:800;
}
#jackpotModeRoot #betAmount{
  font-family:'Space Grotesk',sans-serif;
  font-size:44px;
  line-height:1;
  text-align:center;
  color:var(--ui-text);
}
#jackpotModeRoot .unit{
  display:inline-flex;
  align-items:center;
  align-self:stretch;
  padding:0 14px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(17,31,58,.96) 0%,rgba(10,18,34,.98) 100%);
  color:#e3edff;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#jackpotModeRoot .jackpotInputHint{
  margin-top:-4px;
  color:#adc1df;
  font-size:12px;
  line-height:1.45;
  font-weight:700;
}
#jackpotModeRoot .quickGrid{
  margin-top:0;
  gap:10px;
}
#jackpotModeRoot .quickGrid button{
  min-height:48px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#eef4ff;
  font-weight:800;
}
#jackpotModeRoot #jackpotMainBtn{
  margin-top:0;
  min-height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:20px;
  background:linear-gradient(135deg,#ff714a 0%,#ff4168 42%,#5385ff 100%);
  box-shadow:0 20px 34px rgba(255,80,93,.22);
}
#jackpotModeRoot .jackpotTabsBlock{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:2px;
}
#jackpotModeRoot .jackpotTabsHeader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
#jackpotModeRoot .jackpotTabsHint{
  color:#aebfda;
  font-size:12px;
  line-height:1.35;
  font-weight:700;
  text-align:right;
}
#jackpotModeRoot .segment{
  margin-top:0;
  padding:6px;
  border-radius:18px;
  background:rgba(6,12,23,.34);
  border:1px solid rgba(255,255,255,.08);
}
#jackpotModeRoot .segment button{
  min-height:46px;
  border-radius:14px;
  background:transparent;
  color:#c7d7ef;
}
#jackpotModeRoot .segment button.active{
  background:linear-gradient(135deg,rgba(255,119,87,.94),rgba(87,138,255,.9));
  color:#fff;
  box-shadow:0 14px 24px rgba(255,101,96,.18);
}
#jackpotModeRoot .list{
  margin-top:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
#jackpotModeRoot .listItem{
  margin-bottom:0;
  padding:14px 16px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.04) 100%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 16px 26px rgba(4,9,19,.18);
}
#jackpotModeRoot .listUser{
  gap:12px;
}
#jackpotModeRoot .listUser .avatar{
  width:48px;
  height:48px;
  border-radius:14px;
}
#jackpotModeRoot .listChance{
  min-width:118px;
  padding:10px 16px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,130,92,.95) 0%,rgba(255,74,110,.95) 48%,rgba(74,140,255,.92) 100%);
  color:#fff;
  font-size:20px;
  box-shadow:0 14px 24px rgba(255,92,100,.22);
}
#jackpotModeRoot .listItemBar{
  height:5px;
  background:linear-gradient(90deg,#ff9a63 0%,#ff4f6d 50%,#55a0ff 100%);
}
#jackpotModeRoot .emptyState{
  padding:24px 18px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.03) 100%);
  border:1px dashed rgba(255,255,255,.14);
  color:#dce7fa;
  font-weight:700;
}
#minesModeRoot,
#towerModeRoot{
  padding:20px;
}
#minesModeRoot .minesHud,
#towerModeRoot .minesHud{
  gap:14px;
  margin-bottom:16px;
}
#minesModeRoot .minesHudItem,
#towerModeRoot .minesHudItem{
  padding:14px 16px;
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.06) 100%),
    linear-gradient(135deg,rgba(255,154,120,.12) 0%,rgba(108,154,255,.08) 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 16px 28px rgba(18,39,74,.1);
}
#minesModeRoot .minesHudLabel,
#towerModeRoot .minesHudLabel{
  font-size:10px;
  letter-spacing:.14em;
}
#minesModeRoot .minesHudValue,
#towerModeRoot .minesHudValue{
  margin-top:8px;
  font-size:26px;
  letter-spacing:-.04em;
}
#minesModeRoot .minesHudIcon,
#towerModeRoot .minesHudIcon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:rgba(12,21,39,.84);
  box-shadow:0 10px 18px rgba(8,17,34,.14);
}
#minesModeRoot .minesLayout,
#towerModeRoot .minesLayout{
  gap:14px;
}
#towerModeRoot[data-tower-stage='setup'] .minesLayout{
  display:flex;
  flex-direction:column;
  gap:16px;
}
#towerModeRoot .towerSetupState{
  position:relative;
  display:grid;
  order:1;
  align-content:center;
  justify-items:start;
  gap:10px;
  width:100%;
  min-height:220px;
  padding:24px;
  overflow:hidden;
  border-radius:28px;
  background:
    radial-gradient(circle at top right,rgba(255,199,113,.2) 0%,rgba(255,199,113,0) 42%),
    linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.06) 100%),
    linear-gradient(135deg,rgba(95,135,255,.1) 0%,rgba(255,171,106,.1) 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 20px 34px rgba(18,39,74,.12);
}
#towerModeRoot .towerSetupState::before{
  content:"";
  position:absolute;
  inset:auto -18% -30% auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(84,137,255,.22) 0%,rgba(84,137,255,0) 72%);
  pointer-events:none;
}
#towerModeRoot .towerSetupState[hidden]{
  display:none;
}
#towerModeRoot .towerSetupBadge{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(15,27,52,.88);
  color:#e5efff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
#towerModeRoot .towerSetupTitle{
  position:relative;
  z-index:1;
  max-width:320px;
  font-size:32px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.05em;
  color:#13213b;
}
#towerModeRoot .towerSetupText{
  position:relative;
  z-index:1;
  max-width:280px;
  font-size:14px;
  line-height:1.45;
  color:#5f718f;
}
#towerModeRoot[data-tower-stage='setup'] .minesControls{
  order:1;
  align-self:stretch;
  width:100%;
  padding:18px;
}
#towerModeRoot[data-tower-stage='setup'] .minesControls .minesControlRow{
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
}
#towerModeRoot[data-tower-stage='setup'] .minesControls .minesControlGroup{
  padding:16px;
}
#towerModeRoot[data-tower-stage='setup'] .minesControls .minesBetGroup .input_gradient input,
#towerModeRoot[data-tower-stage='setup'] .minesControls .dice_sidebar_field__body .input_gradient input{
  height:52px;
  font-size:16px;
}
#towerModeRoot[data-tower-stage='setup'] .minesControls .minesBetGroup .buttonProject,
#towerModeRoot[data-tower-stage='setup'] .minesControls .dice_sidebar_field__body button.buttonProject{
  min-height:46px;
}
#towerModeRoot[data-tower-stage='setup'] .minesControls .start-game-btn{
  min-height:58px;
}
#minesModeRoot .minesBoardWrap,
#towerModeRoot .minesBoardWrap{
  padding:14px;
  border-radius:28px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.05) 100%),
    linear-gradient(135deg,rgba(95,135,255,.08) 0%,rgba(255,171,106,.08) 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 20px 34px rgba(18,39,74,.12);
}
#towerModeRoot .minesBoardWrap{order:1}
#towerModeRoot .minesMultiplierWrap{order:2}
#towerModeRoot .minesControls{order:3}
#minesModeRoot .minesBoardWrap,
#towerModeRoot .minesBoardWrap{
  position:relative;
}
#minesModeRoot .minesLossOverlay,
#towerModeRoot .towerLossOverlay{
  position:absolute;
  inset:14px;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  border-radius:22px;
  background:rgba(12,19,34,.18);
  backdrop-filter:blur(4px);
}
#minesModeRoot .minesLossOverlay[hidden],
#towerModeRoot .towerLossOverlay[hidden]{
  display:none;
}
#minesModeRoot .minesLossCard,
#towerModeRoot .towerLossCard{
  width:min(100%,420px);
  padding:24px 22px;
  border-radius:24px;
  text-align:center;
  background:
    linear-gradient(180deg,rgba(255,255,255,.28) 0%,rgba(245,249,255,.18) 100%),
    linear-gradient(135deg,rgba(95,135,255,.16) 0%,rgba(255,171,106,.12) 100%);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 18px 36px rgba(8,18,36,.16);
  backdrop-filter:blur(16px);
}
#minesModeRoot .minesLossEyebrow,
#towerModeRoot .towerLossEyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(168,33,46,.1);
  color:#9f2431;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
#minesModeRoot .minesLossTitle,
#towerModeRoot .towerLossTitle{
  margin-top:14px;
  font-size:34px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.05em;
  color:#16233d;
}
#minesModeRoot .minesLossText,
#towerModeRoot .towerLossText{
  margin-top:10px;
  font-size:15px;
  line-height:1.45;
  color:#586b8b;
}
#minesModeRoot .minesLossMeta,
#towerModeRoot .towerLossMeta{
  margin-top:12px;
  font-size:13px;
  font-weight:800;
  color:#1f5fcc;
}
#minesModeRoot .minesLossActions,
#towerModeRoot .towerLossActions{
  margin-top:18px;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
#minesModeRoot .minesLossSecondaryBtn,
#towerModeRoot .towerLossSecondaryBtn{
  width:100%;
  justify-content:center;
}
#minesModeRoot .minefield,
#towerModeRoot .towerGrid{
  padding:14px;
  gap:10px;
  border-radius:22px;
  background:linear-gradient(180deg,#eef4ff 0%,#dfeaff 100%);
}
#minesModeRoot .minesMultiplierWrap,
#towerModeRoot .minesMultiplierWrap{
  padding:16px;
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.05) 100%),
    linear-gradient(135deg,rgba(96,130,255,.08) 0%,rgba(255,192,103,.08) 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 16px 28px rgba(18,39,74,.1);
}
#minesModeRoot .minesMultiplierLabel,
#towerModeRoot .minesMultiplierLabel{
  margin-bottom:10px;
  font-size:10px;
  letter-spacing:.14em;
}
#minesModeRoot .xs .item,
#towerModeRoot .xs .item{
  min-width:76px;
  height:38px;
  line-height:38px;
  border-radius:12px;
  border:none;
  background:rgba(255,255,255,.08);
  box-shadow:0 10px 18px rgba(18,39,74,.08);
}
#minesModeRoot .minesControls,
#towerModeRoot .minesControls{
  padding:14px;
  gap:10px;
  border-radius:28px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.05) 100%),
    linear-gradient(135deg,rgba(84,137,255,.08) 0%,rgba(255,157,109,.08) 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 18px 32px rgba(18,39,74,.1);
}
#minesModeRoot .minesControlRow,
#towerModeRoot .minesControlRow{
  gap:12px;
}
#minesModeRoot .minesControlGroup,
#towerModeRoot .minesControlGroup{
  padding:14px;
  border-radius:20px;
  background:rgba(255,255,255,.06);
  border:none;
}
#minesModeRoot .input_gradient,
#towerModeRoot .input_gradient,
#minesModeRoot .dice_sidebar_field__body,
#towerModeRoot .dice_sidebar_field__body{
  background:rgba(255,255,255,.04);
  border:none;
  box-shadow:none;
}
#minesModeRoot .minesBetGroup .input_gradient input,
#towerModeRoot .minesBetGroup .input_gradient input,
#minesModeRoot .dice_sidebar_field__body .input_gradient input,
#towerModeRoot .dice_sidebar_field__body .input_gradient input{
  height:46px;
  border:none;
  background:transparent;
  font-size:15px;
}
#minesModeRoot .minesBetGroup .buttonProject,
#towerModeRoot .minesBetGroup .buttonProject,
#minesModeRoot .dice_sidebar_field__body button.buttonProject,
#towerModeRoot .dice_sidebar_field__body button.buttonProject{
  min-height:42px;
  border:none;
  border-radius:14px;
  background:rgba(255,255,255,.08);
  box-shadow:none;
}
#minesModeRoot .game-action-buttons,
#towerModeRoot .game-action-buttons{
  gap:10px;
}
#minesModeRoot .start-game-btn,
#towerModeRoot .start-game-btn{
  min-height:54px;
  border-radius:18px;
}
#minesModeRoot .buttonAutoMiner,
#towerModeRoot .buttonAutoMiner{
  min-height:54px;
  border:none;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  color:var(--ui-text);
}
#crashModeRoot .crashHistoryItem{
  border-radius:12px;
  box-shadow:0 10px 18px rgba(18,39,74,.08);
}
#crashModeRoot .crashPlayersPanel .listItem{
  background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.06) 100%);
  border:none;
  box-shadow:0 14px 26px rgba(18,39,74,.08);
}
.bottomNav{
  max-width:980px;
  margin:0 auto;
  min-height:72px;
  padding:8px;
  gap:6px;
  border-radius:26px;
}
.navWrap{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  padding:0 10px 14px;
  background:none;
  z-index:1200;
}
.navItem{
  position:relative;
  z-index:1;
  flex:1;
  min-width:0;
  height:56px;
  border:none;
  background:transparent;
  border-radius:18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:var(--ui-muted);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;
}
.navItem svg{
  width:22px;
  height:22px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.9;
}
.navItem.active{color:var(--ui-text)}
.navItem.active::after{display:none}
.navLabel{
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
html[data-theme='dark'] .nanoProfileChip,
html[data-theme='dark'] .nanoWalletChip,
html[data-theme='dark'] .nanoEditBtn,
html[data-theme='dark'] .nanoActionBtn--withdraw,
html[data-theme='dark'] .nanoBrandChip,
html[data-theme='dark'] .lobbySignalPill,
html[data-theme='dark'] .lobbyInfoPill,
html[data-theme='dark'] .lobbyQuickBtn,
html[data-theme='dark'] .playGlassBadge,
html[data-theme='dark'] .playGlassCopy,
html[data-theme='dark'] .playGlassBack,
html[data-theme='dark'] .playModeTab,
html[data-theme='dark'] .navItem.active,
html[data-theme='dark'] .modeGlassCard,
html[data-theme='dark'] #games .jackpotStrip,
html[data-theme='dark'] #games .betCard,
html[data-theme='dark'] #games .crashTopPanel,
html[data-theme='dark'] #games .crashBetCard,
html[data-theme='dark'] #games .minesCard,
html[data-theme='dark'] #games .minesBoardWrap,
html[data-theme='dark'] #games .minesMultiplierWrap,
html[data-theme='dark'] #games .minesControls,
html[data-theme='dark'] #games .jackpotMeta,
html[data-theme='dark'] #games .minesHudItem,
html[data-theme='dark'] #games .roundBank,
html[data-theme='dark'] #games .roundStart,
html[data-theme='dark'] #games .crashRoundMeta span{
  background:var(--ui-card);
}
html[data-theme='dark'] .modeGlassDescription,
html[data-theme='dark'] .modeGlassRoute,
html[data-theme='dark'] .modeGlassHint,
html[data-theme='dark'] .playGlassCopy{color:var(--ui-muted)}
html[data-theme='dark'] #games .playModePane{
  background:
    linear-gradient(180deg,rgba(20,29,43,.9) 0%,rgba(12,18,28,.94) 100%),
    var(--ui-panel);
  border-color:var(--ui-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),var(--ui-shadow);
}
html[data-theme='dark'] #games .playModeHero{
  background:linear-gradient(135deg,var(--mode-accent) 0%,rgba(255,255,255,.06) 58%,rgba(255,255,255,.03) 100%);
  border-color:rgba(167,184,214,.12);
}
html[data-theme='dark'] #games .playModeHeroTag,
html[data-theme='dark'] #games .playModeHeroChip{
  background:rgba(11,16,24,.32);
  border-color:rgba(163,182,212,.16);
}
html[data-theme='dark'] #games .listItem{
  background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.03) 100%);
  box-shadow:0 16px 28px rgba(3,8,17,.28);
}
html[data-theme='dark'] #games .listChance{
  background:linear-gradient(180deg,rgba(11,17,29,.96) 0%,rgba(7,11,20,.98) 100%);
  color:#e7f3ff;
}
html[data-theme='dark'] #jackpotModeRoot .jackpotStrip{
  background:transparent;
  border-color:transparent;
}
html[data-theme='dark'] #jackpotModeRoot .jackpotHero{
  background:
    radial-gradient(circle at 0% 0%,rgba(255,103,79,.16) 0%,rgba(255,103,79,0) 34%),
    radial-gradient(circle at 100% 0%,rgba(255,209,102,.12) 0%,rgba(255,209,102,0) 34%),
    linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.04) 58%,rgba(255,255,255,.02) 100%);
  border-color:rgba(163,182,212,.12);
}
html[data-theme='dark'] #jackpotModeRoot .jackpotHero .playModeHeroChip,
html[data-theme='dark'] #jackpotModeRoot .jackpotBetNote,
html[data-theme='dark'] #jackpotModeRoot .segment{
  background:rgba(8,14,25,.5);
  border-color:rgba(163,182,212,.1);
}
html[data-theme='dark'] #jackpotModeRoot .roundBank,
html[data-theme='dark'] #jackpotModeRoot .roundStart{
  background:rgba(10,18,31,.82);
  border-color:rgba(163,182,212,.12);
}
html[data-theme='dark'] #jackpotModeRoot .roundBank--overlay{
  background:linear-gradient(180deg,rgba(10,18,31,.12) 0%,rgba(10,18,31,.22) 100%);
  border-color:rgba(163,182,212,.07);
  box-shadow:0 6px 14px rgba(3,8,17,.10);
}
html[data-theme='dark'] #jackpotModeRoot .rouletteViewport{
  background:transparent;
  border-color:transparent;
}
html[data-theme='dark'] #jackpotModeRoot .jackpotMeta,
html[data-theme='dark'] #jackpotModeRoot .betCard,
html[data-theme='dark'] #minesModeRoot .minesHudItem,
html[data-theme='dark'] #towerModeRoot .minesHudItem,
html[data-theme='dark'] #towerModeRoot .towerSetupState,
html[data-theme='dark'] #minesModeRoot .minesBoardWrap,
html[data-theme='dark'] #towerModeRoot .minesBoardWrap,
html[data-theme='dark'] #minesModeRoot .minesMultiplierWrap,
html[data-theme='dark'] #towerModeRoot .minesMultiplierWrap,
html[data-theme='dark'] #minesModeRoot .minesControls,
html[data-theme='dark'] #towerModeRoot .minesControls{
  background:
    linear-gradient(180deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.03) 100%),
    linear-gradient(135deg,rgba(84,137,255,.1) 0%,rgba(255,157,109,.06) 100%);
  border-color:rgba(163,182,212,.12);
  box-shadow:0 18px 30px rgba(3,8,17,.26);
}
html[data-theme='dark'] #minesModeRoot .minefield,
html[data-theme='dark'] #towerModeRoot .towerGrid{
  background:linear-gradient(180deg,#162233 0%,#101927 100%);
  border-color:#29384f;
  box-shadow:inset 0 0 0 1px rgba(163,182,212,.1);
}
html[data-theme='dark'] #minesModeRoot .minesLossOverlay,
html[data-theme='dark'] #towerModeRoot .towerLossOverlay{
  background:rgba(5,9,17,.22);
}
html[data-theme='dark'] #minesModeRoot .minesLossCard,
html[data-theme='dark'] #towerModeRoot .towerLossCard{
  background:
    linear-gradient(180deg,rgba(19,28,42,.36) 0%,rgba(12,19,29,.24) 100%),
    linear-gradient(135deg,rgba(84,137,255,.14) 0%,rgba(255,157,109,.08) 100%);
  border:1px solid rgba(163,182,212,.18);
  box-shadow:0 18px 36px rgba(0,0,0,.24);
}
html[data-theme='dark'] #minesModeRoot .minesLossEyebrow,
html[data-theme='dark'] #towerModeRoot .towerLossEyebrow{
  background:rgba(255,107,122,.12);
  color:#ff9ba5;
}
html[data-theme='dark'] #minesModeRoot .minesLossTitle,
html[data-theme='dark'] #towerModeRoot .towerLossTitle{
  color:#e6efff;
}
#slotsModeRoot{
  padding:20px;
}
#slotsModeRoot .slotsModeLayout{
  display:block;
}
#slotsModeRoot .slotsStagePanel{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
#slotsModeRoot .slotsStageTopline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
#slotsModeRoot .slotsStageBadge,
#slotsModeRoot .slotsStageOnline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#slotsModeRoot .slotsStageBadge{
  background:linear-gradient(180deg,rgba(12,20,37,.94) 0%,rgba(7,12,23,.98) 100%);
  color:#f1f5ff;
  box-shadow:0 12px 24px rgba(9,16,30,.18);
}
#slotsModeRoot .slotsStageBadgeButton{
  border:0;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .2s ease,opacity .2s ease;
}
#slotsModeRoot .slotsStageBadgeButton:hover{
  transform:translateY(-1px);
}
#slotsModeRoot .slotsStageBadgeButton:focus-visible{
  outline:2px solid rgba(255,216,122,.78);
  outline-offset:2px;
}
#slotsModeRoot .slotsStageOnline{
  background:rgba(255,255,255,.1);
  color:var(--ui-muted);
  border:1px solid rgba(255,255,255,.14);
}
#slotsModeRoot .slotsMachine{
  --slots-machine-padding:24px;
  position:relative;
  overflow:hidden;
  padding:var(--slots-machine-padding);
  border-radius:32px;
  background:
    radial-gradient(circle at 14% 14%,rgba(255,204,102,.18) 0%,rgba(255,204,102,0) 30%),
    radial-gradient(circle at 82% 0%,rgba(96,173,255,.18) 0%,rgba(96,173,255,0) 34%),
    linear-gradient(180deg,#1b2841 0%,#121c30 52%,#0b1220 100%);
  border:1px solid rgba(174,201,255,.12);
  box-shadow:0 24px 42px rgba(9,17,30,.22);
  color:#eff5ff;
}
#slotsModeRoot .slotsMachineGlow{
  position:absolute;
  inset:-30% auto auto -14%;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,208,118,.16) 0%,rgba(255,208,118,0) 72%);
  pointer-events:none;
}
#slotsModeRoot .slotsMachineHead,
#slotsModeRoot .slotsReelsShell,
#slotsModeRoot .slotsResultBanner,
#slotsModeRoot .slotsMachineControls,
#slotsModeRoot .slotsStageStats{
  position:relative;
  z-index:1;
}
#slotsModeRoot .slotsMachineTitle{
  font-family:'Space Grotesk',sans-serif;
  font-size:34px;
  font-weight:700;
  line-height:1;
  letter-spacing:-.05em;
}
#slotsModeRoot .slotsMachineSubtitle{
  margin-top:8px;
  max-width:420px;
  color:#9fb3d6;
  font-size:14px;
  line-height:1.45;
}
#slotsModeRoot .slotsReelsShell{
  position:relative;
  margin-top:20px;
  padding:18px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.03) 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
#slotsModeRoot .slotsPayline{
  position:absolute;
  left:20px;
  right:20px;
  top:50%;
  height:4px;
  transform:translateY(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,216,122,0) 0%,rgba(255,216,122,.88) 16%,rgba(255,216,122,.88) 84%,rgba(255,216,122,0) 100%);
  box-shadow:0 0 18px rgba(255,216,122,.28);
  pointer-events:none;
}
#slotsModeRoot .slotsReelsGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
#slotsModeRoot .slotReelFrame{
  position:relative;
  height:126px;
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(180deg,#fdf6df 0%,#f4deba 46%,#e9c387 100%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.54),0 16px 28px rgba(5,11,22,.18);
}
#slotsModeRoot .slotReelFrame::before,
#slotsModeRoot .slotReelFrame::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:24px;
  z-index:2;
  pointer-events:none;
}
#slotsModeRoot .slotReelFrame::before{
  top:0;
  background:linear-gradient(180deg,rgba(11,18,31,.24) 0%,rgba(11,18,31,0) 100%);
}
#slotsModeRoot .slotReelFrame::after{
  bottom:0;
  background:linear-gradient(0deg,rgba(11,18,31,.24) 0%,rgba(11,18,31,0) 100%);
}
#slotsModeRoot .slotReelTrack{
  display:flex;
  flex-direction:column;
  will-change:transform;
}
#slotsModeRoot .slotReelSymbol{
  display:grid;
  align-content:center;
  justify-items:center;
  height:126px;
  padding:10px 0;
}
#slotsModeRoot .slotReelSymbolGlyph{
  font-size:58px;
  line-height:1;
  filter:drop-shadow(0 10px 14px rgba(44,31,10,.18));
}
#slotsModeRoot .slotReelSymbol--seven .slotReelSymbolGlyph{
  color:#d42020;
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  font-size:64px;
  text-shadow:0 3px 0 rgba(255,255,255,.34),0 10px 18px rgba(148,20,20,.25);
}
#slotsModeRoot .slotReelSymbolLabel{
  margin-top:6px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(17,24,39,.52);
}
#slotsModeRoot .slotsResultBanner{
  margin-top:18px;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  font-family:'Space Grotesk',sans-serif;
  font-size:18px;
  font-weight:700;
  text-align:center;
  letter-spacing:-.03em;
}
#slotsModeRoot .slotsResultBanner[data-state='spinning']{
  color:#ffe8a8;
}
#slotsModeRoot .slotsResultBanner[data-state='win'],
#slotsModeRoot .slotsResultBanner[data-state='big'],
#slotsModeRoot .slotsResultBanner[data-state='jackpot']{
  background:linear-gradient(180deg,rgba(255,220,132,.14) 0%,rgba(255,220,132,.06) 100%);
  color:#fff2bf;
}
#slotsModeRoot .slotsResultBanner[data-state='lose']{
  color:#ffb1ba;
}
#slotsModeRoot .slotsStageStats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
#slotsModeRoot .slotsStageStat{
  padding:14px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
#slotsModeRoot .slotsStageStat span{
  display:block;
  color:#95a8c9;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#slotsModeRoot .slotsStageStat strong{
  display:block;
  margin-top:7px;
  color:#f5f9ff;
  font-size:18px;
  font-weight:800;
  letter-spacing:-.04em;
}
#slotsModeRoot .slotsControlCard{
  padding:20px;
  border-radius:28px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.05) 100%),
    linear-gradient(135deg,rgba(90,133,255,.08) 0%,rgba(255,175,108,.08) 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 18px 34px rgba(18,39,74,.11);
}
#slotsModeRoot .slotsMachineControls{
  margin-top:16px;
  padding:16px;
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.04) 100%),
    linear-gradient(135deg,rgba(90,133,255,.08) 0%,rgba(255,175,108,.07) 100%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 30px rgba(7,14,26,.18);
}
#slotsModeRoot .slotsMachineControls--manualOnly{
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  margin-inline:calc(var(--slots-machine-padding) * -1);
}
#slotsModeRoot .slotsControlHead{
  display:flex;
  flex-direction:column;
  gap:6px;
}
#slotsModeRoot .slotsControlEyebrow{
  color:var(--ui-muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
#slotsModeRoot .slotsControlCard h4{
  margin:0;
  font-family:'Space Grotesk',sans-serif;
  color:var(--ui-text);
  font-size:25px;
  font-weight:700;
  line-height:1;
  letter-spacing:-.04em;
}
#slotsModeRoot .slotsMachineControls h4{
  font-size:20px;
}
#slotsModeRoot .slotsBetPresetGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}
#slotsModeRoot .slotsBetPreset{
  min-height:46px;
  border-radius:16px;
  border:none;
  background:rgba(255,255,255,.08);
  color:var(--ui-text);
  font-size:14px;
  font-weight:800;
  letter-spacing:-.02em;
  cursor:pointer;
  transition:transform .16s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}
#slotsModeRoot .slotsBetPreset.active{
  background:linear-gradient(180deg,#101a2d 0%,#0a1120 100%);
  color:#f7fbff;
  box-shadow:0 12px 24px rgba(9,18,37,.18);
}
#slotsModeRoot .slotsBetPreset:disabled,
#slotsModeRoot .slotsAmountInput button:disabled{
  opacity:.48;
  cursor:default;
}
#slotsModeRoot .slotsFieldLabel{
  margin-bottom:10px;
  color:var(--ui-muted);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#slotsModeRoot .slotsManualBet{
  margin-top:16px;
}
#slotsModeRoot .slotsMachineControls .slotsManualBet{
  margin-top:12px;
}
#slotsModeRoot .slotsMachineControls--manualOnly .slotsManualBet{
  margin-top:0;
}
#slotsModeRoot .slotsMachineControls--manualOnly .slotsFieldLabel,
#slotsModeRoot .slotsMachineControls--manualOnly .slotsSpinHint{
  padding-inline:var(--slots-machine-padding);
}
#slotsModeRoot .slotsMachineControls .slotsManualBet{
  width:100%;
}
#slotsModeRoot .slotsAmountInput{
  width:100%;
  min-height:72px;
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto 50px;
  align-items:center;
  background:
    linear-gradient(180deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.08) 100%),
    linear-gradient(135deg,rgba(255,220,132,.1) 0%,rgba(90,133,255,.08) 100%);
  border:none;
  box-shadow:0 16px 30px rgba(18,39,74,.1);
}
#slotsModeRoot .slotsMachineControls--manualOnly .slotsAmountInput{
  border-radius:22px;
}
#slotsModeRoot .slotsMachineControls .slotsSpinBtn{
  margin-top:14px;
  width:100%;
}
#slotsModeRoot .slotsMachineControls .slotsSpinHint{
  margin-top:8px;
}
#slotsModeRoot .slotsAmountInput button{
  width:50px;
  height:50px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(16,28,51,.94) 0%,rgba(8,15,28,.98) 100%);
  color:#f5f9ff;
  font-size:28px;
  box-shadow:0 12px 24px rgba(9,16,30,.18);
}
#slotsModeRoot #slotsBetAmount{
  width:100%;
  min-width:0;
  font-size:36px;
  font-weight:800;
  letter-spacing:-.05em;
  text-align:center;
}
#slotsModeRoot .slotsSpinBtn{
  margin-top:16px;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  background:linear-gradient(180deg,#ffb93c 0%,#ff8e2a 100%);
  color:#231305;
  box-shadow:0 18px 28px rgba(255,145,42,.26);
}
#slotsModeRoot .slotsSpinBtn.is-busy{
  opacity:.82;
  pointer-events:none;
}
#slotsModeRoot .slotsSpinHint{
  margin-top:10px;
  color:var(--ui-muted);
  font-size:12px;
  font-weight:700;
  line-height:1.45;
}
.slotsPaytableModalCard .slotsPaytableList,
#slotsModeRoot .slotsPaytableList{
  margin-top:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.slotsPaytableModalCard .slotsPaytableRow,
#slotsModeRoot .slotsPaytableRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:46px;
  padding:0 14px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  color:var(--ui-text);
  font-size:14px;
  font-weight:700;
}
.slotsPaytableModalCard .slotsPaytableRow{
  background:#f4f7fd;
  border:1px solid #e4e9f2;
}
.slotsPaytableModalCard .slotsPaytableRow b,
#slotsModeRoot .slotsPaytableRow b{
  color:#ff9c2d;
  font-family:'Space Grotesk',sans-serif;
  font-size:20px;
  letter-spacing:-.04em;
}
#slotsModeRoot .slotsHistoryList{
  margin-top:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
#slotsModeRoot .slotsHistoryItem{
  display:grid;
  grid-template-columns:minmax(0,.9fr) auto auto;
  align-items:center;
  gap:12px;
  min-height:62px;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);
}
#slotsModeRoot .slotsHistoryUser{
  color:var(--ui-text);
  font-size:14px;
  font-weight:800;
}
#slotsModeRoot .slotsHistorySub{
  margin-top:4px;
  color:var(--ui-muted);
  font-size:12px;
  font-weight:700;
}
#slotsModeRoot .slotsHistoryCombo{
  display:flex;
  align-items:center;
  gap:6px;
}
#slotsModeRoot .slotsHistoryComboChip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(14,24,44,.92) 0%,rgba(8,14,25,.98) 100%);
  color:#f6fbff;
  font-size:20px;
}
#slotsModeRoot .slotsHistoryPayout{
  color:#c2d3ee;
  font-family:'Space Grotesk',sans-serif;
  font-size:18px;
  font-weight:700;
  letter-spacing:-.04em;
  white-space:nowrap;
}
#slotsModeRoot .slotsHistoryItem.is-win .slotsHistoryPayout{
  color:#19b772;
}
#slotsModeRoot .slotsMachine.is-spinning{
  animation:slotsMachineBreath 1.1s ease-in-out infinite;
}
#slotsModeRoot .slotsMachine.is-win,
#slotsModeRoot .slotsMachine.is-big,
#slotsModeRoot .slotsMachine.is-jackpot{
  box-shadow:0 28px 46px rgba(9,17,30,.24),0 0 0 1px rgba(255,216,122,.16);
}
#slotsModeRoot .slotsMachine.is-big{
  box-shadow:0 28px 46px rgba(9,17,30,.24),0 0 0 1px rgba(99,184,255,.22),0 0 34px rgba(99,184,255,.14);
}
#slotsModeRoot .slotsMachine.is-jackpot{
  animation:slotsJackpotPulse 1.4s ease-in-out infinite;
}
@keyframes slotsMachineBreath{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}
@keyframes slotsJackpotPulse{
  0%,100%{box-shadow:0 28px 46px rgba(9,17,30,.24),0 0 0 1px rgba(255,216,122,.18),0 0 26px rgba(255,178,44,.12)}
  50%{box-shadow:0 34px 56px rgba(9,17,30,.28),0 0 0 1px rgba(255,216,122,.34),0 0 40px rgba(255,178,44,.24)}
}
html[data-theme='dark'] #slotsModeRoot .slotsControlCard{
  background:
    linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.03) 100%),
    linear-gradient(135deg,rgba(90,133,255,.1) 0%,rgba(255,175,108,.08) 100%);
  border-color:rgba(163,182,212,.14);
  box-shadow:0 18px 34px rgba(3,8,17,.28);
}
html[data-theme='dark'] #slotsModeRoot .slotsBetPreset,
html[data-theme='dark'] .slotsPaytableModalCard .slotsPaytableRow,
html[data-theme='dark'] #slotsModeRoot .slotsPaytableRow,
html[data-theme='dark'] #slotsModeRoot .slotsHistoryItem,
html[data-theme='dark'] #slotsModeRoot .slotsStageOnline{
  background:rgba(255,255,255,.05);
  border-color:rgba(163,182,212,.1);
}
html[data-theme='dark'] #slotsModeRoot .slotsBetPreset.active,
html[data-theme='dark'] #slotsModeRoot .slotsHistoryComboChip,
html[data-theme='dark'] #slotsModeRoot .slotsStageBadge,
html[data-theme='dark'] #slotsModeRoot .slotsAmountInput button{
  background:linear-gradient(180deg,rgba(12,20,37,.96) 0%,rgba(8,13,24,.98) 100%);
}
html[data-theme='dark'] #slotsModeRoot .slotsAmountInput{
  background:
    linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.03) 100%),
    linear-gradient(135deg,rgba(255,220,132,.08) 0%,rgba(90,133,255,.08) 100%);
}
html[data-theme='dark'] #slotsModeRoot .slotsSpinBtn{
  color:#231305;
}
html[data-theme='dark'] #minesModeRoot .minesLossText,
html[data-theme='dark'] #towerModeRoot .towerLossText{
  color:#9cb0cf;
}
html[data-theme='dark'] #minesModeRoot .minesLossMeta,
html[data-theme='dark'] #towerModeRoot .towerLossMeta{
  color:#8bb6ff;
}
html[data-theme='dark'] #minesModeRoot .minesControlGroup,
html[data-theme='dark'] #towerModeRoot .minesControlGroup,
html[data-theme='dark'] #minesModeRoot .input_gradient,
html[data-theme='dark'] #towerModeRoot .input_gradient,
html[data-theme='dark'] #minesModeRoot .dice_sidebar_field__body,
html[data-theme='dark'] #towerModeRoot .dice_sidebar_field__body,
html[data-theme='dark'] #crashModeRoot .crashPlayersPanel .listItem{
  background:rgba(255,255,255,.04);
  border-color:rgba(163,182,212,.1);
}
html[data-theme='dark'] #minesModeRoot .xs .item,
html[data-theme='dark'] #towerModeRoot .xs .item{
  background:rgba(255,255,255,.05);
  color:#d8e6ff;
  box-shadow:none;
}
html[data-theme='dark'] #minesModeRoot .minesHudIcon,
html[data-theme='dark'] #towerModeRoot .minesHudIcon{
  background:linear-gradient(180deg,rgba(11,17,29,.96) 0%,rgba(7,11,20,.98) 100%);
}
html[data-theme='dark'] #towerModeRoot .towerSetupBadge{
  background:rgba(8,14,25,.92);
  color:#dce8ff;
}
html[data-theme='dark'] #towerModeRoot .towerSetupTitle{
  color:#e4eeff;
}
html[data-theme='dark'] #towerModeRoot .towerSetupText{
  color:#98accd;
}
html[data-theme='dark'] #minesModeRoot .buttonAutoMiner,
html[data-theme='dark'] #towerModeRoot .buttonAutoMiner{
  background:rgba(255,255,255,.05);
  color:#d8e6ff;
}
html[data-theme='dark'] #crashModeRoot .crashTopPanel,
html[data-theme='dark'] #crashModeRoot .crashBetCard{
  background:transparent;
  border:none;
  box-shadow:none;
}
html[data-theme='dark'] #crashModeRoot .crashHistoryItem{
  box-shadow:none;
}
html[data-theme='dark'] #crashModeRoot .amountInput{
  background:
    linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.03) 100%),
    linear-gradient(135deg,rgba(79,122,255,.14) 0%,rgba(49,173,194,.12) 100%);
  border-color:rgba(163,182,212,.14);
  box-shadow:0 18px 32px rgba(3,8,17,.34);
}
html[data-theme='dark'] #crashModeRoot .amountInput button,
html[data-theme='dark'] #crashModeRoot .unit,
html[data-theme='dark'] #crashModeRoot .crashAutoCashoutInput{
  background:linear-gradient(180deg,rgba(12,19,33,.96) 0%,rgba(8,13,24,.98) 100%);
}
html[data-theme='dark'] #crashModeRoot .quickGrid button{
  background:rgba(255,255,255,.06);
  color:#d5e4ff;
}
html[data-theme='dark'] #crashModeRoot .crashAutoCashoutBox{
  background:
    linear-gradient(180deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.03) 100%),
    linear-gradient(135deg,rgba(80,119,255,.12) 0%,rgba(58,156,205,.08) 100%);
  border-color:rgba(163,182,212,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 30px rgba(3,8,17,.3);
}
html[data-theme='dark'] #crashModeRoot .crashAutoCashoutToggle{
  border-bottom-color:rgba(163,182,212,.12);
}
html[data-theme='dark'] #crashModeRoot .crashAutoCashoutTarget,
html[data-theme='dark'] #crashModeRoot .crashAutoCashoutStatus{
  background:rgba(255,255,255,.04);
  border-color:rgba(163,182,212,.12);
}
@media (max-width: 680px){
  .lobbyTopline,
  .playGlassToolbar{
    align-items:flex-start;
  }
  .lobbyToplineMeta{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 560px){
  .nanoHeaderTop{margin-bottom:6px}
  .nanoBrandBanner{min-height:44px}
  .nanoBrandGlow{width:238px;height:92px}
  .nanoBrandFlare{width:132px}
  .nanoBrandWordmark{font-size:34px}
  .nanoProfileMeta{max-width:min(44vw,180px)}
  .nanoNick{max-width:100%}
  .nanoWalletLabel{display:none}
  .nanoWalletValue{font-size:16px}
  .nanoWalletChip{padding:7px 10px}
  .nanoActionBtn{width:36px;min-width:36px;height:36px}
  .modeGlassCard{min-height:168px;padding:16px}
  .modeGlassWordRow{font-size:28px}
  .modeGlassIconShell{width:64px;height:64px;min-width:64px}
  .modeGlassDescription{max-width:none}
}
@media (max-width: 420px){
  .app{padding:10px 8px 104px}
  .nanoGlassBar{padding:8px;gap:8px}
  .nanoProfileChip{padding:4px 6px 4px 4px;gap:8px}
  .nanoAvatarShell{width:32px;height:32px;min-width:32px}
  .nanoProfileMeta{max-width:min(42vw,134px)}
  .nanoNick{max-width:100%;font-size:12px}
  .nanoProfileSubline{font-size:9px}
  .nanoEditBtn,
  .nanoActionBtn{height:34px;min-width:34px;border-radius:13px}
  .nanoEditBtn{width:34px;min-width:34px}
  .nanoBrandBanner{min-height:38px}
  .nanoBrandGlow{width:192px;height:76px}
  .nanoBrandFlare{width:112px}
  .nanoBrandWordmark{font-size:27px}
  .nanoWalletCluster{gap:6px}
  .nanoWalletChip{padding:6px 8px}
  .nanoWalletValue{font-size:14px}
  .nanoWalletValue span{font-size:9px}
  .modeConstellation{gap:12px}
  .modeGlassCard{min-height:158px;padding:14px}
  .modeGlassWordField{gap:10px}
  .modeGlassWordRow{font-size:22px;letter-spacing:.18em}
  .modeGlassIconShell{width:60px;height:60px;min-width:60px}
  .modeGlassIcon{font-size:30px}
  .modeGlassTitle{font-size:21px}
  .playModeTab{padding:10px 12px}
}
@media (max-width: 360px){
  .nanoBrandGlow{width:166px;height:66px}
  .nanoBrandFlare{width:96px}
  .nanoBrandWordmark{font-size:23px}
  .nanoProfileMeta{max-width:min(40vw,108px)}
  .nanoWalletCluster{gap:5px}
  .nanoWalletChip{padding:5px 7px}
  .nanoWalletValue{font-size:12px}
  .modeGlassRoute{display:none}
  .modeGlassDescription{font-size:12px}
  .navLabel{font-size:9px}
}
@media (max-width: 980px){
  #games .playModeDeck--split{
    grid-template-columns:1fr;
  }
  #crashModeRoot .crashModeLayout{
    grid-template-columns:1fr;
    grid-template-areas:
      "game"
      "controls"
      "players";
  }
}
@media (max-width: 760px){
  #games .playModePane{
    padding:14px;
    border-radius:24px;
  }
  #minesModeRoot,
  #towerModeRoot{
    padding:14px;
  }
  #games .playModeHero{
    grid-template-columns:1fr;
    padding:16px;
    border-radius:20px;
  }
  #games .playModeHeroTitle{
    font-size:30px;
  }
  #jackpotModeRoot .jackpotStrip{
    gap:12px;
  }
  #jackpotModeRoot .jackpotStripTitle{
    font-size:30px;
  }
  #jackpotModeRoot .betCard h4{
    font-size:28px;
  }
  #jackpotModeRoot .jackpotBetHead,
  #jackpotModeRoot .jackpotTabsHeader{
    flex-direction:column;
    align-items:flex-start;
  }
  #jackpotModeRoot .jackpotBetNote,
  #jackpotModeRoot .jackpotTabsHint{
    text-align:left;
  }
}
@media (max-width: 520px){
  #slotsModeRoot{
    padding:14px;
  }
  #slotsModeRoot .slotsMachine,
  #slotsModeRoot .slotsControlCard{
    border-radius:24px;
  }
  #slotsModeRoot .slotsMachine{
    --slots-machine-padding:18px;
    padding:var(--slots-machine-padding);
  }
  #slotsModeRoot .slotsMachineControls{
    padding:14px;
    border-radius:22px;
  }
  #slotsModeRoot .slotsStageStats{
    grid-template-columns:1fr;
  }
  #slotsModeRoot .slotsReelsGrid{
    gap:10px;
  }
  #slotsModeRoot .slotReelFrame,
  #slotsModeRoot .slotReelSymbol{
    height:116px;
  }
  #slotsModeRoot .slotsBetPresetGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #slotsModeRoot .slotsHistoryItem{
    grid-template-columns:1fr;
    justify-items:start;
  }
  #slotsModeRoot .slotsHistoryCombo{
    order:3;
  }
  #slotsModeRoot .slotsHistoryPayout{
    order:2;
  }
  #games .playModeHeroChips{
    grid-template-columns:1fr;
  }
  #games .playModeHeroChip{
    min-height:auto;
  }
  #jackpotModeRoot .jackpotHero{
    padding:16px;
  }
  #jackpotModeRoot .jackpotStatRow{
    justify-content:flex-end;
  }
  #jackpotModeRoot .roundStart{
    width:min(190px,100%);
    min-height:68px;
    padding:10px 11px 11px;
  }
  #jackpotModeRoot .roundStartValue{
    font-size:20px;
  }
  #jackpotModeRoot .roundBank--overlay{
    top:10px;
    left:10px;
    max-width:calc(100% - 20px);
    padding:7px 9px 8px;
    border-radius:14px;
  }
  #jackpotModeRoot .roundBank--overlay b{
    font-size:16px;
  }
  #jackpotModeRoot .rouletteEmptyState{
    font-size:17px;
    padding:0 14px;
  }
  #jackpotModeRoot .jackpotStripTitle{
    font-size:26px;
  }
  #jackpotModeRoot .jackpotStripText{
    font-size:13px;
  }
  #jackpotModeRoot .rouletteViewport{
    height:132px;
    border-radius:0;
  }
  #jackpotModeRoot .rouletteItem{
    width:88px;
    height:88px;
    border-radius:24px;
  }
  #jackpotModeRoot .rouletteItem .avatar{
    width:84px;
    height:84px;
    border-radius:22px;
  }
  #jackpotModeRoot .betCard{
    padding:18px;
  }
  #jackpotModeRoot .betCard h4{
    font-size:24px;
  }
  #jackpotModeRoot .amountInput{
    min-height:74px;
  }
  #jackpotModeRoot .amountInput button{
    width:46px;
    height:58px;
    border-radius:16px;
  }
  #jackpotModeRoot #betAmount{
    font-size:34px;
  }
  #jackpotModeRoot .unit{
    padding:0 10px;
  }
  #jackpotModeRoot .segment{
    padding:4px;
  }
  #jackpotModeRoot .segment button{
    min-height:42px;
    font-size:13px;
  }
  #jackpotModeRoot .listItem{
    padding:12px 14px;
  }
  #jackpotModeRoot .listChance{
    min-width:104px;
    font-size:18px;
  }
  #minesModeRoot .minesControlRow,
  #towerModeRoot .minesControlRow{
    grid-template-columns:1fr;
  }
  #towerModeRoot .towerSetupState{
    min-height:190px;
    padding:20px;
    border-radius:24px;
  }
  #towerModeRoot[data-tower-stage='setup'] .minesControls .minesControlRow{
    grid-template-columns:1fr;
  }
  #towerModeRoot .towerSetupTitle{
    font-size:26px;
  }
  #towerModeRoot .towerSetupText{
    max-width:none;
  }
  #minesModeRoot .minesLossOverlay,
  #towerModeRoot .towerLossOverlay{
    inset:10px;
    padding:12px;
  }
  #minesModeRoot .minesLossCard,
  #towerModeRoot .towerLossCard{
    padding:20px 18px;
    border-radius:20px;
  }
  #minesModeRoot .minesLossTitle,
  #towerModeRoot .towerLossTitle{
    font-size:28px;
  }
  #crashModeRoot .crashAutoCashoutTarget{
    flex-wrap:wrap;
    align-items:flex-start;
  }
  #crashModeRoot .crashAutoCashoutInput{
    width:100%;
    justify-content:flex-end;
  }
  #crashModeRoot .crashAutoCashoutInput input{
    width:100%;
    min-width:0;
  }
}
/* === Mode Selector Refresh End === */