:root{
  /* neutral base palette (shared by all themes) */
  --bg:#1f1c2d;          /* page background (darkest) */
  --bg2:#28243d;         /* cards / surfaces (slightly darker tone) */
  --card:#28243d;
  --nav:#2e2a45;         /* top bar (lightest of the three) */
  --elev:#322d4d;        /* raised inputs / hovers */
  /* accent (default JungleBlox green) - themes override ONLY these accent colours */
  --accent:#22C55E; --violet:#4ADE80; --hover:#16A34A;
  --accent-rgb:34,197,94; --violet-rgb:74,222,128;
  --accent-soft:#bdf06a; --on-accent:#06210f;
  --success:#22C55E; --warning:#F59E0B; --danger:#EF4444;
  --text:#FFFFFF; --muted:#A7A2BE; --border:rgba(255,255,255,0.08);
  --r-common:#9CA3AF; --r-uncommon:#22C55E; --r-rare:#3B82F6;
  --r-epic:#A855F7; --r-legendary:#F59E0B; --r-mythic:#EF4444;
  --glass:rgba(40,36,61,0.6); --scroll:#3a3556;
}
/* ===== THEME ACCENTS ONLY (no background changes) ===== */
/* Themes no longer change colours - they only swap decorations (renderScenery) and falling particles (renderThemeFX). JungleBlox green stays everywhere. */
*{box-sizing:border-box;margin:0;padding:0}
/* ===== THEME PARTICLE FX ===== */
#fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#scenery{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
#scenery svg{position:absolute;display:block}
#scenery .sc-top{top:-2px;left:0;width:100%}
#scenery .sc-left{top:0;left:-2px;height:100%}
#scenery .sc-right{top:0;right:-2px;height:100%}
#scenery .sc-bottom{bottom:-2px;left:0;width:100%}
#scenery .sc-tr{top:0;right:0}#scenery .sc-bl{bottom:0;left:0}
#scenery .sc-tl{top:0;left:0}#scenery .sc-br{bottom:0;right:0}
@keyframes scsway{0%,100%{transform:rotate(0deg)}50%{transform:rotate(1.6deg)}}
@keyframes scsway2{0%,100%{transform:rotate(0deg)}50%{transform:rotate(-2deg)}}
#scenery .sway{transform-origin:top center;animation:scsway 8s ease-in-out infinite}
#scenery .sway2{transform-origin:top center;animation:scsway2 11s ease-in-out infinite}
#scenery .sway3{transform-origin:top center;animation:scsway 14s ease-in-out infinite}
@media(max-width:900px){ #scenery .sc-left,#scenery .sc-right,#scenery .sc-bl,#scenery .sc-br{opacity:.3} }
@media(max-width:600px){ #scenery .sc-tl,#scenery .sc-tr,#scenery .sc-bl,#scenery .sc-br{display:none} }
#fx .p{position:absolute;top:-5%;will-change:transform,opacity}
@keyframes fxfall{0%{transform:translateY(-10vh) translateX(0) rotate(0)}100%{transform:translateY(110vh) translateX(var(--drift,20px)) rotate(360deg)}}
@keyframes fxrise{0%{transform:translateY(110vh) scale(.6);opacity:0}10%{opacity:.9}100%{transform:translateY(-10vh) scale(1);opacity:0}}
@keyframes fxtwinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
.fx-snow{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff;animation:fxfall linear infinite}
.fx-petal{width:12px;height:12px;border-radius:60% 0 60% 0;animation:fxfall linear infinite}
.fx-ember{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,#ffd27a,#fb8b1e);box-shadow:0 0 8px #fb8b1e;animation:fxrise linear infinite}
.fx-bubble{border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.7),rgba(120,210,255,.15));border:1px solid rgba(255,255,255,.3);animation:fxrise linear infinite}
.fx-sun{border-radius:50%;background:#ffe39a;box-shadow:0 0 8px #ffd166;animation:fxtwinkle ease-in-out infinite}
html,body{height:100%}
body{
  font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--text);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;padding-top:88px;
}
/* Bold, wide display type - Inter stays for body & inputs */
.h1,.section-title,.hero-title,.navlinks a,.btn,label,.feed-head,.fr-name,.fr-user,.fr-num,
.lb-head,.lb-rank,.lb-name,.lb-val,.lb-prize,.k,.v,.balance,.stat .v,.seg button,
.games-item,.theme-name,.rake-amt,.rake-pct,.pm-item,.hu-name,.hu-level,.hu-xp,
h1,h2,h3,.h2,.brand,.chat-msg .cm-name,.lvl-badge{
  font-family:'Montserrat','Inter',sans-serif;letter-spacing:.2px;
}
/* biggest titles get the chunky Russo One */
.h1,h1,.hero-title,.section-title{font-family:'Russo One','Montserrat',sans-serif;letter-spacing:.4px}
.h1,h1,h2,h3,.section-title,.fr-name,.lb-name,.balance{font-weight:700}
.fr-name,.fr-num,.fr-user,.btn,.navlinks a,.seg button,.lb-val,.lb-prize{font-weight:800}
/* subtle, neutral depth - no theme colour changes */
body::before{
  content:"";position:fixed;inset:0;z-index:-3;
  background:
    radial-gradient(1100px 700px at 50% -15%, rgba(255,255,255,.025), transparent 60%),
    var(--bg);
}
/* Low-opacity jungle artwork shared by every view. Large theme scenery remains separate. */
body::after{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.1;
  background:url("jungle-purple-background.webp") center/cover no-repeat;
  filter:saturate(.86) contrast(.9);
}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:10px}
::-webkit-scrollbar-track{background:transparent}

/* NAV */
nav{
  position:fixed;top:0;left:300px;right:0;z-index:50;display:grid;grid-template-columns:minmax(300px,1fr) auto minmax(380px,1fr);align-items:center;gap:12px;
  min-height:88px;padding:8px 22px;backdrop-filter:blur(16px);
  background:var(--nav);border-bottom:1px solid var(--border);
}
body.chat-collapsed nav{left:0}
.logo{display:none!important}
.nav-logo{height:100%;width:100%;display:block;object-fit:cover}
.nav-brand{display:none;height:72px;width:214px;align-items:center;justify-content:center;gap:0;padding:4px 10px;border:0;border-radius:0;background:transparent;color:#fff;font-family:inherit;cursor:pointer;transition:.18s;grid-column:1;grid-row:1;justify-self:start}
body.chat-collapsed .nav-brand{display:flex}
body.chat-collapsed .navlinks{padding-left:214px}
.nav-brand:hover{transform:translateY(-1px);filter:brightness(1.08)}
.nav-brand-logo{width:176px;max-width:176px;height:auto;object-fit:contain;margin-left:0;filter:drop-shadow(0 7px 10px rgba(0,0,0,.42))}
@media(max-width:760px){ .logo{height:54px;width:169px} }
.navlinks{grid-column:1;grid-row:1;display:flex;gap:10px;flex:0 1 auto;margin-left:0;overflow:auto;scrollbar-width:none;align-items:center;justify-content:flex-start;min-width:0;max-width:100%;transition:padding-left .18s ease}
.navlinks::-webkit-scrollbar{display:none}
.navlinks a{display:flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:12px;color:#d8d3eb;
  font-weight:700;font-size:13.5px;cursor:pointer;white-space:nowrap;transition:.18s;background:rgba(255,255,255,.04);border:1px solid var(--border);box-shadow:0 2px 8px rgba(20,14,38,.12)}
.navlinks a svg{width:16px;height:16px;opacity:.85}
.navlinks .nav-bubble{height:40px;padding:0 14px;border-radius:13px;background:linear-gradient(180deg,#433a63,#342d4f);border:1px solid rgba(255,255,255,.10);box-shadow:0 8px 20px rgba(17,12,32,.22);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.2px}
.navlinks .nav-bubble img{width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.28))}
.navlinks .nav-bubble span{font-weight:900;color:#fff}
.navlinks a:hover{color:#fff;background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.18);box-shadow:0 0 0 1px rgba(255,255,255,.035) inset}
.navlinks a.active{color:#fff;background:rgba(var(--accent-rgb),.16);border-color:rgba(var(--accent-rgb),.5);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.08) inset}
.games-dd{position:relative}
.games-menu{position:fixed;min-width:190px;padding:7px;border-radius:13px;z-index:200;display:none;
  background:#322d4d;border:1px solid var(--border);box-shadow:0 18px 40px rgba(0,0,0,.55)}
.games-menu.open{display:block}
.games-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:none;
  color:#fff;font-family:inherit;font-weight:950;font-size:13.5px;padding:10px 11px;border-radius:9px;cursor:pointer}
.games-item span{color:#fff;font-weight:950}
.games-item svg{width:18px;height:18px;opacity:1;flex:0 0 18px;color:#fff!important;stroke:#fff!important}
.game-dd-icon{width:23px;height:23px;flex:0 0 23px;display:inline-flex;align-items:center;justify-content:center;color:#fff!important;background:transparent}
.game-dd-icon svg{width:21px;height:21px;stroke:#fff!important;color:#fff!important}
.game-dd-fallback{width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;color:#fff}
.games-item:hover{background:rgba(var(--accent-rgb),.16)}
.site-loader{position:fixed;inset:0;z-index:9999;display:none;place-items:center;background:var(--bg);overflow:hidden;pointer-events:auto}
.site-loader:before{content:"";position:absolute;inset:0;opacity:.055;background:url("jungle-purple-background.webp") center/cover no-repeat;filter:saturate(.86) contrast(.9)}
.site-loader:after{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 0 0,rgba(34,197,94,.18),transparent 18%),
  radial-gradient(circle at 100% 100%,rgba(34,197,94,.16),transparent 21%),
  radial-gradient(circle at 100% 0,rgba(34,197,94,.12),transparent 16%)}
.site-loader-card{position:relative;width:min(430px,76vw);min-height:min(390px,72vw);display:grid;place-items:center;align-content:center;gap:18px;color:#fff;z-index:1}
.site-loader-face{position:relative;z-index:2;width:min(330px,62vw);height:min(330px,62vw);object-fit:contain;filter:drop-shadow(0 28px 42px rgba(0,0,0,.55)) drop-shadow(0 0 24px rgba(34,197,94,.26));animation:loaderFaceFloat 2.8s ease-in-out infinite}
.site-loader-spinner{display:none}
.site-loader-progress{position:relative;width:min(340px,66vw);height:12px;border-radius:999px;overflow:hidden;background:rgba(18,14,31,.82);border:1px solid rgba(156,255,102,.34);box-shadow:0 12px 26px rgba(0,0,0,.34),0 0 24px rgba(34,197,94,.14)}
.site-loader-progress-fill{position:absolute;left:0;top:0;bottom:0;width:8%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#9cff66);box-shadow:0 0 18px rgba(34,197,94,.65);transition:width .24s ease;animation:loaderBarFill 8.4s cubic-bezier(.2,.8,.2,1) forwards}
.site-loader-progress-text{font-size:12px;font-weight:950;color:#dfffd2;letter-spacing:.65px;text-transform:uppercase;text-shadow:0 2px 6px rgba(0,0,0,.45)}
.site-loader-title,.site-loader-sub{display:none}
body.site-loading .site-loader{display:grid}
body.site-loading{overflow:hidden}
body:not(.site-loading) .site-loader{display:none!important;pointer-events:none!important}
@keyframes spinLoader{to{transform:rotate(360deg)}}
@keyframes loaderBarFill{0%{width:8%}28%{width:46%}62%{width:76%}88%{width:92%}100%{width:96%}}
@keyframes loaderFaceFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.01)}}
.captcha-box{margin:12px 0 14px;min-height:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;overflow:visible}
.captcha-placeholder{padding:13px;text-align:center;color:var(--muted);font-size:12px;font-weight:800;line-height:1.45}
.captcha-placeholder strong{color:#fff}
.entry-captcha-overlay{position:fixed;inset:0;z-index:10000;display:none;background:#fff;color:#222;font-family:Arial,Helvetica,sans-serif}
.entry-captcha-panel{position:absolute;left:50%;top:17%;transform:translateX(-50%);width:min(640px,calc(100vw - 40px));padding:0;text-align:left;background:transparent;border:0;box-shadow:none}
.entry-captcha-domain{font-size:34px;font-weight:400;line-height:1.2;color:#2f2f2f;margin-bottom:8px}
.entry-captcha-title{font-size:22px;font-weight:700;color:#222;line-height:1.3;margin-bottom:10px}
.entry-captcha-text{max-width:620px;color:#333;font-size:14px;font-weight:400;line-height:1.55;margin:0 0 30px}
.entry-captcha-overlay .captcha-box{width:auto;min-height:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;display:flex;align-items:center;justify-content:flex-start;overflow:visible}
.entry-captcha-overlay .captcha-placeholder{color:#555;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:400}
.entry-captcha-overlay .captcha-placeholder strong{color:#222;font-weight:700}
.entry-captcha-error{margin-top:12px;color:#b91c1c;font-size:13px;min-height:18px}
.entry-captcha-foot{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(805px,calc(100vw - 40px));border-top:1px solid #d9d9d9;padding-top:16px;text-align:center;color:#222;font-size:12px;line-height:1.6}
.entry-captcha-foot a{color:#2563eb;text-decoration:underline}
body.entry-captcha-lock{overflow:hidden}
.entry-captcha-overlay:not(.is-visible){display:none!important;pointer-events:none!important}
.lb-row{display:grid;grid-template-columns:50px 1fr auto auto;gap:12px;align-items:center;padding:13px 6px;border-bottom:1px solid var(--border)}
.lb-row:last-child{border-bottom:none}
.lb-head{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}
.lb-rank{font-weight:800;font-size:15px;text-align:center}
.lb-name{font-weight:700}
.lb-prize{font-weight:700;color:#fcd9a0;font-variant-numeric:tabular-nums;text-align:right;min-width:74px}
.lb-val{font-weight:800;color:var(--accent-soft);font-variant-numeric:tabular-nums;text-align:right;min-width:74px}
.lb-me{background:rgba(var(--accent-rgb),.12);border-radius:10px}
.battle-list-surface{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;background:
  radial-gradient(720px 220px at 18% 0,rgba(154,132,232,.22),transparent 68%),
  radial-gradient(520px 240px at 92% 100%,rgba(34,197,94,.09),transparent 64%),
  linear-gradient(180deg,rgba(75,66,112,.70),rgba(55,49,81,.82));
  box-shadow:0 22px 58px rgba(23,16,45,.30),inset 0 1px 0 rgba(255,255,255,.045)}
.battle-list-surface::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  repeating-linear-gradient(115deg,transparent 0 92px,rgba(255,255,255,.024) 93px 94px,transparent 95px 188px);
  opacity:.55}
.battle-list-surface>*{position:relative;z-index:1}
.battle-list-title{display:flex;align-items:center;gap:12px;margin:20px 0 10px}
.battle-list-title::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,.13),transparent)}
.bcard{display:grid;grid-template-columns:150px minmax(170px,auto) 1fr auto;align-items:center;gap:16px;padding:14px 16px;background:
  radial-gradient(520px 120px at 18% 50%,rgba(154,132,232,.17),transparent 70%),
  linear-gradient(135deg,rgba(82,70,126,.90),rgba(67,58,99,.88));
  border:1px solid rgba(251,191,36,.32);border-radius:14px;box-shadow:0 14px 32px rgba(27,18,51,.24),inset 0 1px 0 rgba(255,255,255,.04);min-height:92px}
.bcard-meta{min-width:118px;flex:0 0 auto}
.bcard-price{font-weight:800;font-size:15px;display:flex;align-items:center;gap:5px}
.bcard-tags{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-top:3px}
.bcard-players{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.bcard-av{display:inline-block;border-radius:11px;border:2px solid rgba(255,255,255,.10);
  background-size:cover;background-position:center;flex:0 0 auto}
.bcard-av.empty{background:#241c40;border:2px dashed rgba(255,255,255,.16)}
.bcard-vs{color:var(--accent-soft);font-weight:800;font-size:12px;padding:0 2px}
.bcard-packs{display:flex;align-items:center;gap:0;margin-left:auto;flex:0 1 auto;overflow:hidden;justify-content:center;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);border-radius:7px;padding:7px 12px;min-height:58px}
.bcard-pack{display:inline-block;border-radius:5px;overflow:hidden;background:#1b1830;flex:0 0 auto;margin-left:-8px;
  border:1px solid rgba(255,255,255,.10)}
.bcard-pack:first-child{margin-left:0}
.bcard-pack img{width:100%;height:100%;object-fit:cover;display:block}
.bcard-pack.cur{border-color:rgba(var(--accent-rgb),.7);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.4)}
.bcard-pack.past{opacity:.4}
.bcard-more{color:var(--accent-soft);font-weight:800;font-size:13px;flex:0 0 auto;padding:0 2px}
.bcard-act{flex:0 0 auto;margin-left:4px}
@media(max-width:720px){.bcard{grid-template-columns:1fr;align-items:stretch}.bcard-packs{margin-left:0;width:100%;justify-content:flex-start}.bcard-act{margin-left:0}.bcard-act .btn{width:100%}}
.lvl-badge{display:inline-flex;align-items:center;border-radius:7px;font-weight:800;letter-spacing:.2px;line-height:1;vertical-align:middle;white-space:nowrap}
.lb-info{background:var(--card);border:1px solid var(--border);border-radius:13px;margin-bottom:18px;cursor:pointer;overflow:hidden}
.lb-info-head{display:flex;align-items:center;gap:9px;padding:14px 16px;font-weight:700;font-size:13.5px;color:var(--accent-soft)}
.lb-info-head svg:first-child{flex:0 0 16px}
.lb-info-chev{margin-left:auto;transition:transform .2s}
.lb-info.open .lb-info-chev{transform:rotate(180deg)}
.lb-info-body{max-height:0;opacity:0;padding:0 16px;font-size:13.5px;transition:max-height .25s,opacity .2s,padding .25s}
.lb-info.open .lb-info-body{max-height:300px;opacity:1;padding:0 16px 16px}
.lb-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:#221d35;font-size:13px;font-weight:600;cursor:pointer;user-select:none}
.lb-chip input{accent-color:var(--accent);width:15px;height:15px}
.balance{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;height:39px;min-width:138px;padding:0 14px 0 11px;border-radius:13px;font-weight:900;
  background:rgba(255,255,255,0.04);border:1px solid var(--border);white-space:nowrap;overflow:visible;color:#fff;
  text-shadow:0 2px 6px rgba(0,0,0,.45);box-shadow:none;font-variant-numeric:tabular-nums;font-size:15px}
.balance::before{content:"";width:24px;height:24px;flex:0 0 24px;background:url('currency-token-symbol.png') center/contain no-repeat;filter:drop-shadow(0 4px 6px rgba(0,0,0,.42))}
.balance.usd{color:#fff}
.balance.usd::before{background-image:url('currency-dollar-symbol.png')}
.balance.tokens{color:#fff}
.balance.tokens::before{background-image:url('currency-token-symbol.png')}
.balance:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:none}
.balance .dot{display:none}
.balance .px{color:var(--accent-soft);font-weight:600;font-size:12px}
.nav-balance-center{position:fixed;left:50%;top:44px;transform:translate(-50%,-50%);grid-column:auto;grid-row:auto;justify-self:center;display:flex;align-items:center;z-index:60}
.nav-balance-center .balance{border-radius:13px 0 0 13px;border-right:0}
.nav-deposit{height:39px;padding:0 17px;border:1px solid rgba(34,197,94,.65);border-radius:0 13px 13px 0;background:linear-gradient(135deg,#22c55e,#43df77);color:#092311;font-family:inherit;font-weight:950;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;box-shadow:0 8px 22px rgba(34,197,94,.22)}
.nav-deposit:hover{filter:brightness(1.06);box-shadow:0 13px 34px rgba(34,197,94,.34)}
.nav-icon-btn{position:relative;width:39px;height:39px;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#433a63,#342d4f);border:1px solid rgba(255,255,255,.10);border-radius:13px;cursor:pointer;box-shadow:0 8px 20px rgba(17,12,32,.22);transition:.16s}
.nav-icon-btn:hover{transform:translateY(-1px);background:#4b4270;border-color:rgba(255,255,255,.18)}
.nav-icon-btn img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.28))}
.nav-icon-btn[data-tip]::after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 9px);transform:translateX(-50%) translateY(-4px);padding:6px 9px;border-radius:8px;background:#171226;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:10px;font-weight:950;font-family:inherit;letter-spacing:.35px;white-space:nowrap;opacity:0;pointer-events:none;transition:.14s;box-shadow:0 12px 24px rgba(0,0,0,.35);z-index:90;text-transform:uppercase}
.nav-icon-btn[data-tip]:hover::after{opacity:1;transform:translateX(-50%) translateY(0)}
.nav-action-btn{height:39px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border-radius:13px;color:#fff;background:linear-gradient(180deg,#433a63,#342d4f);border:1px solid rgba(255,255,255,.10);font-family:inherit;font-weight:950;text-transform:uppercase;letter-spacing:.25px;cursor:pointer;box-shadow:0 8px 20px rgba(17,12,32,.22);transition:.16s}
.nav-action-btn:hover{transform:translateY(-1px);background:#4b4270;border-color:rgba(255,255,255,.18)}
.nav-action-btn svg{width:19px;height:19px;stroke:#fff;filter:drop-shadow(0 4px 6px rgba(0,0,0,.28))}
.nav-action-btn img{width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.28))}
.nav-action-btn span{color:#fff;font-weight:950}
.vault-shortcut{display:grid}
.notifications{position:relative}
.notification-btn{position:relative}
.notification-btn:hover{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.1)}
.notification-badge{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:9px;background:var(--danger);color:#fff;font-size:9px;font-weight:900;border:2px solid var(--nav)}
.notification-menu{position:absolute;right:0;top:48px;width:min(360px,calc(100vw - 24px));padding:8px;border-radius:14px;display:none;z-index:70;background:#322d4d;border:1px solid var(--border);box-shadow:0 18px 40px rgba(0,0,0,.5)}
.notification-menu.open{display:block}
.notification-head{padding:8px 8px 10px 11px;font-weight:900;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}
.notification-clear{border:0;background:transparent;color:#fff;font:inherit;font-size:11px;font-weight:800;cursor:pointer;padding:6px 8px;border-radius:7px}
.notification-clear:hover{background:rgba(255,255,255,.08)}
.notification-item{display:flex;gap:10px;padding:11px;border-bottom:1px solid rgba(255,255,255,.055)}
.notification-item:last-child{border-bottom:0}
.notification-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--accent);flex:0 0 9px}
.notification-remove{margin-left:auto;align-self:flex-start;width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#fff;font-size:17px;line-height:1;cursor:pointer;opacity:.8;flex:0 0 24px}
.notification-remove:hover{background:rgba(255,255,255,.09);opacity:1}
.btn{font-family:inherit;font-weight:700;cursor:pointer;border:none;border-radius:12px;transition:.18s;font-size:14px}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--violet));color:#fff;padding:10px 16px;
  box-shadow:0 8px 22px rgba(var(--accent-rgb),.35)}
.btn-primary:hover{filter:brightness(1.08);box-shadow:0 10px 28px rgba(var(--accent-rgb),.5);transform:translateY(-1px)}
.btn-primary:active{transform:translateY(0)}
.btn-ghost{background:rgba(255,255,255,0.04);color:#fff;border:1px solid var(--border);padding:10px 14px}
.btn-ghost:hover{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.1)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;filter:none!important}
.menu-toggle{display:none}

/* LAYOUT */
main{max-width:1180px;margin:0 auto;padding:30px 22px 90px}
.view{display:none;animation:fade .35s ease}
.view.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.h1{font-size:30px;font-weight:900;letter-spacing:-1px;margin-bottom:6px}
.sub{color:var(--muted);font-size:14.5px;margin-bottom:26px}
.card{background:var(--glass);border:1px solid var(--border);border-radius:18px;backdrop-filter:blur(14px);
  box-shadow:0 18px 40px rgba(0,0,0,.35)}

/* HERO */
.hero{position:relative;overflow:hidden;border-radius:26px;margin:0 auto 30px;aspect-ratio:1400/517;max-width:1000px;width:100%;
  border:3px solid #4caf3a;box-shadow:0 0 18px rgba(76,175,58,.45),0 0 2px rgba(120,230,90,.6) inset}
.hero-bg{position:absolute;inset:0;width:101.5%;height:101.5%;left:-0.75%;top:-0.75%;object-fit:cover;display:block}
/* clickable "Explore Rewards" button zone - no visible box, cursor shows it's clickable */
.hero-rewards-hit{position:absolute;left:8%;top:60%;width:40%;height:20%;cursor:pointer;z-index:3}
/* dynamic username + level over the right (temple) side of the banner */
.hero-userinfo{position:absolute;right:4%;top:46%;transform:translateY(-50%);width:38%;z-index:2;
  text-align:center;color:#e8ffd6;font-weight:900;pointer-events:none}
.hero-userinfo *{text-shadow:0 0 2px #000,0 0 4px #000,0 2px 5px rgba(0,0,0,.95)}
.hu-name{display:flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(14px,2.5vw,28px);color:#eaff8c;white-space:nowrap}
.hu-row{display:flex;align-items:center;gap:3%;margin-top:6%}
.hu-level{flex:0 0 auto;min-width:13%;text-align:center;font-size:clamp(13px,2vw,24px);color:#ffffff}
.hu-bar{flex:1;height:clamp(9px,1.5vw,18px);background:rgba(0,0,0,.55);border-radius:20px;overflow:hidden;border:1px solid rgba(150,240,80,.8)}
.hu-fill{height:100%;background:linear-gradient(90deg,#7dd825,#caff5c);border-radius:20px;transition:width .4s}
.hu-xp{margin-top:5%;font-size:clamp(10px,1.4vw,15px);color:#eaff8c;white-space:nowrap}
.home-banners{position:relative;margin:0 auto 34px;max-width:1120px;width:100%;overflow:hidden;border-radius:0;aspect-ratio:1280/365;isolation:isolate;background:transparent}
.home-banners.carousel{box-shadow:none}
.home-banner-track{display:flex;width:100%;height:100%;transform:translateX(calc(var(--banner-index,0) * -100%));transition:transform .72s cubic-bezier(.18,.76,.22,1);will-change:transform}
.promo-banner{position:relative;overflow:hidden;border-radius:0;background:transparent;min-width:100%;height:100%;flex:0 0 100%;transform:translateZ(0)}
.home-banners.carousel .promo-banner{display:block}
.home-banners.carousel .promo-banner.active{display:block}
.promo-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.045);transition:transform .72s cubic-bezier(.18,.76,.22,1)}
.promo-banner.active img{transform:scale(1.025)}
.home-banners::after{display:none}
.home-banners.is-sliding::before{content:"";position:absolute;inset:-20% auto -20% -28%;width:32%;z-index:5;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-16deg);animation:bannerSwipe .78s ease}
@keyframes bannerSwipe{from{left:-35%;opacity:0}25%{opacity:.75}to{left:105%;opacity:0}}
.banner-copy{position:absolute;top:50%;left:clamp(20px,4.2%,54px);z-index:3;width:52%;display:flex;align-items:flex-start;flex-direction:column;transform:translateY(-50%);text-align:left;filter:drop-shadow(0 12px 22px rgba(0,0,0,.38))}
.banner-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:4px 8px 4px 6px;border:1px solid rgba(117,243,151,.28);border-radius:99px;background:rgba(2,22,10,.58);color:#b9f8ca;font-size:clamp(7px,.62vw,9px);font-weight:1000;letter-spacing:1.45px;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(6px)}
.banner-kicker::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#61ed88;box-shadow:0 0 0 3px rgba(97,237,136,.13),0 0 12px rgba(97,237,136,.9)}
.banner-copy strong{display:flex;flex-direction:column;color:#fff;font-family:'Russo One','Montserrat',sans-serif;font-size:clamp(19px,2.05vw,34px);font-weight:400;line-height:.91;letter-spacing:-.65px;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.72),0 5px 18px rgba(0,0,0,.82)}
.banner-copy strong em{margin-top:6px;background:linear-gradient(180deg,#d0ffdc 0%,#75f598 54%,#3edb69 100%);color:#75f598;font-style:normal;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 8px rgba(30,182,76,.36))}
.banner-copy p{max-width:430px;margin:9px 0 0;color:#e7f3e9;font-size:clamp(7px,.66vw,10px);font-weight:900;line-height:1.35;letter-spacing:.72px;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.9)}
.banner-copy p b{padding:0 3px;color:#65eb8a;font-weight:1000}
.banner-actions{display:flex;align-items:center;gap:7px;margin-top:10px}
.banner-cta{min-height:32px;padding:0 14px;border:1px solid rgba(105,233,141,.48);border-radius:8px;background:linear-gradient(180deg,#5bea82,#26b952);color:#06170b;font-family:'Montserrat','Inter',sans-serif;font-size:8px;font-weight:1000;letter-spacing:.55px;text-transform:uppercase;box-shadow:0 8px 18px rgba(20,135,57,.24),inset 0 1px 0 rgba(255,255,255,.38);cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.banner-cta>span[aria-hidden="true"]{display:inline-block;margin-left:5px;font-size:12px;line-height:0;transition:transform .18s ease}
.banner-cta:hover>span[aria-hidden="true"]{transform:translateX(3px)}
.banner-cta.secondary{border-color:rgba(113,224,143,.2);background:rgba(5,25,14,.78);color:#f4fff7;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(7px)}
.banner-cta:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 10px 24px rgba(20,135,57,.34),inset 0 1px 0 rgba(255,255,255,.34)}
.banner-cta.secondary:hover{border-color:rgba(105,233,141,.38);box-shadow:0 8px 20px rgba(4,3,8,.26),inset 0 1px 0 rgba(255,255,255,.08)}
.banner-cta:focus-visible{outline:2px solid #a7f3bd;outline-offset:3px}
.banner-social-actions .banner-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding-left:7px}
.banner-social-mark{width:23px;height:23px;display:grid;place-items:center;flex:0 0 23px;border-radius:6px;background:rgba(3,18,10,.34);color:currentColor;box-shadow:inset 0 1px 0 rgba(255,255,255,.11)}
.banner-social-mark svg{width:16px;height:16px;display:block;fill:currentColor}
.banner-social-mark.discord{color:#fff}
.banner-social-mark.twitter,.banner-social-mark.kick{color:#68e98c}
.banner-progress{position:absolute;left:50%;bottom:11px;z-index:6;display:flex;align-items:center;gap:5px;transform:translateX(-50%);pointer-events:none}
.banner-progress span{width:5px;height:5px;border-radius:99px;background:rgba(255,255,255,.35);box-shadow:0 2px 8px rgba(0,0,0,.45);transition:width .28s ease,background .28s ease}
.banner-progress span.active{width:19px;background:#70e991}
.banner-next{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:6;width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(255,255,255,.16);background:rgba(10,8,18,.72);color:#fff;display:grid;place-items:center;cursor:pointer;
  box-shadow:0 8px 20px rgba(0,0,0,.38);backdrop-filter:blur(8px);transition:.16s}
.banner-next:hover{border-color:rgba(var(--accent-rgb),.65);background:rgba(var(--accent-rgb),.22);transform:translateY(-50%) scale(1.04)}
.banner-next svg{width:20px;height:20px}
@media(max-width:700px){
  .banner-copy{left:18px;width:58%}
  .banner-kicker{margin-bottom:4px;letter-spacing:1px}
  .banner-copy p{display:none}
  .banner-copy strong{font-size:clamp(14px,3.65vw,23px)}
  .banner-copy strong em{margin-top:3px}
  .banner-actions{margin-top:9px}
  .banner-cta{min-height:29px;padding:0 10px;border-radius:6px;font-size:7px}
  .banner-social-actions .banner-cta{gap:5px;padding-left:5px}
  .banner-social-mark{width:20px;height:20px;flex-basis:20px;border-radius:5px}
  .banner-social-mark svg{width:14px;height:14px}
  .banner-next{right:8px;width:32px;height:32px}
  .banner-progress{bottom:6px}
}
@media(max-width:430px){
  .banner-copy{left:12px;width:60%}
  .banner-kicker{display:none}
  .banner-copy strong{font-size:13px;line-height:.96}
  .banner-actions{gap:4px;margin-top:7px}
  .banner-cta{min-height:25px;padding:0 8px;font-size:6px}
  .banner-social-actions .banner-cta{gap:3px;padding-left:4px}
  .banner-social-mark{width:17px;height:17px;flex-basis:17px}
  .banner-social-mark svg{width:12px;height:12px}
  .banner-next{width:28px;height:28px}
  .banner-progress{display:none}
}
.rake-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.theme-card{position:relative;border:2px solid var(--border);border-radius:14px;padding:18px 14px;text-align:center;cursor:pointer;transition:.18s;background:rgba(255,255,255,.02);font:inherit;color:inherit;width:100%}
.theme-card:hover{border-color:rgba(var(--accent-rgb),.5);transform:translateY(-2px)}
.theme-card.on{border-color:var(--accent);background:rgba(var(--accent-rgb),.12)}
.theme-emoji{font-size:30px;margin-bottom:8px}
.theme-name{font-weight:800;font-size:14px}
.theme-swatches{display:flex;justify-content:center;gap:5px;margin-top:10px}
.theme-swatches span{width:22px;height:22px;border-radius:6px;display:block;border:1px solid rgba(255,255,255,.15)}
.theme-active{margin-top:9px;font-size:11px;font-weight:800;color:var(--accent)}
.rake-card{padding:20px;position:relative;overflow:hidden}
.rake-card .rake-pct{position:absolute;top:14px;right:16px;font-weight:900;font-size:15px;color:#bdf06a;background:rgba(120,220,60,.14);border:1px solid rgba(120,220,60,.4);padding:3px 9px;border-radius:20px}
.rake-card .rake-amt{font-size:28px;font-weight:900;color:var(--accent-soft);letter-spacing:-.5px}

/* HOME */
.home-view{max-width:1180px;margin:0 auto;width:100%}
.feat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}
.gcard{position:relative;overflow:hidden;border-radius:18px;cursor:pointer;aspect-ratio:421/627;
  border:none;transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s;background:transparent;min-height:0;max-width:290px;width:100%;justify-self:center;
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.28));isolation:isolate}
.gcard::before{content:"";position:absolute;inset:5% 7%;border-radius:22px;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 50% 42%,rgba(var(--accent-rgb),.28),transparent 58%);
  opacity:0;transform:scale(.92);transition:.28s cubic-bezier(.2,.8,.2,1)}
.gcard::after{content:"";position:absolute;inset:-35% -80%;z-index:3;pointer-events:none;
  background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.16) 48%,transparent 62%);
  transform:translateX(-55%) rotate(8deg);opacity:0;transition:transform .48s ease,opacity .28s}
.gcard:hover{transform:translateY(-8px) scale(1.025);filter:drop-shadow(0 26px 42px rgba(11,8,22,.42))}
.gcard:hover::before{opacity:1;transform:scale(1)}
.gcard:hover::after{opacity:1;transform:translateX(55%) rotate(8deg)}
.gcard:active{transform:translateY(-3px) scale(1.01)}
.gcard .bg{position:absolute;inset:0;opacity:.9}
.gcard .ico{position:absolute;top:16px;left:16px;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;
  background:rgba(0,0,0,.28);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14)}
.gcard .ico svg{width:24px;height:24px}
.gcard .meta{position:absolute;bottom:0;left:0;right:0;padding:18px 16px 16px;
  background:linear-gradient(transparent,rgba(7,4,16,.92))}
.gcard h3{font-size:18px;font-weight:800}
.gcard p{font-size:12.5px;color:#c9c6d6;margin-top:3px}
.gcard .live{position:absolute;top:18px;right:16px;display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;
  color:#d6ffe2;background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.4);padding:5px 9px;border-radius:20px}
.gcard .live .pulse{width:7px;height:7px;border-radius:50%;background:var(--success);animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.section-title{font-size:18px;font-weight:800;margin:34px 0 16px;display:flex;align-items:center;gap:10px}
.section-title::after{content:"";flex:1;height:1px;background:var(--border)}
.feed-wrap{display:flex;flex-direction:column;gap:8px}
.feed-row{display:grid;grid-template-columns:1.5fr 1.3fr .8fr .7fr .9fr;gap:12px;align-items:center;
  padding:11px 16px;border-radius:13px;background:var(--card);border:1px solid var(--border);font-size:14px}
.feed-head{background:transparent;border:none;padding:2px 16px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}
.feed-empty{padding:26px;text-align:center;color:var(--muted);font-size:14px;background:var(--card);border:1px solid var(--border);border-radius:13px}
.fr-game{display:flex;align-items:center;gap:11px;min-width:0}
.fr-ico{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center}
.fr-ico-img{width:34px;height:34px;object-fit:cover;display:block;border-radius:9px}
.fr-name{font-weight:800;color:#5fbf6a;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fr-player{display:flex;align-items:center;gap:7px;min-width:0}
.fr-user{font-weight:600;color:#e9e6f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fr-num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.fr-mult-win{color:var(--success)}
.fr-mult-zero{color:#fff}
.fr-result{font-weight:800}
@media(max-width:560px){ .feed-row{grid-template-columns:1.3fr .8fr .8fr;gap:8px;font-size:12.5px;padding:10px 12px}
  .feed-row .fr-player,.feed-row span:nth-child(3){display:none}
  .feed-head .fr-player,.feed-head span:nth-child(3){display:none} }
.cashier-banner{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:13px;
  background:rgba(245,158,11,.10);border:1px solid rgba(245,158,11,.35);color:#fcd9a0;font-size:13px;font-weight:600}
.cashier-banner svg{flex:0 0 18px;color:var(--warning)}
.qr-box{width:164px;height:164px;border-radius:10px;background:#fff;display:block;padding:8px;overflow:hidden;box-shadow:0 10px 26px rgba(13,10,24,.22)}
.qr-box img{width:100%;height:100%;display:block;border-radius:4px;object-fit:contain}
.addr-field{display:flex;align-items:center;gap:8px;background:#1a1729;border:1px solid var(--border);border-radius:11px;padding:8px 8px 8px 13px}
.addr-field span{flex:1;font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--accent-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* GAME LAYOUT */
.game-wrap{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:start}
.panel{padding:20px}
.panel label{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 8px}
.panel label:first-child{margin-top:0}
.input{width:100%;background:#1a1729;border:1px solid var(--border);border-radius:12px;color:#fff;
  padding:13px 14px;font-size:16px;font-weight:700;font-family:inherit}
.input:focus{outline:none;border-color:var(--accent)}
.bet-row{display:flex;gap:8px;margin-top:8px}
.bet-row .btn{flex:1;padding:9px 0;font-size:12.5px}
.field-stack{display:flex;flex-direction:column;gap:0}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.stat{background:#1a1729;border:1px solid var(--border);border-radius:12px;padding:11px 12px}
.stat .k{font-size:11px;color:var(--muted);font-weight:600}
.stat .v{font-size:17px;font-weight:800;margin-top:2px}
.modal.modal-admin-logs{width:min(1040px,calc(100vw - 28px));max-width:1040px;max-height:calc(100vh - 28px);overflow:hidden;padding:0;background:linear-gradient(180deg,#332d4f,#25203a);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 28px 80px rgba(9,6,22,.62)}
.admin-log-shell{display:flex;flex-direction:column;max-height:calc(100vh - 28px)}
.admin-log-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 20px;background:linear-gradient(180deg,#433a63,#332d4f);border-bottom:1px solid rgba(255,255,255,.10)}
.admin-log-user{display:flex;align-items:center;gap:13px;min-width:0}
.admin-log-avatar{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--accent),#9cff66);display:grid;place-items:center;font-weight:1000;color:#07190d;box-shadow:0 12px 28px rgba(var(--accent-rgb),.22)}
.admin-log-title{font-family:'Russo One','Montserrat',sans-serif;font-size:24px;color:#fff;line-height:1.05}
.admin-log-id{margin-top:5px;color:var(--muted);font-size:12px;font-weight:900}
.admin-log-body{overflow:auto;padding:18px 20px 20px}
.admin-log-summary{display:grid;grid-template-columns:repeat(7,minmax(108px,1fr));gap:10px;margin-bottom:14px}
.admin-log-stat{padding:12px;border-radius:14px;background:linear-gradient(180deg,#40385f,#2c2643);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.admin-log-stat span{display:block;color:var(--muted);font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.55px;margin-bottom:5px}
.admin-log-stat b{display:block;color:#fff;font-size:16px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-log-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 14px;padding:6px;background:#211c35;border:1px solid rgba(255,255,255,.08);border-radius:15px;width:max-content;max-width:100%}
.admin-log-tabs button{border:1px solid transparent;background:transparent;color:#dcd7f2;border-radius:11px;padding:9px 13px;font-family:inherit;font-weight:1000;cursor:pointer}
.admin-log-tabs button.on,.admin-log-tabs button:hover{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.18);color:#fff}
.admin-log-panel{display:none}
.admin-log-panel.on{display:block}
.admin-log-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.admin-log-note{color:var(--muted);font-size:12px;font-weight:900}
.admin-log-table{overflow:auto;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:#211c35}
.admin-log-table table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}
.admin-log-table th{position:sticky;top:0;background:#2d2744;color:#bfb8df;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.65px;text-align:left;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.admin-log-table td{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.055);color:#f4f1ff;font-size:13px;font-weight:800;vertical-align:middle}
.admin-log-table tr:last-child td{border-bottom:0}
.admin-log-table tr:hover td{background:rgba(255,255,255,.035)}
.admin-log-pill{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.35px;background:rgba(255,255,255,.08);color:#fff}
.admin-log-pill.win,.admin-log-pill.complete{background:rgba(34,197,94,.16);color:#9cffbd;border:1px solid rgba(34,197,94,.28)}
.admin-log-pill.loss,.admin-log-pill.failed{background:rgba(239,68,68,.15);color:#fecaca;border:1px solid rgba(239,68,68,.28)}
.admin-log-pill.pending{background:rgba(251,191,36,.14);color:#fde68a;border:1px solid rgba(251,191,36,.28)}
.admin-log-hash{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Menlo,monospace;color:#c9c3e6;font-size:12px}
.admin-log-empty{padding:26px;text-align:center;color:var(--muted);font-weight:900}
@media(max-width:900px){.admin-log-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.modal.modal-admin-logs{width:calc(100vw - 16px)}.admin-log-title{font-size:20px}}
.board{padding:22px;min-height:420px;display:flex;flex-direction:column}
.big-action{width:100%;padding:16px;font-size:16px;margin-top:18px}

/* MINES */
.mines-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;max-width:660px;width:100%;margin:auto}
.tile{aspect-ratio:1;border-radius:18px;background:linear-gradient(160deg,#241c40,#191230);border:1px solid var(--border);
  cursor:pointer;display:grid;place-items:center;transition:.16s;font-weight:800;position:relative;
  user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.tile:hover:not(.revealed){transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.6);box-shadow:0 10px 24px rgba(var(--accent-rgb),.25)}
.tile.revealed{cursor:default;pointer-events:none}
.tile.gem{background:linear-gradient(160deg,rgba(var(--violet-rgb),.24),rgba(var(--accent-rgb),.07));border-color:rgba(var(--violet-rgb),.5)}
.tile.bomb{background:linear-gradient(160deg,rgba(239,68,68,.28),rgba(239,68,68,.08));border-color:rgba(239,68,68,.55)}
.tile svg{width:54%;height:54%;pointer-events:none;-webkit-user-drag:none}
.tile.pop{animation:pop .3s ease}
@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12)}100%{transform:scale(1)}}
.tower-board{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;max-width:460px;margin:auto;padding-left:22px}
.tower-board::before{content:'';position:absolute;left:7px;top:10px;bottom:10px;width:4px;border-radius:4px;background:linear-gradient(#7fd6a0,#2f6b38);opacity:.55}
.tw-row{position:relative;display:flex;align-items:center;gap:10px}
.tw-row::before{content:'';position:absolute;left:-19px;top:50%;width:13px;height:13px;margin-top:-6.5px;border-radius:50%;background:#2f6b38;border:2px solid #16331f;transition:.18s}
.tw-row.cleared::before{background:var(--accent);box-shadow:0 0 9px rgba(var(--accent-rgb),.7)}
.tw-row.active::before{background:var(--accent-soft);box-shadow:0 0 12px rgba(var(--accent-rgb),.9);transform:scale(1.2)}
.tw-cells{flex:1;display:flex;justify-content:center;gap:8px}
.tw-mult{flex:0 0 56px;text-align:right;font-family:'Russo One',sans-serif;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.tw-tile{width:clamp(44px,13vw,68px);height:clamp(34px,9.5vw,46px);flex:0 0 auto;border-radius:12px;background:linear-gradient(160deg,#2b2350,#1c1636);border:1px solid var(--border);display:grid;place-items:center;transition:.16s;position:relative}
.tw-tile svg{width:46%;height:74%}
.tw-row.idle{opacity:.92}
.tw-row.locked{opacity:.32}
.tw-row.cleared{opacity:.95}
.tw-row.cleared .tw-mult{color:var(--accent);font-weight:700}
.tw-row.active{animation:twpulse 1.8s ease-in-out infinite}
.tw-row.active .tw-mult{color:var(--accent-soft);font-weight:800}
.tw-row.active .tw-tile{cursor:pointer;border-color:rgba(var(--accent-rgb),.55);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.2)}
.tw-row.active .tw-tile:hover{transform:translateY(-2px) scale(1.04);border-color:rgba(var(--accent-rgb),.9);box-shadow:0 8px 20px rgba(var(--accent-rgb),.3)}
.tw-tile.faded{opacity:.5}
.tw-tile.picked{opacity:1;outline:3px solid var(--accent-soft);outline-offset:1px;box-shadow:0 0 14px rgba(var(--accent-rgb),.5)}
@keyframes twpulse{0%,100%{filter:none}50%{filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.35))}}
.tw-tile.safe{background:linear-gradient(160deg,rgba(var(--violet-rgb),.24),rgba(var(--accent-rgb),.08));border-color:rgba(var(--violet-rgb),.5)}
.tw-tile.trap{background:linear-gradient(160deg,rgba(239,68,68,.3),rgba(239,68,68,.1));border-color:rgba(239,68,68,.6)}

.mult-tag{position:absolute;top:14px;left:50%;transform:translateX(-50%);background:rgba(var(--accent-rgb),.18);
  border:1px solid rgba(var(--accent-rgb),.4);padding:7px 16px;border-radius:20px;font-weight:800;font-size:15px}

/* DICE */
.dice-display{font-size:82px;font-weight:1000;text-align:center;letter-spacing:-1px;margin:0;font-variant-numeric:tabular-nums;text-shadow:0 16px 38px rgba(0,0,0,.45)}
.dice-slider{-webkit-appearance:none;width:100%;height:14px;border-radius:999px;outline:none;margin:18px 0 8px}
.dice-slider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;
  background:#fff;cursor:pointer;box-shadow:0 0 0 5px rgba(var(--accent-rgb),.4);border:3px solid var(--accent)}
.dice-track-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:700}
.seg{display:flex;background:#1a1729;border:1px solid var(--border);border-radius:12px;padding:4px;gap:4px}
.seg button{flex:1;background:transparent;border:none;color:var(--muted);font-weight:700;padding:9px;border-radius:9px;cursor:pointer;font-family:inherit;font-size:13px}
.seg button.on{background:linear-gradient(135deg,var(--accent),var(--violet));color:#fff}

/* UPGRADER */
.wheel-wrap{position:relative;width:300px;height:300px;margin:6px auto 0;filter:drop-shadow(0 26px 44px rgba(0,0,0,.46))}
.wheel-wrap::before{content:"";position:absolute;inset:-16px;border-radius:50%;background:
  radial-gradient(circle at 50% 50%,rgba(92,255,96,.18),transparent 58%),
  conic-gradient(from 18deg,rgba(255,255,255,.10),transparent 12%,rgba(255,255,255,.07) 18%,transparent 29%,rgba(255,255,255,.09) 42%,transparent 58%,rgba(255,255,255,.08) 72%,transparent 88%);
  opacity:.72;filter:blur(.2px)}
.wheel-wrap::after{content:"";position:absolute;inset:27px;border-radius:50%;background:
  radial-gradient(circle at 40% 34%,rgba(255,255,255,.12),transparent 20%),
  radial-gradient(circle at 50% 55%,rgba(12,9,26,.92),rgba(9,7,20,.34) 49%,transparent 52%);
  pointer-events:none;z-index:1}
.wheel{width:100%;height:100%;position:relative;z-index:2;transition:transform 4.6s cubic-bezier(.16,.74,.16,1)}
.wheel svg{width:100%;height:100%;display:block;overflow:visible}
.wheel-face{fill:url(#wheelFace);stroke:rgba(255,255,255,.08);stroke-width:1}
.wheel-rim-outer{fill:none;stroke:url(#wheelRim);stroke-width:15;filter:drop-shadow(0 7px 10px rgba(0,0,0,.46))}
.wheel-rim-inner{fill:none;stroke:rgba(255,255,255,.08);stroke-width:2}
.wheel-ring-bg{fill:none;stroke:rgba(9,7,22,.92);stroke-width:42}
.wheel-ring-track{fill:none;stroke:url(#wheelTrack);stroke-width:34}
.wheel-ring-win{fill:none;stroke:url(#wheelWin);stroke-width:34;stroke-linecap:butt;filter:drop-shadow(0 0 10px rgba(82,255,86,.42)) drop-shadow(0 5px 10px rgba(0,0,0,.35))}
.wheel-tick{stroke:rgba(255,255,255,.15);stroke-width:2.3;stroke-linecap:round}
.wheel-tick.major{stroke:rgba(255,255,255,.26);stroke-width:3.1}
.wheel-pointer{position:absolute;top:-8px;left:50%;transform:translateX(-50%);transform-origin:50% 188px;z-index:6;
  width:34px;height:54px;clip-path:polygon(50% 100%,9% 14%,50% 0,91% 14%);
  background:linear-gradient(180deg,#ffffff 0%,#e9e5ff 44%,#9f98bf 100%);
  transition:transform 4.6s cubic-bezier(.16,.74,.16,1);
  filter:drop-shadow(0 6px 7px rgba(0,0,0,.62)) drop-shadow(0 0 8px rgba(255,255,255,.25))}
.wheel-pointer::before{content:"";position:absolute;inset:7px 12px 18px;border-radius:999px;background:linear-gradient(180deg,#66ff5a,#1bbf2d);box-shadow:0 0 10px rgba(82,255,86,.55)}
.wheel-pointer::after{content:"";position:absolute;top:-8px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.7),0 0 0 5px rgba(255,255,255,.08)}
.wheel-center{position:absolute;inset:0;margin:auto;width:152px;height:152px;border-radius:50%;z-index:4;
  background:
    radial-gradient(circle at 38% 30%,rgba(255,255,255,.16),transparent 25%),
    radial-gradient(circle at 50% 58%,#2f2948,#191529 68%,#100d1d 100%);
  border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  box-shadow:inset 0 2px 11px rgba(255,255,255,.08),inset 0 -16px 28px rgba(0,0,0,.62),0 0 0 7px rgba(255,255,255,.045),0 12px 28px rgba(0,0,0,.54)}
.wheel-center::before{content:"";position:absolute;inset:13px;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.20);box-shadow:inset 0 0 18px rgba(var(--accent-rgb),.06);pointer-events:none}
.wheel-center .pct{font-size:37px;font-weight:900;letter-spacing:0;background:linear-gradient(180deg,#fff 10%,#dfffd0 45%,#5cff55 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.wheel-center .lbl{font-size:10.5px;color:#bbb6d8;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-top:2px}
.wheel-center .mlt{font-size:13px;color:#93ff7b;font-weight:900;margin-top:6px}
.mult-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.mult-presets button{flex:1;min-width:54px;padding:10px 0;background:#1a1729;border:1px solid var(--border);
  color:#fff;border-radius:11px;font-weight:800;cursor:pointer;font-family:inherit;transition:.15s}
.mult-presets button.on,.mult-presets button:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.16)}

/* BLACKJACK */
.bj-table{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:360px}
.hand-zone{text-align:center}
.hand-zone .ztitle{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.cards{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;min-height:108px;align-items:center}
.pcard{width:76px;height:106px;border-radius:11px;background:linear-gradient(160deg,#fbfbff,#e7e3f5);color:#1a1330;
  display:flex;flex-direction:column;justify-content:space-between;padding:8px 9px;font-weight:900;
  box-shadow:0 10px 22px rgba(0,0,0,.4);animation:deal .35s ease}
.pcard.red{color:#d11}
.pcard .r{font-size:19px;line-height:1}
.pcard .s{font-size:22px;text-align:right}
.pcard.back{background:linear-gradient(135deg,var(--accent),var(--violet));}
@keyframes deal{from{transform:translateY(-30px) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}
.score-pill{display:inline-block;margin-top:10px;background:#1a1729;border:1px solid var(--border);
  padding:5px 13px;border-radius:20px;font-weight:800;font-size:14px}
.bj-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.hand-active{outline:2px solid var(--accent);outline-offset:6px;border-radius:14px}

/* PACKS */
.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.pack{appearance:none;-webkit-appearance:none;text-align:left;color:inherit;font:inherit;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:var(--card);cursor:pointer;transition:.2s}
.pack:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.5);box-shadow:0 20px 44px rgba(var(--accent-rgb),.25)}
.pack .art{height:150px;display:grid;place-items:center;position:relative}
.pack .art svg{width:64px;height:64px;opacity:.92;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}
.pack .body{padding:15px}
.pack .body h3{font-size:16px;font-weight:800}
.pack .body .price{margin-top:10px;display:flex;align-items:center;justify-content:space-between}
.pack .body .price b{font-size:16px}
/* recoloured pack artwork */
.pack-art{position:relative;width:100%;max-width:190px;margin:0 auto;aspect-ratio:520/787;display:block;container-type:inline-size}
.pack-art.lg{max-width:300px}
.pack-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.pa-name{position:absolute;top:6%;left:9%;right:9%;text-align:center;color:#fff;font-family:'Russo One','Montserrat',sans-serif;font-weight:900;letter-spacing:.3px;line-height:1.04;text-transform:uppercase;text-shadow:0 2px 7px rgba(0,0,0,.78),0 0 3px rgba(0,0,0,.9);font-size:10.5cqw;z-index:2;pointer-events:none;word-break:break-word}
.pa-items{position:absolute;left:7%;right:7%;top:33%;display:flex;gap:5%;align-items:center;justify-content:center;z-index:2;pointer-events:none}
.pa-items .pai{width:27%;max-width:74px;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55))}
.pa-items .pai img{width:100%;height:auto;object-fit:contain;display:block}
.pa-items .pai svg{width:100%;height:auto}
.reel-mask{position:relative;height:170px;overflow:hidden;border-radius:16px;background:#100b20;border:1px solid var(--border);margin:8px 0}
.reel-mask::before,.reel-mask::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:3;pointer-events:none}
.reel-mask::before{left:0;background:linear-gradient(90deg,#100b20,transparent)}
.reel-mask::after{right:0;background:linear-gradient(270deg,#100b20,transparent)}
.reel-ptr{position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:var(--violet);
  z-index:4;box-shadow:0 0 16px var(--violet)}
.reel-track{display:flex;gap:12px;padding:14px;height:100%;align-items:center;will-change:transform}
.reel-item{flex:0 0 130px;height:138px;border-radius:13px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:6px;background:#1a1430;border:1px solid var(--border);text-align:center;padding:8px}
.reel-item svg{width:40px;height:40px}
.reel-item .nm{font-size:12px;font-weight:700}
.reel-item .vl{font-size:12px;font-weight:800;color:var(--accent-soft)}
.rar{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:3px 8px;border-radius:6px}

/* MODAL */
.overlay{position:fixed;inset:0;z-index:100;background:rgba(7,4,16,.82);backdrop-filter:blur(8px);
  display:none;align-items:center;justify-content:center;padding:20px;animation:fade .25s}
.overlay.show{display:flex}
.modal{width:100%;max-width:540px;padding:26px}
.modal h2{font-size:22px;font-weight:900;margin-bottom:4px}
.overlay.panel-overlay{background:rgba(13,9,25,.64);backdrop-filter:blur(3px)}
.modal.modal-wide{max-width:800px;max-height:calc(100vh - 32px);overflow:auto;padding:0;background:transparent;border:0;box-shadow:none}
.modal.modal-deposit-focus{width:min(744px,calc(100vw - 24px));max-width:744px;max-height:calc(100vh - 32px);overflow:auto;padding:0;background:transparent;border:0;box-shadow:none}
.modal.modal-tip{max-width:520px;max-height:calc(100vh - 32px);overflow:auto}
.overlay-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.overlay-panel-close{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid rgba(255,255,255,.11);border-radius:7px;background:rgba(255,255,255,.055);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.overlay-panel-close:hover{background:rgba(255,255,255,.12)}
.reveal-card{margin:18px auto;width:170px;height:200px;border-radius:18px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:10px;animation:pop .45s ease}
.reveal-card svg{width:64px;height:64px}
.x-close{margin-left:auto;background:rgba(255,255,255,.05);border:1px solid var(--border);color:#fff;
  width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:18px}

/* TOAST */
#toasts{position:fixed;right:22px;bottom:22px;left:auto;z-index:200;display:flex;flex-direction:column;gap:10px;align-items:flex-end;width:min(380px,calc(100vw - 32px));pointer-events:none}
.toast{position:relative;width:300px;height:76px;box-sizing:border-box;padding:0 26px 0 92px;display:flex;align-items:center;justify-content:flex-start;border:0;border-radius:20px;background:url('toast-success.png') center/300px 300px no-repeat;color:#fff;font-weight:1000;font-size:14px;line-height:1.12;text-shadow:0 2px 8px rgba(0,0,0,.62);letter-spacing:.1px;filter:drop-shadow(0 14px 28px rgba(13,9,27,.34));animation:tin .24s ease;pointer-events:auto;overflow:hidden;text-align:left}
.toast span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:184px}
.toast.win{background-image:url('toast-success.png');color:#fff}
.toast.lose{background-image:url('toast-error.png');color:#fff}
@keyframes tin{from{transform:translateX(14px);opacity:0}to{transform:none;opacity:1}}

/* BATTLES */
.opt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:6px}
.opt{padding:13px 10px;text-align:center;background:#1a1729;border:1px solid var(--border);border-radius:13px;
  cursor:pointer;font-weight:800;transition:.15s;font-size:14px}
.opt.on,.opt:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.16)}
.opt small{display:block;font-weight:600;color:var(--muted);font-size:11px;margin-top:3px}
.teams{display:grid;gap:16px;margin-top:8px}
.team{padding:16px;border-radius:16px;border:1px solid var(--border);background:rgba(18,13,36,.6)}
.team.win{border-color:var(--success);box-shadow:0 0 26px rgba(34,197,94,.3)}
.team .thead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.team .ttotal{font-size:20px;font-weight:900;color:var(--accent-soft)}
.players{display:flex;gap:10px;flex-wrap:wrap}
.player{flex:1;min-width:90px}
.player .pname{font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:7px;margin-bottom:7px}
.avatar{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--violet));display:grid;place-items:center;font-size:11px;font-weight:800}
.pull{display:flex;align-items:center;gap:9px;background:#171127;border:1px solid var(--border);border-radius:10px;padding:8px 10px;margin-top:6px;animation:pop .3s}
.pull svg{width:22px;height:22px;flex:0 0 22px}
.pull .pn{font-size:12px;font-weight:600;flex:1}
.pull .pv{font-size:12px;font-weight:800;color:var(--accent-soft)}
.breel-mask{position:relative;height:180px;overflow:hidden;border-radius:12px;background:#100b20;border:1px solid var(--border);margin-top:8px}
.breel-mask::before,.breel-mask::after{content:"";position:absolute;left:0;right:0;height:46px;z-index:3;pointer-events:none}
.breel-mask::before{top:0;background:linear-gradient(180deg,#100b20,transparent)}
.breel-mask::after{bottom:0;background:linear-gradient(0deg,#100b20,transparent)}
.breel-ptr{position:absolute;top:50%;left:0;right:0;height:3px;margin-top:-1.5px;background:var(--violet);z-index:4;box-shadow:0 0 12px var(--violet)}
.breel-track{display:flex;flex-direction:column;gap:8px;padding:10px;width:100%;align-items:center;will-change:transform}
.breel-item{flex:0 0 auto;width:100%;max-width:120px;height:54px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;background:#1a1430;border:1px solid var(--border);text-align:center;padding:6px 8px}
.breel-item svg{width:24px;height:24px;flex:0 0 24px}
.breel-item .bn{font-size:10px;font-weight:700;line-height:1.05;overflow:hidden;max-height:24px;flex:1}
.breel-item .bv{font-size:10px;font-weight:800;color:var(--accent-soft)}
.broundstrip{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.broundpack{width:62px;height:62px;border-radius:13px;overflow:hidden;background:#1b1830;
  border:2px solid rgba(255,255,255,.08);flex:0 0 auto}
.broundpack img{width:100%;height:100%;object-fit:cover;display:block}
.broundpack.cur{border-color:rgba(var(--accent-rgb),.9);box-shadow:0 0 16px rgba(var(--accent-rgb),.55)}
.broundpack.past{opacity:.42}
/* --- Bigger, more visible battle arena (PackDraw/DiceBlox style) --- */
.breel-mask{height:300px}
.breel-track{gap:10px;padding:10px}
.breel-item{height:84px;max-width:170px;border-radius:13px;gap:10px;padding:8px 12px}
.breel-item svg{width:38px;height:38px;flex:0 0 38px}
.breel-item .bn{font-size:13px;max-height:34px}
.breel-item .bv{font-size:13px}
.breel-mask::before,.breel-mask::after{height:60px}
.breel-ptr{height:4px;margin-top:-2px}
.team .ttotal{font-size:24px}
.player{min-width:130px}
.player .pname{font-size:14px;gap:9px;margin-bottom:9px}
.player .pname .bcard-av{width:34px;height:34px}
.pull{padding:10px 12px}
.pull .pn{font-size:13px}
.pull .pv{font-size:13px}
.pull svg{width:26px;height:26px;flex:0 0 26px}
@media(max-width:640px){.breel-mask{height:240px}.breel-item{height:70px}.player{min-width:120px}}

.breel-item.battle-clean{height:84px;max-width:154px;display:flex;flex-direction:column;gap:5px;padding:9px;background:linear-gradient(180deg,#201936,#151024)}
.breel-item.battle-clean .ba{height:42px;display:grid;place-items:center}
.breel-item.battle-clean .ba img,.breel-item.battle-clean .ba svg{max-width:42px;max-height:42px}
.breel-item.battle-clean .bv{font-size:13px;line-height:1;color:var(--accent-soft)}
.breel-item.jungle-clean{border-color:var(--border)!important;background:linear-gradient(180deg,#201936,#151024)!important}
.breel-item.jungle-clean .ba{position:relative}
.breel-item.jungle-clean .ba::after{content:"";position:absolute;right:-7px;top:-4px;width:18px;height:18px;border-radius:50%;background:rgba(34,197,94,.18);border:1px solid rgba(34,197,94,.45);box-shadow:0 0 10px rgba(34,197,94,.25)}

.battle-room{max-width:1240px;margin:0 auto}
.battle-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:-6px 0 18px}
.battle-topbar .left,.battle-topbar .right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.battle-topbar .right{justify-content:flex-end}
.battle-mode-tag{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:#191f23;border-left:3px solid var(--accent);font-weight:900;text-transform:uppercase;font-size:12px;color:#f4f1ff}
.battle-pack-stack{display:flex;align-items:center;gap:0;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:5px 10px;min-height:70px}
.battle-pack-stack .broundpack{width:48px;height:62px;border-radius:4px;margin-left:-7px;border:1px solid rgba(255,255,255,.10)}
.battle-pack-stack .broundpack:first-child{margin-left:0}
.battle-status-line{display:flex;align-items:center;justify-content:center;gap:14px;font-weight:900;color:#fff;font-size:15px}
.battle-status-line span{color:var(--muted)}
.battle-cost{font-weight:900;font-size:14px;color:#fff}
.battle-cost b{color:#fff}
.battle-stage{position:relative;overflow:hidden;border-radius:0;background:#151a1f;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);margin:0 calc(50% - 50vw) 0;padding:22px max(18px,calc((100vw - 1240px)/2)) 20px}
.battle-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(93,255,138,.08),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 18%);pointer-events:none}
.battle-stage .teams{position:relative;z-index:1;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:0;margin:0}
.battle-stage .team{padding:0;border:0;border-radius:0;background:transparent;min-width:0}
.battle-stage .team .thead{display:none}
.battle-stage .players{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;flex-wrap:nowrap}
.battle-stage .player{min-width:0;border-left:1px solid rgba(255,255,255,.075);padding:0 12px}
.battle-stage .team:first-child .player:first-child{border-left:0}
.battle-stage .pname{height:92px;margin:16px 0 0;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center;background:#20272b;border:1px solid rgba(255,255,255,.045);border-radius:8px;font-size:13px!important;color:#f4f1ff}
.battle-stage .pname .bcard-av{width:38px!important;height:38px!important;border-radius:999px}
.battle-stage .breel-mask{height:372px;margin-top:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.battle-stage .breel-mask::before{height:70px;background:linear-gradient(180deg,#151a1f,rgba(21,26,31,0))}
.battle-stage .breel-mask::after{height:70px;background:linear-gradient(0deg,#151a1f,rgba(21,26,31,0))}
.battle-stage .breel-ptr{left:-12px;right:-12px;height:0;background:none;box-shadow:none}
.battle-stage .breel-ptr::before,.battle-stage .breel-ptr::after{content:"";position:absolute;top:50%;transform:translateY(-50%);border-top:7px solid transparent;border-bottom:7px solid transparent}
.battle-stage .breel-ptr::before{left:0;border-left:10px solid #fff}.battle-stage .breel-ptr::after{right:0;border-right:10px solid #fff}
.battle-stage .breel-track{gap:18px;padding:12px 0;align-items:center}
.battle-stage .breel-item.battle-clean{width:128px;height:122px;max-width:128px;border:0;border-radius:7px;background:rgba(255,255,255,.018);box-shadow:0 0 28px rgba(148,163,184,.12);gap:6px;padding:8px}
.battle-stage .breel-item.battle-clean .ba{height:70px}
.battle-stage .breel-item.battle-clean .ba img,.battle-stage .breel-item.battle-clean .ba svg{max-width:76px;max-height:68px;filter:drop-shadow(0 0 18px rgba(255,255,255,.2))}
.battle-stage .breel-item.battle-clean .bv{font-size:15px;color:#fff;text-shadow:0 2px 4px #000}
.battle-stage .pull{background:#20272b;border-color:rgba(255,255,255,.06);border-radius:8px}
.battle-lobby-card{background:linear-gradient(180deg,#20272b,#171c21);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:16px}
.battle-lobby-card .team{background:#171d22;border-color:rgba(255,255,255,.07);border-radius:8px}
.battle-result-shell .team{background:#171d22;border-color:rgba(255,255,255,.07);border-radius:8px}
.battle-odds-card{margin:0 0 14px;padding:14px;border-radius:8px;background:linear-gradient(180deg,#20272b,#171c21);border:1px solid rgba(255,255,255,.07)}
.battle-odds-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-weight:900}
.battle-odds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.battle-odd{padding:10px 11px;border-radius:8px;background:#171d22;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:8px}
.battle-odd.win{border-color:rgba(var(--accent-rgb),.65);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.16) inset}
.battle-odd .who{font-weight:900;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.battle-odd .pct{font-weight:900;color:var(--accent-soft)}
@media(max-width:760px){.battle-topbar{grid-template-columns:1fr}.battle-topbar .right{justify-content:flex-start}.battle-stage{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.battle-stage .breel-mask{height:310px}.battle-stage .breel-item.battle-clean{width:112px;height:104px}}

/* Pack Battle purple identity theme */
body:has(.battle-page){
  background:#373151;
}
body:has(.battle-page)::before{
  background:
    radial-gradient(900px 520px at 48% -10%,rgba(154,132,232,.26),transparent 62%),
    radial-gradient(760px 520px at 92% 8%,rgba(90,78,135,.34),transparent 58%),
    linear-gradient(180deg,#373151 0%,#332d4c 100%);
}
body:has(.battle-page)::after{
  opacity:.055;
}
main:has(.battle-page){
  max-width:1240px;
}
.battle-page{
  --battle-bg:#373151;
  --battle-panel:#433A63;
  --battle-card:#4B4270;
  --battle-hover:#5A4E87;
  --battle-border:rgba(255,255,255,0.08);
  --battle-text:#FFFFFF;
  --battle-muted:#C9C3E6;
  --battle-green:#22C55E;
  --battle-gold:#FBBF24;
  color:var(--battle-text);
}
.battle-page .h1,.battle-page .section-title{
  color:#fff;
  text-shadow:0 8px 28px rgba(23,16,45,.42);
}
.battle-page .sub,.battle-page label,.battle-page .bcard-tags{
  color:var(--battle-muted)!important;
}
.battle-page .card,
.battle-page .battle-lobby-card,
.battle-page .battle-result-shell{
  background:linear-gradient(180deg,rgba(75,66,112,.96),rgba(67,58,99,.96))!important;
  border:1px solid var(--battle-border)!important;
  border-radius:16px!important;
  box-shadow:0 22px 52px rgba(30,23,58,.34),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.battle-page .btn-ghost{
  background:rgba(75,66,112,.78);
  border-color:rgba(255,255,255,.10);
  color:#fff;
}
.battle-page .btn-ghost:hover{
  background:#5A4E87;
  border-color:rgba(255,255,255,.16);
}
.battle-page .opt{
  background:linear-gradient(180deg,#4B4270,#433A63)!important;
  border-color:rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.battle-page .opt:hover{
  background:#5A4E87!important;
  transform:translateY(-1px);
}
.battle-page .opt.on{
  background:linear-gradient(180deg,#5A4E87,#4B4270)!important;
  border-color:rgba(34,197,94,.5)!important;
  box-shadow:0 0 0 1px rgba(34,197,94,.12),0 12px 34px rgba(34,197,94,.10)!important;
}
.battle-page .opt small{
  color:#C9C3E6!important;
}
.battle-page select,
.battle-page .input{
  background:#433A63!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.battle-page div[onclick^="addRound"]{
  background:linear-gradient(180deg,#4B4270,#433A63)!important;
  border-color:rgba(255,255,255,.08)!important;
  border-radius:15px!important;
  box-shadow:0 12px 28px rgba(29,22,58,.22);
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
}
.battle-page div[onclick^="addRound"]:hover{
  background:#5A4E87!important;
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(35,27,65,.35);
}
.battle-page #create-rounds>div{
  background:linear-gradient(180deg,#4B4270,#433A63)!important;
  border-color:rgba(255,255,255,.08)!important;
  border-radius:13px!important;
}
.battle-page .bcard{
  background:
    linear-gradient(135deg,rgba(90,78,135,.58),rgba(67,58,99,.96) 45%,rgba(55,49,81,.98)),
    #433A63!important;
  border-color:rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  box-shadow:0 18px 42px rgba(31,24,60,.32),inset 0 1px 0 rgba(255,255,255,.04)!important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.battle-page .bcard:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#5A4E87,#4B4270 52%,#433A63)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 24px 54px rgba(31,24,60,.42),0 0 34px rgba(104,87,170,.18)!important;
}
.battle-page .bcard.jackpot{
  border-color:rgba(251,191,36,.32)!important;
  box-shadow:0 18px 42px rgba(31,24,60,.34),0 0 34px rgba(251,191,36,.12)!important;
}
.battle-page .bcard-price{
  color:#fff;
  text-shadow:0 0 16px rgba(255,255,255,.08);
}
.battle-page .bcard.jackpot .bcard-tags,
.battle-page .bcard-more,
.battle-page .bcard-vs{
  color:#FBBF24!important;
}
.battle-page .bcard-packs,
.battle-page .battle-pack-stack{
  background:rgba(55,49,81,.68)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.battle-page .bcard-pack,
.battle-page .broundpack{
  background:#373151!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 8px 18px rgba(26,20,54,.28);
}
.battle-page .bcard-pack.cur,
.battle-page .broundpack.cur{
  border-color:rgba(34,197,94,.74)!important;
  box-shadow:0 0 0 1px rgba(34,197,94,.24),0 0 20px rgba(34,197,94,.18)!important;
}
.battle-page .bcard-av{
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 8px 22px rgba(28,21,54,.28);
}
.battle-page .bcard-av.empty{
  background:#433A63!important;
  border-color:rgba(201,195,230,.26)!important;
}
.battle-topbar{
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:
    radial-gradient(420px 180px at 50% 0,rgba(154,132,232,.18),transparent 68%),
    linear-gradient(180deg,#433A63,#373151);
  box-shadow:0 20px 48px rgba(29,22,58,.34),inset 0 1px 0 rgba(255,255,255,.04);
}
.battle-mode-tag{
  background:linear-gradient(135deg,#4B4270,#5A4E87)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-left:3px solid #22C55E!important;
  color:#fff!important;
  border-radius:13px!important;
  box-shadow:0 12px 26px rgba(28,21,54,.24);
}
.battle-mode-tag.jackpot{
  border-left-color:#FBBF24!important;
  color:#fff9db!important;
  box-shadow:0 0 0 1px rgba(251,191,36,.12),0 0 30px rgba(251,191,36,.22),0 12px 30px rgba(28,21,54,.30);
}
.battle-format-tag{
  display:inline-flex;
  align-items:center;
  padding:9px 12px;
  border-radius:13px;
  background:rgba(75,66,112,.72);
  border:1px solid rgba(255,255,255,.10);
  color:#C9C3E6;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  box-shadow:0 12px 26px rgba(28,21,54,.18);
}
.battle-status-line,
.battle-cost{
  color:#fff;
}
.battle-status-line span{
  color:#C9C3E6!important;
}
.battle-stage{
  background:
    radial-gradient(900px 380px at 50% 0,rgba(154,132,232,.22),transparent 64%),
    radial-gradient(620px 380px at 86% 50%,rgba(90,78,135,.26),transparent 62%),
    linear-gradient(180deg,#433A63 0%,#373151 44%,#302a49 100%)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 24px 58px rgba(28,21,54,.34) inset,0 20px 54px rgba(28,21,54,.28);
}
.battle-stage::before{
  background:
    radial-gradient(circle at 50% 46%,rgba(255,255,255,.08),transparent 16%),
    linear-gradient(90deg,rgba(255,255,255,.035),transparent 12%,transparent 88%,rgba(255,255,255,.035)),
    linear-gradient(180deg,rgba(255,255,255,.045),transparent 22%)!important;
}
.battle-stage .player{
  border-left-color:rgba(255,255,255,.08)!important;
}
.battle-stage .pname,
.battle-lobby-card .player,
.battle-result-shell .player{
  background:linear-gradient(180deg,rgba(90,78,135,.60),rgba(75,66,112,.46))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:15px!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(26,20,54,.22),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(12px);
}
.battle-stage .pname{
  position:relative;
  overflow:hidden;
}
.battle-stage .breel-mask{
  background:linear-gradient(180deg,rgba(55,49,81,.22),rgba(48,42,73,.10))!important;
}
.battle-stage .breel-mask::before{
  background:linear-gradient(180deg,#433A63,rgba(67,58,99,0))!important;
}
.battle-stage .breel-mask::after{
  background:linear-gradient(0deg,#302a49,rgba(48,42,73,0))!important;
}
.battle-stage .breel-ptr{
  height:3px!important;
  margin-top:-1.5px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.94),rgba(201,195,230,.96),transparent)!important;
  box-shadow:0 0 12px rgba(255,255,255,.46),0 0 30px rgba(154,132,232,.48)!important;
}
.battle-stage .breel-ptr::before{
  border-left-color:#fff!important;
  filter:drop-shadow(0 0 9px rgba(201,195,230,.68));
}
.battle-stage .breel-ptr::after{
  border-right-color:#fff!important;
  filter:drop-shadow(0 0 9px rgba(201,195,230,.68));
}
.battle-stage .breel-item.battle-clean{
  background:linear-gradient(180deg,#4B4270,#373151)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  box-shadow:0 16px 34px rgba(27,20,54,.28),inset 0 1px 0 rgba(255,255,255,.05)!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.battle-stage .breel-item.battle-clean.low-value{
  box-shadow:0 12px 26px rgba(27,20,54,.22),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.battle-stage .breel-item.battle-clean.high-value{
  border-color:rgba(251,191,36,.38)!important;
  box-shadow:0 0 24px rgba(251,191,36,.28),0 0 42px rgba(90,78,135,.45),0 18px 36px rgba(27,20,54,.34)!important;
}
.battle-stage .breel-item.battle-clean.winning{
  background:linear-gradient(180deg,#5A4E87,#433A63)!important;
  border-color:rgba(201,195,230,.28)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 28px rgba(201,195,230,.24),0 16px 34px rgba(27,20,54,.32)!important;
}
.battle-stage .breel-item.battle-clean.winning.high-value{
  box-shadow:0 0 26px rgba(251,191,36,.34),0 0 44px rgba(201,195,230,.26),0 16px 34px rgba(27,20,54,.32)!important;
}
.battle-stage .breel-item.battle-clean .bv{
  color:#fff!important;
  text-shadow:0 2px 10px rgba(20,14,43,.7);
}
.battle-stage .pull,
.battle-page .pull{
  background:linear-gradient(180deg,#4B4270,#433A63)!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#fff;
}
.battle-stage .pull.high-value,
.battle-page .pull.high-value{
  border-color:rgba(251,191,36,.32)!important;
  box-shadow:0 0 20px rgba(251,191,36,.16),0 10px 24px rgba(27,20,54,.24);
}
.battle-odds-card{
  background:linear-gradient(180deg,#4B4270,#433A63)!important;
  border-color:rgba(255,255,255,.10)!important;
  border-radius:15px!important;
  box-shadow:0 18px 38px rgba(27,20,54,.28),0 0 28px rgba(251,191,36,.08)!important;
}
.battle-odds-head{
  color:#fff;
}
.battle-odds-head span:last-child{
  color:#FBBF24;
  text-shadow:0 0 16px rgba(251,191,36,.22);
}
.battle-odd{
  position:relative;
  overflow:hidden;
  background:rgba(55,49,81,.55)!important;
  border-color:rgba(255,255,255,.08)!important;
  border-radius:12px!important;
}
.battle-odd::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:var(--pct,0%);
  background:linear-gradient(90deg,rgba(34,197,94,.30),rgba(251,191,36,.24));
  pointer-events:none;
}
.battle-odd .who,
.battle-odd .pct{
  position:relative;
  z-index:1;
}
.battle-odd .pct{
  color:#fff!important;
}
.battle-odd.win{
  border-color:rgba(251,191,36,.44)!important;
  box-shadow:0 0 24px rgba(251,191,36,.18),inset 0 0 0 1px rgba(251,191,36,.12)!important;
}
.jp-wrap{
  background:linear-gradient(180deg,#433A63,#373151)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 18px 48px rgba(27,20,54,.38),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.jp-pointer{
  background:linear-gradient(180deg,#fff,#C9C3E6,#fff)!important;
  box-shadow:0 0 16px rgba(255,255,255,.50),0 0 34px rgba(154,132,232,.42)!important;
}
.jp-cell{
  background:linear-gradient(180deg,#4B4270,#373151)!important;
  box-shadow:0 12px 28px rgba(27,20,54,.28)!important;
}
.jp-cell-avatar{
  width:38px;
  height:38px;
  border-radius:999px;
  display:grid;
  place-items:center;
  box-shadow:0 0 0 2px rgba(255,255,255,.10),0 0 18px color-mix(in srgb,var(--jp-accent,#C9C3E6) 45%,transparent);
}
.jp-cell-avatar .bcard-av{
  border-radius:999px!important;
  border-color:rgba(255,255,255,.20)!important;
}
.jp-cell-name{
  color:#fff!important;
}
.jp-cell-pct,
.jp-leg{
  color:#C9C3E6!important;
}
.jp-leg .bcard-av{
  width:18px!important;
  height:18px!important;
  border-radius:999px!important;
  border-width:1px!important;
  box-shadow:0 0 10px rgba(201,195,230,.16);
}

/* Keep live battles in the normal site container instead of a stretched full-bleed arena. */
.battle-page .battle-stage{
  margin:16px 0 0!important;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
}
.battle-page .battle-stage .teams{
  gap:14px!important;
  max-width:980px;
  margin:0 auto!important;
}
.battle-create-page{
  max-width:1180px;
  margin:0 auto;
}
.battle-create-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-bottom:16px;
  margin-bottom:32px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.battle-create-title{font-size:18px;font-weight:900;letter-spacing:.2px}
.battle-create-summary{display:flex;align-items:center;gap:14px;color:var(--muted);font-weight:800;font-size:13px}
.battle-create-grid{display:block}
.battle-create-panel{background:linear-gradient(180deg,#433A63,#373151);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;box-shadow:0 18px 45px rgba(34,24,64,.22);margin-bottom:22px}
.battle-create-controls{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(300px,1.25fr) minmax(360px,1.55fr);gap:12px;align-items:stretch}
.battle-control-block{background:rgba(75,66,112,.42);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px;min-width:0}
.battle-control-label{display:block;color:#C9C3E6;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:9px}
.battle-type-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:0}
.battle-type-tabs button,.battle-format-row button,.battle-speed-row button{border:1px solid rgba(255,255,255,.06);background:#4B4270;color:#fff;border-radius:7px;padding:12px 10px;font-weight:900;cursor:pointer;transition:.15s ease}
.battle-type-tabs button:hover,.battle-format-row button:hover,.battle-speed-row button:hover{background:#5A4E87;transform:translateY(-1px)}
.battle-type-tabs button.on,.battle-format-row button.on,.battle-speed-row button.on{background:linear-gradient(180deg,#2ee36f,#1fa34d);color:#07160d;border-color:rgba(34,197,94,.55);box-shadow:0 10px 22px rgba(34,197,94,.16)}
.battle-format-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:0}
.battle-format-row button{min-width:52px;padding:11px 9px}
.battle-control-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:47px;background:#433A63;border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:10px 12px;margin-top:10px}
.battle-control-row .label{font-weight:900;color:#fff}
.battle-seat-icons{display:flex;gap:5px;color:#918aad}.battle-seat-icons span{width:13px;height:18px;display:inline-block;border-radius:8px 8px 4px 4px;background:currentColor;opacity:.75}.battle-seat-icons span.on{color:#22C55E;opacity:1}
.battle-speed-row{display:flex;gap:8px}.battle-speed-row button{width:42px;min-width:42px;padding:9px 0;font-size:17px}
.battle-switch-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:0}
.battle-mini-toggle{min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#433A63;border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:9px 10px}
.battle-mini-toggle .name{display:flex;align-items:center;gap:8px;font-weight:900}
.battle-mode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}
.battle-mode-card{display:flex;align-items:center;gap:9px;min-height:64px;border:1px solid rgba(255,255,255,.08);background:#433A63;border-radius:10px;padding:10px 11px;margin-top:0;cursor:pointer;transition:.15s ease}
.battle-mode-card:hover{background:#5A4E87}.battle-mode-card.on{border-color:rgba(34,197,94,.75);box-shadow:0 0 0 1px rgba(34,197,94,.16),0 12px 28px rgba(34,197,94,.10)}.battle-mode-card.crazy.on{border-color:rgba(251,191,36,.75);box-shadow:0 0 0 1px rgba(251,191,36,.14),0 12px 28px rgba(251,191,36,.10)}
.battle-mode-card .icon{width:26px;flex:0 0 26px;text-align:center;font-size:20px}.battle-mode-card .copy{flex:1;min-width:0}.battle-mode-card .copy b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-mode-card .copy span{display:block;color:var(--muted);font-size:11px;line-height:1.2;margin-top:2px}
.battle-toggle-pill{width:44px;height:25px;padding:3px;border-radius:99px;border:0;background:#2b2940;cursor:pointer;display:flex;align-items:center;justify-content:flex-start}.battle-toggle-pill.on{background:#22C55E;justify-content:flex-end}.battle-toggle-pill i{display:block;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.25)}
.battle-borrow-compact{width:min(360px,100%);margin-top:12px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(20,16,35,.42)}
.battle-pack-builder{display:grid;grid-template-columns:136px 1fr;gap:14px;align-items:start}.battle-add-pack{width:100%;min-height:222px;border:1px dashed rgba(255,255,255,.18);background:rgba(67,58,99,.42);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;color:#C9C3E6;font-weight:900;transition:.15s ease;text-align:center}.battle-add-pack:hover{background:#5A4E87;transform:translateY(-2px);color:#fff}.battle-add-pack .plus{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#373151;font-size:40px;line-height:1}
.battle-selected-packs{min-width:0}.battle-selected-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px}.battle-selected-pack{position:relative;min-height:222px;background:transparent;border:0;border-radius:8px;padding:0;display:flex;flex-direction:column;justify-content:flex-start;gap:7px}.battle-selected-pack .remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(15,12,28,.76);color:#fff;cursor:pointer;font-weight:900;z-index:3}.battle-selected-pack .pack-count{position:absolute;top:4px;left:4px;background:#22C55E;color:#07160d;border-radius:99px;font-weight:900;font-size:12px;padding:3px 8px;z-index:2}
.battle-create-footer{margin-top:24px;display:grid;grid-template-columns:1fr;gap:9px}.battle-summary-line{display:flex;align-items:center;justify-content:space-between;background:rgba(67,58,99,.58);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;font-size:13px}.battle-summary-line span{color:#C9C3E6;font-weight:900}.battle-summary-line b{color:#fff}.battle-create-submit{width:100%;padding:14px!important}.modal.modal-battle-picker{width:min(1040px,calc(100vw - 32px));max-width:1040px;max-height:calc(100vh - 48px);overflow:hidden;padding:0}.battle-pack-picker{width:100%;box-sizing:border-box;padding:24px}.battle-picker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-height:58vh;overflow:auto;padding-right:4px}.battle-picker-card{position:relative;cursor:pointer;background:linear-gradient(180deg,#4B4270,#433A63);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:9px;transition:.15s ease;min-height:222px;min-width:0}.battle-picker-card:hover{background:#5A4E87;transform:translateY(-2px)}.battle-picker-card .count{position:absolute;top:8px;right:8px;background:#22C55E;color:#07160d;border-radius:99px;font-weight:900;font-size:12px;padding:3px 8px;z-index:2}
.battle-picker-card .pack-art{max-width:132px}.battle-selected-pack .pack-art{max-width:132px}
@media(max-width:980px){.battle-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.battle-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.battle-picker-card{min-height:190px}}
@media(max-width:520px){.battle-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1060px){.battle-create-controls{grid-template-columns:1fr}.battle-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.battle-create-head{align-items:flex-start;flex-direction:column}.battle-pack-builder{grid-template-columns:1fr}.battle-add-pack{min-height:150px}.battle-switch-row{grid-template-columns:1fr}.battle-mode-grid{grid-template-columns:1fr}}
.battle-page .battle-stage .team{
  background:linear-gradient(180deg,rgba(75,66,112,.72),rgba(49,42,76,.58))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
  overflow:hidden;
  box-shadow:0 18px 46px rgba(20,14,42,.34), inset 0 1px 0 rgba(255,255,255,.07);
}
.battle-page .battle-stage .players{
  gap:12px!important;
  padding:12px!important;
}
.battle-page .battle-stage .player{
  border-left:0!important;
  padding:0!important;
}
.battle-page .battle-stage .pname{
  height:78px!important;
  max-width:280px;
  padding:10px 8px!important;
  margin:0 auto 10px!important;
  overflow:visible!important;
  gap:5px!important;
  background:linear-gradient(180deg,rgba(90,78,135,.72),rgba(67,58,99,.64))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 24px rgba(18,13,34,.18)!important;
}
.battle-page .battle-stage .pname .bcard-av{width:42px!important;height:42px!important;flex:0 0 42px}
.battle-page .battle-stage .breel-mask{
  width:100%;
  max-width:286px;
  height:356px!important;
  margin:0 auto!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#312a4c 0%,#241d39 48%,#1b152c 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 0 42px rgba(0,0,0,.28),0 16px 32px rgba(19,13,35,.22)!important;
}
.battle-page .battle-stage .breel-ptr{
  left:6px!important;
  right:6px!important;
  background:rgba(255,255,255,.96)!important;
  height:2px!important;
  box-shadow:0 0 14px rgba(255,255,255,.82),0 0 30px rgba(154,132,232,.44)!important;
}
.battle-page .battle-stage .breel-ptr::before{
  left:4px!important;
}
.battle-page .battle-stage .breel-ptr::after{
  right:4px!important;
}
.battle-page .battle-stage .breel-item.battle-clean{
  width:132px!important;
  height:126px!important;
  max-width:132px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(90,78,135,.86),rgba(50,42,77,.82))!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:0 14px 30px rgba(18,12,34,.24),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.battle-page .battle-stage .pull{
  max-width:280px;
  margin-left:auto;
  margin-right:auto;
  min-height:126px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(75,66,112,.78),rgba(45,38,68,.72))!important;
  box-shadow:0 14px 28px rgba(17,12,31,.22),inset 0 1px 0 rgba(255,255,255,.065)!important;
}
.battle-page .battle-stage.battle-flat{
  overflow-x:auto;
  position:relative;
}
.battle-page .battle-stage.battle-flat .teams{
  grid-template-columns:repeat(var(--slots, 1),minmax(128px,1fr))!important;
  gap:10px!important;
  max-width:1100px;
  align-items:start;
}
.battle-page .battle-stage.battle-flat.has-vs .teams{
  grid-template-columns:var(--battle-flat-cols)!important;
}
.battle-page .battle-stage.battle-flat .team,
.battle-page .battle-stage.battle-flat .players{
  display:contents!important;
}
.battle-page .battle-stage.battle-flat .team{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.battle-page .battle-stage.battle-flat .player{
  min-width:0!important;
}
.battle-page .battle-stage.battle-flat .team.win .player{
  border-color:rgba(34,197,94,.78)!important;
  box-shadow:0 0 0 1px rgba(34,197,94,.22),0 0 34px rgba(34,197,94,.30),inset 0 1px 0 rgba(255,255,255,.075)!important;
}
.battle-vs,
.battle-team-v{
  display:grid;
  place-items:center;
  align-self:stretch;
  min-height:74px;
  color:#fff;
  font-weight:1000;
  font-size:24px;
  line-height:1;
  letter-spacing:0;
  text-shadow:0 0 14px rgba(201,195,230,.72),0 0 28px rgba(154,132,232,.34);
  pointer-events:none;
}
.battle-vs{
  position:relative;
  opacity:.96;
}
.battle-team-v{
  position:relative;
  min-height:420px;
  font-size:22px;
}
.battle-v-overlay{position:absolute;inset:18px;z-index:8;pointer-events:none}
.battle-v-fixed{position:absolute;top:241px;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#433A63;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:20px;font-weight:1000;text-shadow:0 0 14px rgba(201,195,230,.72);box-shadow:0 0 22px rgba(154,132,232,.28)}
.battle-pulls{display:flex;flex-direction:column;gap:10px;padding-top:12px;overflow:visible}
.battle-pulls .pull{justify-content:center;min-height:116px}
.battle-pulls .pull .pv{margin-left:4px}
.battle-live-odds{display:inline-flex;align-items:center;justify-content:center;min-width:74px;font-size:10.5px;line-height:1;font-weight:1000;color:#FBBF24;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.25);border-radius:999px;padding:4px 8px}
.battle-jackpot-inline{margin:14px auto 18px;max-width:960px}
.battle-page .battle-jackpot-inline{max-width:none;margin:0;padding:18px 18px 0;background:linear-gradient(180deg,#373151,#2f2948);border:1px solid rgba(255,255,255,.08);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 20px 60px rgba(17,12,32,.28)}
.battle-page .battle-jackpot-inline:empty{display:none}
.battle-page .battle-jackpot-inline:not(:empty)+#battle-arena .battle-stage{margin-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important;border-top-color:rgba(255,255,255,.04)!important}
.battle-page .battle-jackpot-inline h2{margin-top:0}
.battle-page .battle-jackpot-inline .jp-wrap{background:linear-gradient(180deg,#241f38,#171225);box-shadow:inset 0 0 30px rgba(0,0,0,.30)}
.battle-jackpot-inline:empty{display:none}
.battle-jackpot-inline.jp-complete .jp-wrap{border-color:rgba(34,197,94,.35);box-shadow:0 0 30px rgba(34,197,94,.20),0 18px 42px rgba(26,20,54,.28)}
.jp-cell.jp-landed{border-color:rgba(34,197,94,.95)!important;background:linear-gradient(180deg,rgba(34,197,94,.22),rgba(34,197,94,.08))!important;box-shadow:0 0 26px rgba(34,197,94,.34)}
.battle-eos-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px auto 12px;max-width:980px;padding:13px 16px;border-radius:16px;background:linear-gradient(180deg,rgba(75,66,112,.92),rgba(55,49,81,.94));border:1px solid rgba(251,191,36,.18);box-shadow:0 16px 42px rgba(26,20,54,.30),0 0 22px rgba(251,191,36,.08);color:#C9C3E6}
.battle-eos-strip b{color:#fff;font-weight:1000}.battle-eos-strip code{font-family:inherit;font-weight:900;color:#FBBF24;background:rgba(251,191,36,.10);border:1px solid rgba(251,191,36,.18);border-radius:999px;padding:5px 9px}.battle-eos-strip span{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.battle-finished-actions{text-align:center;margin-top:20px}
.battle-pull-empty{display:grid;place-items:center;min-height:126px;border-radius:16px;background:linear-gradient(180deg,rgba(75,66,112,.38),rgba(43,37,66,.42));border:1px solid rgba(255,255,255,.055)}
.battle-pull-empty::before{content:"";width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.battle-mode-card .icon svg{width:22px;height:22px;display:block;margin:0 auto}
.withdraw-warning{margin-top:12px;padding:12px 13px;border-radius:12px;background:rgba(251,191,36,.09);border:1px solid rgba(251,191,36,.22);color:#f7e7b5;font-size:12px;font-weight:800;line-height:1.45}
.battle-page.battle-waiting .battle-lobby-card{background:linear-gradient(180deg,#4B4270,#433A63)!important}
.battle-page.battle-waiting .battle-lobby-card::before{display:none!important}
.pack-open-reels{display:grid;gap:14px;margin-top:12px}
.pack-open-reels.horizontal{grid-template-columns:1fr}
.pack-open-reels.vertical{grid-template-columns:repeat(var(--pack-count),minmax(148px,1fr));align-items:start}
.pack-open-reels.vertical .breel-mask{height:390px;border-radius:16px;background:linear-gradient(180deg,#211b35,#151024);overflow:hidden;position:relative;box-shadow:inset 0 0 35px rgba(0,0,0,.28)}
.pack-open-reels.vertical .breel-track{display:flex;flex-direction:column;align-items:center;gap:18px;padding:18px 0;will-change:transform}
.pack-opening-stage{margin:18px 0;padding:18px;border-radius:18px;background:radial-gradient(circle at 50% -10%,rgba(154,132,232,.24),transparent 38%),linear-gradient(180deg,#373151,#211b35);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(17,12,32,.42)}
.pack-opening-stage[hidden]{display:none!important}
.pack-opening-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;flex-wrap:wrap}
.pack-opening-title{display:flex;align-items:center;gap:12px;min-width:0}
.pack-opening-title img{width:44px;height:58px;object-fit:contain;flex:0 0 auto}
.pack-opening-title b{font-size:20px;font-weight:1000;color:#fff}
.pack-opening-title span{display:block;color:var(--muted);font-size:12.5px;margin-top:3px;font-weight:800}
.pack-opening-stage .reel-mask{height:196px;background:linear-gradient(180deg,#211b35,#171225);border-color:rgba(255,255,255,.10);box-shadow:inset 0 0 35px rgba(0,0,0,.28)}
.pack-opening-stage .reel-mask::before{background:linear-gradient(90deg,#211b35,transparent)}
.pack-opening-stage .reel-mask::after{background:linear-gradient(270deg,#211b35,transparent)}
.pack-opening-stage .breel-mask{background:linear-gradient(180deg,#211b35,#171225)!important;border:1px solid rgba(255,255,255,.10)!important}
.pack-opening-stage .breel-ptr,.pack-opening-stage .reel-ptr{background:#fff;box-shadow:0 0 18px rgba(201,195,230,.82),0 0 36px rgba(154,132,232,.38)}
.pack-opening-stage .breel-item.battle-clean{height:102px;max-width:170px}
.pack-opening-stage .breel-item.battle-clean .ba{height:60px}
.pack-opening-stage .breel-item.battle-clean .ba img,.pack-opening-stage .breel-item.battle-clean .ba svg{max-width:64px;max-height:58px}
.pack-opening-result{margin-top:14px;padding:16px;border-radius:14px;background:rgba(67,58,99,.62);border:1px solid rgba(255,255,255,.09);text-align:center}
.reel-item.rarity-grey,.breel-item.rarity-grey,.pull.rarity-grey{box-shadow:0 0 24px rgba(148,163,184,.24),inset 0 0 18px rgba(148,163,184,.08)!important;border-color:rgba(148,163,184,.55)!important}
.reel-item.rarity-green,.breel-item.rarity-green,.pull.rarity-green{box-shadow:0 0 28px rgba(34,197,94,.34),inset 0 0 20px rgba(34,197,94,.10)!important;border-color:rgba(34,197,94,.70)!important}
.reel-item.rarity-blue,.breel-item.rarity-blue,.pull.rarity-blue{box-shadow:0 0 30px rgba(59,130,246,.36),inset 0 0 20px rgba(59,130,246,.10)!important;border-color:rgba(96,165,250,.72)!important}
.reel-item.rarity-red,.breel-item.rarity-red,.pull.rarity-red{box-shadow:0 0 32px rgba(239,68,68,.38),inset 0 0 22px rgba(239,68,68,.11)!important;border-color:rgba(248,113,113,.72)!important}
.reel-item.rarity-yellow,.breel-item.rarity-yellow,.pull.rarity-yellow{box-shadow:0 0 34px rgba(251,191,36,.42),inset 0 0 23px rgba(251,191,36,.12)!important;border-color:rgba(251,191,36,.78)!important}
.reel-item.rarity-jackpot,.breel-item.rarity-jackpot,.pull.rarity-jackpot{box-shadow:0 0 38px rgba(34,197,94,.48),0 0 18px rgba(251,191,36,.28),inset 0 0 24px rgba(34,197,94,.14)!important;border-color:rgba(34,197,94,.88)!important}
.battle-page .battle-eos-strip{justify-content:center;gap:8px;max-width:none;margin:10px 0 18px;padding:10px 14px;border-radius:0;background:rgba(21,16,36,.42);border:0;box-shadow:none;color:#fff;text-align:center}
.battle-page .battle-eos-strip span{font-size:15px;font-weight:900;text-transform:none;letter-spacing:0;color:#fff}
.battle-page .battle-eos-strip b{font-size:15px;font-weight:900;color:#fff;margin:0}
.battle-page .battle-eos-strip code{display:none}
.battle-page .battle-eos-strip.battle-eos-done{opacity:0;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease}
.battle-page .battle-lobby-card .team{background:linear-gradient(180deg,#433A63,#332d4f)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;box-shadow:0 16px 36px rgba(15,10,31,.24)!important}
.battle-page .battle-lobby-card .player{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px}
.battle-page .battle-stage{background:linear-gradient(180deg,#373151,#211b35)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;margin:12px 0 0!important;padding:18px!important;overflow:visible!important;box-shadow:0 20px 60px rgba(17,12,32,.32)}
.battle-page .battle-stage::before{display:none!important}
.battle-page .battle-stage.battle-flat .teams{display:grid!important;gap:10px!important;max-width:none!important;width:100%!important;align-items:start}
.battle-page .battle-stage.battle-flat .team,
.battle-page .battle-stage.battle-flat .players{display:contents!important}
.battle-page .battle-stage.battle-flat .player{background:rgba(25,20,43,.38)!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:10px!important;padding:0!important;overflow:hidden;min-width:0!important;box-shadow:none!important}
.battle-page .battle-stage.battle-flat .team.win .player{border-color:rgba(34,197,94,.70)!important;box-shadow:0 0 0 1px rgba(34,197,94,.16),0 0 28px rgba(34,197,94,.22)!important}
.battle-page .battle-stage .pname{height:108px!important;margin:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(75,66,112,.78),rgba(43,37,66,.70))!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;color:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;text-align:center}
.battle-page .battle-stage .pname span{font-weight:900;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.battle-page .battle-stage .pname .bcard-av{width:42px!important;height:42px!important}
.battle-page .battle-stage .breel-mask{height:350px!important;margin:0!important;background:linear-gradient(180deg,rgba(22,18,36,.42),rgba(22,18,36,.18))!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.battle-page .battle-stage .battle-pulls{padding:10px!important;gap:8px!important;background:rgba(12,10,22,.16)}
.battle-page .battle-stage .pull,.battle-page .battle-pull-empty{min-height:128px!important;border-radius:8px!important;background:linear-gradient(180deg,rgba(35,31,52,.88),rgba(29,26,43,.92))!important;border:1px solid rgba(255,255,255,.055)!important;box-shadow:none!important}
.battle-page .battle-pull-empty::before{display:none!important}
.battle-page .battle-stage .breel-item.battle-clean{background:linear-gradient(180deg,rgba(35,31,52,.9),rgba(29,26,43,.95))!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important}
.battle-page .reel-item[class*="rarity-"],.battle-page .breel-item[class*="rarity-"],.battle-page .pull[class*="rarity-"]{box-shadow:none!important;border-color:rgba(255,255,255,.065)!important}
.battle-page .rarity-grey .ba img,.battle-page .rarity-grey .ba svg,.battle-page .pull.rarity-grey img,.battle-page .pull.rarity-grey svg{filter:drop-shadow(0 0 16px rgba(148,163,184,.45))!important}
.battle-page .rarity-green .ba img,.battle-page .rarity-green .ba svg,.battle-page .pull.rarity-green img,.battle-page .pull.rarity-green svg{filter:drop-shadow(0 0 18px rgba(34,197,94,.62))!important}
.battle-page .rarity-blue .ba img,.battle-page .rarity-blue .ba svg,.battle-page .pull.rarity-blue img,.battle-page .pull.rarity-blue svg{filter:drop-shadow(0 0 18px rgba(59,130,246,.62))!important}
.battle-page .rarity-red .ba img,.battle-page .rarity-red .ba svg,.battle-page .pull.rarity-red img,.battle-page .pull.rarity-red svg{filter:drop-shadow(0 0 18px rgba(239,68,68,.62))!important}
.battle-page .rarity-yellow .ba img,.battle-page .rarity-yellow .ba svg,.battle-page .pull.rarity-yellow img,.battle-page .pull.rarity-yellow svg{filter:drop-shadow(0 0 20px rgba(251,191,36,.72))!important}
.battle-page .rarity-jackpot .ba img,.battle-page .rarity-jackpot .ba svg,.battle-page .pull.rarity-jackpot img,.battle-page .pull.rarity-jackpot svg{filter:drop-shadow(0 0 24px rgba(34,197,94,.76)) drop-shadow(0 0 14px rgba(251,191,36,.42))!important}
body{color:#fff;font-weight:800}
body main,body nav,body .modal,body .panel,body .card,body .view{color:#fff}
body .sub,body label,body .panel label,body .muted,body .battle-page .sub,body .battle-page label{color:#fff!important;font-weight:900!important}
.battle-page .battle-stage.battle-flat .teams{grid-template-columns:repeat(var(--players),minmax(160px,1fr))!important}
.battle-page .battle-stage .pname span,.battle-page .battle-stage .jp-cell-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff!important;font-weight:1000!important}
@media(max-width:760px){.pack-open-reels.vertical{overflow-x:auto;grid-template-columns:repeat(var(--pack-count),132px)}.battle-v-overlay{inset:12px}.battle-v-fixed{top:225px}}
.battle-lobby-card .battle-call-slot{
  width:100%;
  min-height:48px;
  margin:0!important;
  appearance:none;
  border:1px dashed rgba(201,195,230,.30)!important;
  border-radius:12px!important;
  background:rgba(67,58,99,.56)!important;
  color:#C9C3E6!important;
  font:inherit;
  justify-content:center;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease;
}
.battle-lobby-card .battle-call-slot:hover{
  background:#5A4E87!important;
  border-color:rgba(34,197,94,.52)!important;
  color:#fff!important;
  transform:translateY(-1px);
}
.battle-lobby-card .battle-call-slot:disabled{
  cursor:default;
  opacity:.72;
  transform:none;
}
.battle-lobby-card .battle-call-slot .bcard-av.empty{
  background:#433A63!important;
  border-color:rgba(34,197,94,.38)!important;
}
.battle-page .battle-room{
  max-width:1220px;
  margin:0 auto;
}
.battle-page .battle-topbar{
  position:relative;
  grid-template-columns:minmax(220px,1fr) auto minmax(280px,1fr)!important;
  padding:15px 16px!important;
  margin:0 0 14px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(75,66,112,.90),rgba(55,49,81,.86))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 18px 44px rgba(18,12,34,.26), inset 0 1px 0 rgba(255,255,255,.075)!important;
}
.battle-page .battle-topbar .btn{
  border-radius:12px!important;
}
.battle-mode-tag,
.battle-format-tag{
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(90,78,135,.88),rgba(67,58,99,.86))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.battle-mode-tag.jackpot{
  border-color:rgba(251,191,36,.46)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 #FBBF24,0 0 20px rgba(251,191,36,.10);
}
.battle-pack-stack{
  min-width:132px;
  justify-content:center;
}
.battle-status-line,
.battle-cost{
  padding:8px 10px;
  border-radius:11px;
  background:rgba(34,27,54,.44);
  border:1px solid rgba(255,255,255,.075);
}
.battle-page .battle-stage{
  max-width:1220px!important;
  margin:0 auto!important;
  padding:18px!important;
  border-radius:20px!important;
  background:radial-gradient(circle at 50% 0,rgba(154,132,232,.18),transparent 36%),linear-gradient(180deg,#373151,#241d39 58%,#1b152c)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 22px 62px rgba(15,10,30,.34),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.battle-page .battle-stage::before{
  background:linear-gradient(90deg,rgba(255,255,255,.03),transparent 18%,transparent 82%,rgba(255,255,255,.03))!important;
}
.battle-page .battle-stage .breel-mask::before{
  background:linear-gradient(180deg,#312a4c,rgba(49,42,76,0))!important;
}
.battle-page .battle-stage .breel-mask::after{
  background:linear-gradient(0deg,#1b152c,rgba(27,21,44,0))!important;
}
.battle-page .battle-stage .breel-item.battle-clean .ba{
  height:70px!important;
}
.battle-page .battle-stage .breel-item.battle-clean .ba img,
.battle-page .battle-stage .breel-item.battle-clean .ba svg{
  max-width:72px!important;
  max-height:68px!important;
}
.battle-page .battle-stage .breel-item.battle-clean .bv{
  color:#fff!important;
  font-size:15px!important;
  text-shadow:0 2px 6px rgba(0,0,0,.42);
}
.battle-page .battle-pulls{
  gap:12px!important;
}
.battle-page .battle-pulls .pull .pv{
  color:#b6ff57!important;
  font-size:15px!important;
}
.battle-jackpot-inline .jp-wrap{
  background:linear-gradient(180deg,rgba(49,42,76,.94),rgba(29,23,45,.94))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 0 42px rgba(0,0,0,.28),0 18px 46px rgba(19,13,35,.26)!important;
}
.jp-cell{
  border-radius:14px!important;
}
@media(max-width:760px){
  .battle-page .battle-stage{
    margin:14px 0 0!important;
    padding:12px!important;
  }
  .battle-page .battle-stage .teams{
    max-width:none;
    gap:12px!important;
  }
  .battle-page .battle-stage.battle-flat .teams{
    min-width:calc(var(--slots, 1) * 132px);
    gap:8px!important;
  }
  .battle-page .battle-stage.battle-flat.has-vs .teams{
    min-width:calc(var(--players, 1) * 132px + var(--seps, 0) * 42px);
  }
  .battle-vs{
    min-height:58px;
    font-size:20px;
  }
  .battle-team-v{
    min-height:366px;
    font-size:20px;
  }
  .battle-page .battle-stage .breel-mask{
    height:286px!important;
  }
  .battle-page .battle-stage .breel-item.battle-clean{
    width:110px!important;
    max-width:110px!important;
  }
}

.up-dir{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px}
.up-dir button{padding:10px;border-radius:11px;border:1px solid var(--border);background:#1a1729;color:#fff;font-weight:900;cursor:pointer;font-family:inherit}
.up-dir button.on{border-color:rgba(var(--accent-rgb),.65);background:rgba(var(--accent-rgb),.16)}
.up-position{margin-top:12px}
.up-position .pos-line{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:8px}

.casino-shell{display:grid;grid-template-columns:300px minmax(0,1fr);height:auto;min-height:660px;border:1px solid rgba(255,255,255,.10);border-radius:20px;overflow:hidden;background:#171226;box-shadow:0 22px 54px rgba(16,10,34,.44)}
.game-side{position:relative;background:linear-gradient(180deg,#3a3456,#302a4a 54%,#29243f);border-right:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column;overflow:visible}
.game-side::before{display:none}
.game-side>*{position:relative;z-index:1}
.game-side-head{position:relative;padding:16px 20px 12px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0));border-bottom:1px solid rgba(255,255,255,.06)}
.game-side-head h1{font-size:24px;line-height:1;margin:0 0 9px;font-family:'Russo One',sans-serif;text-transform:uppercase;letter-spacing:.8px}
.game-side-head .accent-line{width:50px;height:5px;border-radius:999px;background:#58ff4f;box-shadow:0 0 12px rgba(88,255,79,.35)}
.game-side-section{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.07)}
.game-side-section label{display:block;color:#a8a2c7;font-weight:800;font-size:12px;margin:0 0 8px;text-transform:none;letter-spacing:0}
.game-side .input{background:transparent;border:none;border-radius:0;padding:0;height:100%;box-shadow:none}
.game-betbox{display:flex;align-items:center;gap:9px;background:linear-gradient(180deg,#242039,#1a1729);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:0 12px;height:42px}
.game-betbox::before{content:"";width:22px;height:22px;flex:0 0 22px;background:url('currency-token-symbol.png') center/contain no-repeat;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))}
body.balance-usd .game-betbox:not(.no-token)::before{background-image:url('currency-dollar-symbol.png')}
.game-betbox.no-token::before{display:none}
.game-side .bet-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.game-side .bet-row .btn{width:100%;height:34px;border-radius:9px;background:linear-gradient(180deg,#1c1a2b,#151320);border:1px solid rgba(255,255,255,.09);color:#bdb7da;box-shadow:none;padding:0}
.game-side .mult-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.game-side .mult-presets button{min-width:0;background:linear-gradient(180deg,#1c1a2b,#151320);border-color:rgba(255,255,255,.09);color:#bdb7da;border-radius:9px}
.game-side .mult-presets button.on,.game-side .mult-presets button:hover{border-color:rgba(var(--accent-rgb),.65);background:rgba(var(--accent-rgb),.16);color:#fff}
.game-side .stat-grid{margin-top:0}
.game-side .stat{background:linear-gradient(180deg,#1c1a2b,#151320);border-color:rgba(255,255,255,.09);border-radius:10px}
.game-side .big-action{height:46px;border-radius:10px;font-size:14px;text-transform:uppercase;background:linear-gradient(180deg,#52f143,#13a915);box-shadow:none;margin-top:0}
.game-side .fair-btn{width:100%;height:36px;margin-top:9px;border-radius:9px;background:linear-gradient(180deg,#473176,#30224f);color:#d5c5ff;text-transform:uppercase}
.game-side-section.action-section{position:sticky;bottom:0;z-index:5;margin-top:auto;background:linear-gradient(180deg,rgba(48,42,74,.90),rgba(41,36,63,.98));box-shadow:0 -10px 24px rgba(0,0,0,.18)}
.game-board{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:
  radial-gradient(760px 360px at 52% 6%,rgba(90,78,135,.25),transparent 68%),
  linear-gradient(180deg,#211b35,#292244 52%,#201a33);overflow:hidden}
.game-board::before{display:none}
.game-board::after{display:none}
.game-stage{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.casino-shell .mines-grid{max-width:min(680px,calc(100vh - 118px))}
.casino-shell .tile{border-radius:12px;background:linear-gradient(160deg,#4a4268,#342e50);border-color:rgba(255,255,255,.14)}
.casino-shell .tower-board{max-width:560px}
.casino-shell .tw-tile{background:linear-gradient(160deg,#4a4268,#342e50);border-color:rgba(255,255,255,.14)}
.casino-shell .dice-display{font-size:96px;text-shadow:0 14px 40px rgba(0,0,0,.45)}.dice-panel{width:min(680px,100%);padding:34px;border-radius:24px;background:linear-gradient(180deg,rgba(75,66,112,.72),rgba(32,26,51,.84));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 58px rgba(13,9,27,.28)}.dice-result-card{height:170px;border-radius:22px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(34,197,94,.14),transparent 56%),linear-gradient(180deg,#2f294a,#1c182d);border:1px solid rgba(255,255,255,.10);margin-bottom:24px}.dice-target-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:#c9c3e6;font-weight:900}.dice-target-pill{padding:9px 13px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:#fff}
.casino-shell .dice-slider{max-width:560px}
.casino-shell .wheel-wrap{width:min(320px,38vw);height:min(320px,38vw)}
.keno-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;width:min(820px,100%)}
.keno-cell{aspect-ratio:1;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,#4a4268,#342e50);color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;display:grid;place-items:center;cursor:pointer;transition:.15s;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.keno-cell:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.55)}
.keno-cell.pick{background:linear-gradient(180deg,#263f32,#173321);border-color:rgba(var(--accent-rgb),.75);box-shadow:0 0 16px rgba(var(--accent-rgb),.20)}
.keno-cell.hit{background:linear-gradient(180deg,#52f143,#13a915);border-color:rgba(123,255,119,.65);color:#06210f}
.keno-cell.drawn:not(.hit){background:linear-gradient(180deg,#4a2030,#281725);border-color:rgba(239,68,68,.50)}
.keno-result{display:none!important}
.game-keno .game-board{background:radial-gradient(760px 360px at 52% 6%,rgba(90,78,135,.25),transparent 68%),linear-gradient(180deg,#211b35,#292244 52%,#201a33)}
.game-keno .game-stage{max-width:1060px;gap:14px}
.game-upgrader .wheel-wrap{cursor:grab;touch-action:none}
.game-upgrader .wheel-wrap.dragging{cursor:grabbing}
.game-upgrader .wheel:not(.spinning){transition:none}
.game-upgrader .game-side-head{padding:16px 20px 12px}
.game-upgrader .game-side-section{padding:12px 20px}
.game-upgrader .up-dir{margin:8px 0 10px}
.game-upgrader .up-position{margin-top:8px}
.game-upgrader .game-stage{gap:14px}
.game-upgrader .wheel-wrap{width:min(260px,34vw);height:min(260px,34vw)}
.up-selected{display:flex;align-items:center;gap:10px;min-height:58px;padding:9px;border-radius:12px;background:linear-gradient(180deg,#1c1a2b,#151320);border:1px solid rgba(255,255,255,.09)}
.up-selected img{width:42px;height:42px;object-fit:contain;flex:0 0 42px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}
.up-selected b{display:block;font-size:12.5px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.up-selected span{display:block;color:var(--accent-soft);font-size:12px;font-weight:900;margin-top:3px}
.up-item-panel{width:min(760px,100%);padding:14px;border-radius:16px;background:rgba(42,35,68,.74);border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 40px rgba(13,9,27,.20)}
.up-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.up-item-head b{font-family:'Russo One',sans-serif;text-transform:uppercase;font-size:15px}
.up-sort{display:flex;gap:6px;padding:4px;border-radius:12px;background:rgba(20,16,35,.55);border:1px solid rgba(255,255,255,.08)}
.up-sort button{border:0;border-radius:9px;padding:8px 10px;background:transparent;color:#c9c3e6;font-family:inherit;font-weight:900;cursor:pointer}
.up-sort button.on{background:rgba(var(--accent-rgb),.18);color:#fff}
.up-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:9px;max-height:220px;overflow:auto;padding-right:4px}
.up-item{min-height:118px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,#4b4270,#332b52);padding:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#fff;font-family:inherit;cursor:pointer;transition:.15s}
.up-item:hover{transform:translateY(-2px);background:linear-gradient(180deg,#5a4e87,#3b315d)}
.up-item.on{border-color:rgba(var(--accent-rgb),.72);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.18),0 12px 28px rgba(var(--accent-rgb),.16)}
.up-item img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.34))}
.up-item .nm{width:100%;font-size:11px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.up-item .pv{font-size:11px;font-weight:1000;color:var(--accent-soft)}
.up-item .chance{font-size:10px;color:#c9c3e6;font-weight:900}
.max-win-note{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;background:rgba(20,16,35,.48);border:1px solid rgba(255,255,255,.08);color:#c9c3e6;font-size:11px;font-weight:900}
.game-side-head .max-win-note,.bj-side-head .max-win-note{position:absolute;right:16px;top:16px;margin:0;padding:5px 9px;border-radius:9px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);font-size:10px;font-weight:900;color:#c9c3e6;white-space:nowrap}.game-side-head h1,.bj-side-head h1{padding-right:118px}
.upgrader-arena{min-height:calc(100vh - 108px);border:1px solid rgba(255,255,255,.10);border-radius:20px;overflow:hidden;background:
  radial-gradient(760px 360px at 52% 6%,rgba(90,78,135,.25),transparent 68%),
  linear-gradient(180deg,#211b35,#292244 52%,#201a33);box-shadow:0 22px 54px rgba(16,10,34,.44)}
.upgrader-inner{padding:20px}
.up-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.up-title-row h1{font-family:'Russo One',sans-serif;text-transform:uppercase;margin:0;font-size:24px;letter-spacing:.8px}
.up-title-row .accent-line{width:58px;height:5px;border-radius:999px;background:#58ff4f;margin-top:8px}
.upgrader-top{display:grid;grid-template-columns:260px minmax(260px,1fr) 260px;gap:16px;align-items:stretch}
.up-panel{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(180deg,#342d50,#271f3f);box-shadow:0 18px 34px rgba(13,9,27,.24);padding:16px}
.up-panel label{display:block;color:#c9c3e6;font-weight:900;font-size:12px;margin:0 0 9px;text-transform:uppercase}
.up-panel .game-betbox{height:44px}
.up-panel .game-betbox .input{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;height:100%;width:100%;color:#fff}
.up-center-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:260px}
@property --zone-rot{syntax:'<angle>';inherits:false;initial-value:0deg}
.up-dial{--win-deg:180deg;--zone-rot:0deg;--zone-start:0deg;position:relative;width:min(260px,30vw);height:min(260px,30vw);min-width:210px;min-height:210px;border-radius:50%;display:grid;place-items:center;background:
  radial-gradient(circle at 50% 50%,#292340 0 42%,transparent 43%),
  conic-gradient(from calc(var(--zone-rot) + var(--zone-start)),rgba(88,255,79,.96) 0 var(--win-deg),#554a77 var(--win-deg) 360deg);
  border:16px solid #31294b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 18px 40px rgba(0,0,0,.30)}
.up-dial.spinning{transition:--zone-rot 4.4s cubic-bezier(.12,.82,.16,1)}
.up-dial::before{content:"";position:absolute;inset:16px;border-radius:50%;background:linear-gradient(180deg,#3d355c,#2c2545);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.up-dial::after{content:"";position:absolute;inset:-22px;border-radius:50%;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'><g fill='none' stroke='%2378e878' stroke-width='5' stroke-linecap='round'><path d='M24 82 C48 50 75 52 94 73 C65 72 43 89 28 123'/><path d='M94 73 C67 82 45 101 28 123'/><path d='M126 38 C106 64 109 90 132 108 C128 80 142 58 126 38'/><path d='M132 108 C125 83 128 59 126 38'/></g></svg>");background-size:150px 150px;background-position:center;filter:drop-shadow(0 0 8px rgba(34,197,94,.18))}
.up-spin-pointer{position:absolute;left:50%;top:13px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:34px solid #f9e86a;transform:translateX(-50%);filter:drop-shadow(0 0 10px rgba(249,232,106,.45));z-index:2}
.up-center-readout{position:relative;z-index:1;text-align:center;padding:14px 18px;border-radius:12px;background:rgba(18,14,30,.76);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.up-center-readout .small{font-size:9px;font-weight:1000;color:#ffe86a;text-transform:uppercase}
.up-center-readout .big{font-size:23px;font-weight:1000;color:#fff;line-height:1.1}
.up-center-readout .muted{font-size:11px;font-weight:900;color:#c9c3e6}
.up-action-row{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:9px;width:min(330px,100%)}
.up-action-row button{height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,#4b4270,#342d54);color:#fff;font-family:inherit;font-weight:1000;cursor:pointer;text-transform:uppercase}
.up-action-row button.on{border-color:#f9e86a;color:#f9e86a;background:rgba(249,232,106,.10)}
.up-action-row .upgrade{background:linear-gradient(180deg,#52f143,#13a915);border-color:rgba(123,255,119,.35);color:#06210f}
.up-selected-card{display:flex;flex-direction:column;gap:12px;min-height:260px}
.up-selected-card .art{height:118px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(251,191,36,.16),rgba(75,66,112,.58));border:1px solid rgba(251,191,36,.26)}
.up-selected-card img{max-width:92px;max-height:92px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.38))}
.up-selected-card .name{font-size:13px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.up-selected-card .value{color:#ffe86a;font-weight:1000}
.up-market{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.up-search-card{align-self:start}
.up-search-input{height:44px;border-radius:13px;border:1px solid rgba(255,255,255,.10);background:rgba(20,16,35,.58);color:#fff;font-family:inherit;font-weight:800;padding:0 13px;width:100%;box-sizing:border-box}
.up-sort-stack{display:grid;gap:8px;margin-top:10px}
.up-sort-stack button{height:36px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:linear-gradient(180deg,#4b4270,#342d54);color:#c9c3e6;font-family:inherit;font-weight:1000;cursor:pointer}
.up-sort-stack button.on{color:#fff;border-color:rgba(var(--accent-rgb),.62);background:rgba(var(--accent-rgb),.16)}
.upgrader-arena .up-items{max-height:none;overflow:visible;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:12px;padding-right:0}
.upgrader-arena .up-item{min-height:150px;padding:12px;border-color:rgba(251,191,36,.22);background:linear-gradient(180deg,#4b4270,#3a3158 56%,#46343d)}
.upgrader-arena .up-item img{width:70px;height:70px}
.upgrader-arena .up-item .nm{font-size:10.5px;text-transform:uppercase}
.upgrader-arena .up-item .pv{font-size:13px;color:#ffe86a}
.upgrader-arena .up-item .chance{color:#b8ff89}
.keno-risk{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.keno-risk button{height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,#1c1a2b,#151320);color:#c9c3e6;font-family:inherit;font-weight:1000;cursor:pointer}
.keno-risk button.on{border-color:rgba(var(--accent-rgb),.65);background:rgba(var(--accent-rgb),.16);color:#fff}
.keno-payouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;width:min(940px,100%);margin-top:4px}
.keno-pay{min-height:46px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:linear-gradient(180deg,rgba(31,27,45,.72),rgba(20,16,35,.72));padding:8px 6px;text-align:center;font-weight:900;color:#8e88aa;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.keno-pay.good{border-color:rgba(var(--accent-rgb),.42);color:#fff;background:linear-gradient(180deg,rgba(34,197,94,.16),rgba(20,16,35,.82))}
.keno-pay b{display:block;color:#fff;font-size:12px;line-height:1}.keno-pay span{display:block;color:#b8ff89;font-size:11px;margin-top:3px;line-height:1.05}.keno-pay small{display:block;color:#a8a2c7;font-size:9px;margin-top:3px;line-height:1}
@media(max-width:1100px){.upgrader-top{grid-template-columns:1fr}.up-market{grid-template-columns:1fr}.up-dial{width:240px;height:240px}}
@media(max-width:980px){.casino-shell{grid-template-columns:1fr;height:auto;min-height:0}.game-side{border-right:none;border-bottom:1px solid rgba(255,255,255,.10);overflow:visible}.game-board{min-height:520px;padding:26px}.game-board::before{font-size:42px}.casino-shell .wheel-wrap{width:300px;height:300px}.wheel-pointer{transform-origin:50% 158px}}

.bj-table{position:relative;overflow:hidden;border-radius:20px;padding:22px;background:
  radial-gradient(ellipse at 50% 42%,rgba(34,197,94,.20),rgba(15,90,55,.18) 42%,rgba(4,40,26,.72) 72%),
  linear-gradient(135deg,#072817,#123f25 48%,#071f15);border:1px solid rgba(34,197,94,.28);box-shadow:inset 0 0 0 10px rgba(92,56,27,.35),inset 0 0 0 13px rgba(255,255,255,.06),0 18px 42px rgba(0,0,0,.34)}
.bj-table::before{content:"JungleBlox";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);font-family:'Russo One',sans-serif;font-size:46px;color:rgba(255,255,255,.08);letter-spacing:1px;pointer-events:none}
.bj-table::after{content:"";position:absolute;inset:18px;border:1px dashed rgba(255,255,255,.16);border-radius:50%;pointer-events:none}
.bj-table>*{position:relative;z-index:1}
.bj-table .ztitle{color:#d9ffe8}
.bj-table .score-pill{background:rgba(5,30,20,.82);border-color:rgba(255,255,255,.16)}

.bj-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:680px;border:1px solid rgba(255,255,255,.10);border-radius:20px;overflow:hidden;background:#171226;box-shadow:0 22px 54px rgba(16,10,34,.44)}
.bj-side{position:relative;background:linear-gradient(180deg,#3a3456,#302a4a 54%,#29243f);border-right:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column}
.bj-side::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'><g fill='none' stroke='%2378e878' stroke-width='2'><path d='M40 20 C70 35 75 75 55 110 C45 70 20 55 40 20 Z'/><path d='M55 110 L40 20'/><path d='M230 40 C200 60 195 100 215 135 C225 95 250 75 230 40 Z'/><path d='M215 135 L230 40'/><path d='M150 160 C185 175 195 215 172 250 C160 210 130 195 150 160 Z'/><path d='M172 250 L150 160'/></g></svg>");background-size:300px 300px}
.bj-side>*{position:relative;z-index:1}
.bj-side-head{position:relative;padding:22px 24px 18px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0));border-bottom:1px solid rgba(255,255,255,.06)}
.bj-side-head h1{font-size:25px;line-height:1;margin:0 0 10px;font-family:'Russo One',sans-serif;text-transform:uppercase;letter-spacing:.8px}
.bj-side-head .accent-line{width:50px;height:5px;border-radius:999px;background:#58ff4f;box-shadow:0 0 12px rgba(88,255,79,.35)}
.bj-side-section{padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.07)}
.bj-side-section label{display:block;color:#a8a2c7;font-weight:800;font-size:14px;margin-bottom:11px}
.bj-betbox{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#242039,#1a1729);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:0 13px;height:52px}
.bj-betbox::before{content:"";width:25px;height:25px;flex:0 0 25px;background:url('currency-token-symbol.png') center/contain no-repeat;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))}
body.balance-usd .bj-betbox::before{background-image:url('currency-dollar-symbol.png')}
.bj-betbox .input{border:none!important;background:transparent!important;padding:0!important;height:100%;box-shadow:none!important}
.bj-side .bet-buttons{display:block;margin-top:14px}
.bj-side .bet-buttons .bet-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bj-side .bet-buttons button{width:100%;height:44px;border-radius:9px;background:linear-gradient(180deg,#1c1a2b,#151320);border:1px solid rgba(255,255,255,.09);color:#bdb7da;box-shadow:none}
.bj-play-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bj-play-actions .btn{height:44px;border-radius:9px;background:linear-gradient(180deg,#1c1a2b,#151320);border:1px solid rgba(255,255,255,.09);color:#bdb7da;text-transform:uppercase;font-weight:900}
.bj-play-actions .hit{color:#63ff69}.bj-play-actions .stand{color:#ff465a}.bj-play-actions .split{color:#38f8ff}.bj-play-actions .double{color:#65ff5e}
.bj-start{width:100%;height:56px;border-radius:10px;font-size:16px;text-transform:uppercase;background:linear-gradient(180deg,#52f143,#13a915);box-shadow:none}
.bj-side .fair-btn{width:100%;height:44px;margin-top:18px;border-radius:9px;background:linear-gradient(180deg,#473176,#30224f);color:#d5c5ff;text-transform:uppercase}
.bj-board{position:relative;min-height:680px;background:radial-gradient(760px 360px at 52% 6%,rgba(90,78,135,.25),transparent 68%),linear-gradient(180deg,#211b35,#292244 52%,#201a33);overflow:hidden}
.bj-board::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'><g fill='none' stroke='%2378e878' stroke-width='2'><path d='M40 20 C70 35 75 75 55 110 C45 70 20 55 40 20 Z'/><path d='M55 110 L40 20'/><path d='M230 40 C200 60 195 100 215 135 C225 95 250 75 230 40 Z'/><path d='M215 135 L230 40'/><path d='M150 160 C185 175 195 215 172 250 C160 210 130 195 150 160 Z'/><path d='M172 250 L150 160'/><path d='M70 200 C45 220 42 255 60 285 C68 250 90 232 70 200 Z'/><path d='M60 285 L70 200'/><path d='M260 200 C285 218 290 255 270 288 C262 252 238 235 260 200 Z'/><path d='M270 288 L260 200'/></g></svg>");background-size:340px 340px;opacity:.11;pointer-events:none}
.bj-rules{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:360px;max-width:520px;padding:22px 34px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(42,35,68,.90),rgba(22,18,35,.94));box-shadow:0 18px 48px rgba(0,0,0,.28),0 0 34px rgba(74,222,128,.08);text-align:center;text-transform:uppercase;font-weight:900}
.bj-rules .main{font-size:19px;color:#58ff4f;text-shadow:0 0 10px rgba(88,255,79,.18)}
.bj-rules .sub{font-size:15px;color:#b9b4d8;margin-top:16px}
.bj-table{position:absolute;inset:0;min-height:0;padding:30px 38px;background:radial-gradient(ellipse at 50% 50%,rgba(34,197,94,.10),transparent 44%)!important;border:none!important;box-shadow:none!important;border-radius:0!important;display:flex;flex-direction:column;justify-content:space-between}
.bj-table::before{display:none}
.bj-table::after{display:none}
.bj-table .hand-zone{max-width:760px;margin-left:auto;margin-right:auto}
.bj-table .hand-zone:first-child{min-height:190px;padding-top:18px}.bj-table .hand-zone:nth-child(2){padding-bottom:18px}
.bj-table .ztitle{color:#d9d5ef}
.bj-table .score-pill{background:rgba(14,13,25,.92);border-color:rgba(255,255,255,.12)}
.bj-shell .pcard{width:96px;height:136px;border-radius:14px;font-size:24px;box-shadow:0 16px 34px rgba(0,0,0,.34)}
.bj-shell .pcard .r{font-size:22px}.bj-shell .pcard .s{font-size:34px}
.bj-shell .cards{gap:14px}
@media(max-width:980px){.bj-shell{grid-template-columns:1fr}.bj-side{border-right:none;border-bottom:1px solid rgba(255,255,255,.10)}.bj-board{min-height:520px}.bj-rules{min-width:260px;width:72%}}

.lb-jungle{position:relative;overflow:hidden;border:0;background:url('leaderboard-top-reference.png') center/contain no-repeat;border-radius:18px;aspect-ratio:1476/438;min-height:0;margin:0 auto 12px;max-width:1060px;box-shadow:0 18px 42px rgba(0,0,0,.28)}
.lb-jungle::before,.lb-jungle::after{display:none}
.lb-jungle .lb-vine,.lb-jungle .lb-branch,.lb-jungle .lb-leaf{display:none}
.lb-vine{position:absolute;top:-28px;width:6px;height:210px;border-radius:999px;background:linear-gradient(180deg,#10180a,#6d7f25 42%,#16200c);box-shadow:0 0 0 1px rgba(0,0,0,.38),0 0 18px rgba(148,255,59,.10);z-index:2}
.lb-vine::after{content:"";position:absolute;left:-9px;top:28px;width:24px;height:12px;border-radius:70% 0 70% 0;background:#263b17;box-shadow:0 36px 0 #314c1c,0 74px 0 #223815}
.lb-vine.v1{left:8%;height:250px;transform:rotate(-7deg)}.lb-vine.v2{left:43%;height:176px;transform:rotate(10deg)}.lb-vine.v3{right:20%;height:235px;transform:rotate(-10deg)}.lb-vine.v4{right:7%;height:170px;transform:rotate(8deg)}
.lb-branch{position:absolute;height:46px;border-radius:999px;background:
  linear-gradient(180deg,rgba(126,129,56,.8),rgba(36,21,13,.98) 31%,rgba(10,7,6,.98) 72%,rgba(67,75,28,.72));
  box-shadow:inset 0 9px 10px rgba(166,215,70,.13),inset 0 -9px 14px rgba(0,0,0,.82),0 18px 26px rgba(0,0,0,.62);z-index:1}
.lb-branch::after{content:"";position:absolute;inset:9px 14px;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(144,178,64,.12),transparent 55%,rgba(0,0,0,.18));opacity:.8}
.lb-branch.b1{left:-10%;top:42px;width:82%;transform:rotate(16deg)}.lb-branch.b2{right:-10%;top:118px;width:78%;transform:rotate(-18deg)}.lb-branch.b3{left:34%;bottom:10px;width:82%;transform:rotate(-32deg)}
.lb-leaf{position:absolute;width:98px;height:62px;border-radius:78% 8% 74% 12%;background:linear-gradient(135deg,#9fc93a,#245d30 58%,#07150d);filter:drop-shadow(0 12px 12px rgba(0,0,0,.45));z-index:3;opacity:.78}
.lb-leaf.l1{left:-18px;bottom:22px;transform:rotate(-28deg)}.lb-leaf.l2{right:-22px;top:74px;transform:rotate(150deg)}.lb-leaf.l3{left:40%;bottom:12px;transform:rotate(18deg) scale(.72)}
.lb-tree{position:absolute;inset:0;z-index:4}
.lb-tree-crown,.lb-tree-trunk{display:none}
.lb-tree-place{position:absolute;width:18%;height:13%;padding:0;background:transparent;border:0;box-shadow:none;text-align:center;z-index:5;display:flex;align-items:center;justify-content:center}
.lb-tree-place::before,.lb-tree-place::after{display:none}
.lb-tree-place.p1{left:50%;top:32.5%;transform:translateX(-50%)}
.lb-tree-place.p2{left:26.1%;top:70.5%;transform:translateX(-50%)}
.lb-tree-place.p3{right:26.1%;top:70.5%;transform:translateX(50%)}
.lb-tree-place .rank{display:none}
.lb-tree-place .name{font-size:clamp(13px,1.8vw,23px);font-weight:900;color:#f2efff;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px #000,0 0 12px rgba(174,143,255,.46)}
.lb-tree-place .wager,.lb-tree-place .prize{display:none}
.lb-head-card{position:relative;overflow:hidden;padding:24px;margin-bottom:22px;background:radial-gradient(circle at 14% 18%,rgba(34,197,94,.22),transparent 30%),linear-gradient(135deg,rgba(74,66,112,.98),rgba(42,34,67,.98));border-color:rgba(130,255,92,.28);box-shadow:0 18px 42px rgba(16,12,32,.38),0 0 38px rgba(34,197,94,.08)}
.lb-head-card:before,.lb-head-card:after{content:"";position:absolute;inset:auto auto -38px -22px;width:190px;height:190px;background:rgba(34,197,94,.16);clip-path:polygon(48% 0,63% 31%,100% 16%,78% 49%,100% 82%,62% 70%,47% 100%,36% 69%,0 83%,23% 50%,0 18%,36% 31%);transform:rotate(-16deg);pointer-events:none}
.lb-head-card:after{left:auto;right:-34px;bottom:-54px;width:230px;height:230px;opacity:.75;transform:rotate(18deg)}
.lb-head-inner{position:relative;z-index:1;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.lb-head-stat{flex:1;min-width:180px;padding:14px 16px;border-radius:15px;background:rgba(23,19,39,.44);border:1px solid rgba(255,255,255,.075)}
.lb-head-label{font-size:12px;font-weight:900;color:#9cff6d;text-transform:uppercase;letter-spacing:.7px}
.lb-head-value{font-size:clamp(24px,3.1vw,36px);font-weight:950;color:#fff;text-shadow:0 0 18px rgba(34,197,94,.18)}
.lb-head-note{color:#d7d0f3;font-size:12.5px;margin-top:4px;font-weight:800}
.lb-table-card{padding:14px 20px;border-color:rgba(174,143,255,.36);background:linear-gradient(180deg,rgba(42,34,67,.94),rgba(26,23,45,.98));border-radius:18px}
.lb-table-card .lb-row{grid-template-columns:54px 1fr 150px 150px;min-height:53px;padding:0 4px;border-bottom:1px solid rgba(255,255,255,.055)}
.lb-table-card .lb-head{min-height:42px;color:#bba6ff}
.lb-table-card .lb-val{color:#8eff5f}.lb-table-card .lb-rank{text-align:left}.lb-table-card .lb-prize{color:#c8c0e8}
.lb-podium{position:relative;isolation:isolate;width:min(100%,1120px);aspect-ratio:569/250;margin:30px auto 36px;background:url('leaderboard-podium-cropped.png') center/contain no-repeat;overflow:visible}
.lb-podium-name{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;padding:0 12px;color:#fff;font-size:clamp(11px,1.7vw,18px);font-weight:900;text-align:center;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px #000,0 0 10px rgba(34,197,94,.42)}
.lb-podium-name.first{left:42.2%;top:10.2%;width:16.3%;height:23.2%}
.lb-podium-name.second{left:18.4%;top:23.5%;width:16.4%;height:23.2%}
.lb-podium-name.third{left:66.2%;top:23.5%;width:16.4%;height:23.2%}
.lb-coin-rain{position:absolute;z-index:3;inset:-20% -5% -8%;pointer-events:none;overflow:hidden}
.lb-coin{position:absolute;top:0;display:block;width:clamp(42px,5.2vw,70px);height:auto;filter:drop-shadow(0 10px 12px rgba(0,0,0,.54)) drop-shadow(0 0 16px rgba(251,191,36,.58));animation:lbCoinFall 9s ease-in-out infinite;opacity:.92;transform-origin:center;will-change:transform,opacity}
.lb-coin:nth-child(1){left:3%;animation-delay:-.6s;animation-duration:8.8s}.lb-coin:nth-child(2){left:11%;animation-delay:-3.1s;animation-duration:10.2s}.lb-coin:nth-child(3){left:19%;animation-delay:-1.8s;animation-duration:9.4s}.lb-coin:nth-child(4){left:28%;animation-delay:-5.0s;animation-duration:10.6s}.lb-coin:nth-child(5){left:37%;animation-delay:-2.4s;animation-duration:8.9s}.lb-coin:nth-child(6){left:46%;animation-delay:-4.2s;animation-duration:11.1s}.lb-coin:nth-child(7){left:55%;animation-delay:-2.9s;animation-duration:9.8s}.lb-coin:nth-child(8){left:64%;animation-delay:-6.0s;animation-duration:10.3s}.lb-coin:nth-child(9){left:73%;animation-delay:-1.1s;animation-duration:9.7s}.lb-coin:nth-child(10){left:82%;animation-delay:-5.6s;animation-duration:10.9s}.lb-coin:nth-child(11){left:90%;animation-delay:-7.1s;animation-duration:9.9s}.lb-coin:nth-child(12){left:24%;animation-delay:-7.8s;animation-duration:10.4s}.lb-coin:nth-child(13){left:59%;animation-delay:-8.3s;animation-duration:9.3s}.lb-coin:nth-child(14){left:69%;animation-delay:-8.9s;animation-duration:11.4s}
@keyframes lbCoinFall{0%{transform:translate3d(0,-130px,0) rotateY(0deg) rotate(0deg);opacity:0}10%{opacity:1}38%{transform:translate3d(14px,210px,0) rotateY(90deg) rotate(42deg);opacity:1}68%{transform:translate3d(-12px,460px,0) rotateY(180deg) rotate(88deg);opacity:.95}100%{transform:translate3d(16px,760px,0) rotateY(260deg) rotate(130deg);opacity:0}}
.admin-lb-stack{display:grid;gap:14px;margin-bottom:18px}
.admin-lb-card{padding:18px;background:linear-gradient(180deg,rgba(74,66,112,.9),rgba(42,34,67,.96));border:1px solid rgba(255,255,255,.09);border-radius:16px;box-shadow:0 14px 32px rgba(17,12,31,.24)}
.admin-lb-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.admin-lb-title b{font-size:15px;color:#fff}.admin-lb-title span{font-size:12px;color:var(--muted);font-weight:800}
.admin-lb-row{display:grid;grid-template-columns:48px minmax(130px,1fr) minmax(96px,130px) minmax(92px,120px) minmax(92px,120px);gap:10px;align-items:center;min-height:42px;padding:7px 10px;border-radius:11px;color:#fff;font-weight:800}
.admin-lb-row:nth-child(even){background:rgba(255,255,255,.035)}
.admin-lb-row.head{min-height:34px;color:#c9c3e6;font-size:11px;text-transform:uppercase;letter-spacing:.55px;background:rgba(255,255,255,.055)}
.admin-lb-row .pay{color:#9cff6d}.admin-lb-row .uid{color:#fbbf24}.admin-lb-empty{padding:16px;border-radius:12px;background:rgba(255,255,255,.035);color:var(--muted);font-size:13px;font-weight:800;text-align:center}
@media(max-width:760px){.lb-jungle{aspect-ratio:1573/438}.lb-table-card .lb-row{grid-template-columns:42px 1fr 82px 92px;font-size:12px}.lb-podium{width:100%;margin-bottom:12px}.lb-podium-name{padding:0 5px;font-size:clamp(7px,2vw,11px)}}

@media(max-width:880px){
  body{padding-top:68px}
  .game-wrap{grid-template-columns:1fr}
  .menu-toggle{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid var(--border);cursor:pointer}
  .navlinks{position:fixed;top:70px;left:0;right:0;flex-direction:column;background:color-mix(in srgb, var(--bg) 97%, transparent);
    padding:12px;border-bottom:1px solid var(--border);display:none;overflow:visible;top:64px}
  .navlinks.open{display:flex}
  .navlinks a{width:100%;height:44px;padding:0 13px;box-sizing:border-box}
  .navlinks .games-dd{width:100%}
  nav{grid-template-columns:auto 1fr auto;gap:10px;min-height:68px}
  .nav-brand{min-width:142px;width:142px;height:56px;padding:2px 4px}
  .nav-brand-logo{width:124px;max-width:124px;margin-left:0}
  .hide-mobile{display:none}
  .nav-balance-center{position:static;transform:none;margin-left:auto;grid-column:2 / 4;grid-row:2;justify-self:end}
  .nav-deposit{padding:0 13px}
  main{padding:22px 16px 80px}
  .h1{font-size:24px}
  .auth-card{max-width:100%}
}
@media(max-width:600px){nav{padding:7px 8px;gap:6px}.logo{width:90px;height:44px;margin-right:0}.navtools{gap:6px}.balance{height:36px;min-width:112px;padding:0 8px;font-size:13px}.balance::before{width:20px;height:20px;flex-basis:20px}.nav-deposit{height:36px;padding:0 10px;font-size:11px}.nav-icon-btn{width:34px;height:36px;border-radius:11px}.nav-icon-btn img{width:24px;height:24px}.notification-btn{width:34px;height:36px}.profile-btn{padding:4px 6px}.menu-toggle{width:36px;height:36px}}


.bj-side::before,.bj-board::before{display:none!important}
.bj-shell{background:#1b162d!important;border-color:rgba(255,255,255,.12)!important}
.bj-side{background:linear-gradient(180deg,#3d365a 0,#302a49 46%,#29233e 100%)!important}
.bj-board{background:radial-gradient(620px 340px at 50% 46%,rgba(90,78,135,.34),transparent 64%),linear-gradient(180deg,#25203a 0,#2f2947 49%,#211c34 100%)!important}
.bj-table{position:absolute!important;inset:0!important;display:grid!important;grid-template-rows:1fr auto 1fr!important;padding:34px 44px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.bj-table::before,.bj-table::after{display:none!important}
.bj-table .hand-zone{width:100%;max-width:820px;margin:0 auto!important;text-align:center}
.bj-table .hand-zone:first-child{align-self:start;min-height:210px;padding-top:8px!important}
.bj-table .hand-zone:nth-child(2){align-self:end;min-height:220px;padding-bottom:10px!important}
.bj-table .ztitle{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:22px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);color:#c9c3e6;font-size:11px;text-transform:uppercase}
.bj-rules{top:50%!important;min-width:360px;background:linear-gradient(180deg,rgba(34,29,52,.96),rgba(18,15,30,.98))!important;box-shadow:0 16px 40px rgba(0,0,0,.38),0 0 34px rgba(174,143,255,.12)!important}
.bj-rules .main{color:#fbbf24!important;text-shadow:0 0 14px rgba(251,191,36,.20)!important}
.bj-rules .sub{margin-top:10px!important}
.bj-deck-stack{position:absolute;right:58px;top:42px;width:86px;height:120px;border-radius:13px;background:linear-gradient(135deg,#41395d,#211c34);border:1px solid rgba(255,255,255,.13);box-shadow:-8px 10px 0 rgba(16,13,27,.55),-14px 17px 0 rgba(16,13,27,.28),0 18px 30px rgba(0,0,0,.28);opacity:.82}
.bj-deck-stack::before{content:"";position:absolute;inset:12px;border-radius:9px;border:1px dashed rgba(255,255,255,.12);background:linear-gradient(135deg,transparent 20%,rgba(255,255,255,.06),transparent 64%)}
.bj-deck-stack::after{content:"";position:absolute;left:50%;top:50%;width:34px;height:44px;transform:translate(-50%,-50%) rotate(-12deg);border-radius:5px;background:rgba(255,255,255,.10);box-shadow:10px 7px 0 rgba(255,255,255,.055)}
.bj-insurance{display:none;grid-template-columns:1fr;gap:10px}
.bj-insurance .btn{height:42px;border-radius:10px;text-transform:uppercase;font-weight:1000;background:linear-gradient(180deg,#473f69,#302a4a);border:1px solid rgba(255,255,255,.10);color:#fff}
.bj-insurance .accept{color:#86ff9a;border-color:rgba(34,197,94,.28)}
.bj-insurance .decline{color:#ff6d7d;border-color:rgba(255,70,90,.25)}
.bj-shell .pcard{width:104px!important;height:148px!important;border-radius:15px!important}
.bj-shell .pcard .r{font-size:25px!important}.bj-shell .pcard .s{font-size:38px!important}
.bj-shell .pcard.back{background:linear-gradient(135deg,#5a4e87,#2d2745)!important;border-color:rgba(255,255,255,.18)!important}
.bj-shell .pcard.back::after{content:"";position:absolute;inset:22px;border-radius:9px;border:1px dashed rgba(255,255,255,.16);background:linear-gradient(135deg,transparent,rgba(255,255,255,.08),transparent)}
.bj-shell .score-pill{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:23px;margin-top:10px;border-radius:999px;background:rgba(20,16,35,.86);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:12px;font-weight:1000}
.dice-panel,.dice-result-card{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;height:auto!important;margin:0!important}
.dice-classic{width:min(680px,100%);display:grid;justify-items:center;gap:16px;padding:30px;border-radius:22px;background:linear-gradient(180deg,rgba(75,66,112,.42),rgba(32,26,51,.56));border:1px solid rgba(255,255,255,.10);box-shadow:0 22px 46px rgba(14,10,28,.24)}
.dice-classic .dice-display{font-size:92px!important;line-height:.95}
.dice-meta-row{width:min(620px,100%);display:flex;justify-content:space-between;gap:12px;color:#c9c3e6;font-weight:1000}
.dice-meta-row span:last-child{color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:8px 12px}

/* Blackjack final table polish */
.bj-rules .main{color:#58ff4f!important;text-shadow:0 0 12px rgba(88,255,79,.28)!important}
.bj-table{grid-template-rows:205px 1fr 235px!important;align-items:center!important;justify-items:center!important;padding:26px 54px 42px!important}
.bj-table .hand-zone{display:grid!important;justify-items:center!important;align-content:center!important;min-height:auto!important;padding:0!important}
.bj-table .hand-zone:first-child{align-self:start!important;padding-top:18px!important}
.bj-table .hand-zone:nth-child(2){align-self:end!important;padding-bottom:10px!important}
.hand-active{outline:none!important;border-radius:0!important}
.bj-shell .cards{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:0!important;min-height:156px!important}
.bj-shell .pcard{position:relative!important;margin:0!important;box-shadow:0 18px 32px rgba(0,0,0,.34)!important}
.bj-shell .pcard + .pcard{margin-left:-26px!important}
.bj-shell .pcard.back::after{display:none!important}
.bj-shell .pcard.back{background:linear-gradient(135deg,#62568e,#3a3157)!important;box-shadow:0 18px 32px rgba(0,0,0,.34),inset 0 0 0 2px rgba(255,255,255,.07)!important}
.bj-table .ztitle{margin-bottom:-2px!important;background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:none!important}
.bj-shell .score-pill{margin-top:6px!important;box-shadow:none!important}
/* AUTH */
#authView{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:30px 18px}
.modal.modal-auth{width:min(420px,calc(100vw - 32px));max-width:420px;padding:0;overflow:hidden;background:linear-gradient(180deg,#373151,#2d2845);border:1px solid rgba(255,255,255,.09);box-shadow:0 28px 90px rgba(20,14,36,.72),0 0 0 1px rgba(174,255,88,.04)}
.auth-card{width:100%;padding:24px 22px 22px;box-sizing:border-box}
.auth-card *{box-sizing:border-box}
.auth-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.auth-kicker{display:none}
.auth-title{font-size:23px;line-height:1.05;font-weight:1000;color:#fff}
.auth-close{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.055);color:#fff;font-size:20px;cursor:pointer}
.auth-close:hover{background:rgba(255,255,255,.12)}
.auth-logo{display:flex;align-items:center;gap:10px;justify-content:center;font-weight:900;font-size:24px;margin-bottom:4px}
.auth-logo .mark{width:40px;height:40px}
.auth-sub{text-align:center;color:var(--muted);font-size:13.5px;margin-bottom:22px}
.auth-tabs{display:flex;background:rgba(24,20,39,.66);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:4px;gap:4px;margin-bottom:18px}
.auth-tabs button{flex:1;background:transparent;border:none;color:var(--muted);font-weight:900;padding:11px;border-radius:8px;cursor:pointer;font-family:inherit}
.auth-tabs button.on{background:linear-gradient(135deg,var(--accent),#5bd044);color:#0f1b12;box-shadow:0 8px 22px rgba(34,197,94,.18)}
.auth-field{margin-bottom:13px}
.auth-field label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:7px}
.auth-field .input{width:100%;background:rgba(24,20,39,.72);border-color:rgba(255,255,255,.1)}
.auth-field .input:focus{border-color:rgba(var(--accent-rgb),.5);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}
.auth-check{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--muted);margin-bottom:14px;cursor:pointer;user-select:none}
.auth-check input{accent-color:var(--accent)}
.auth-err{color:#fecaca;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.16);border-radius:9px;font-size:12.5px;font-weight:700;min-height:0;margin-bottom:12px;padding:0;display:none}
.auth-err:not(:empty){display:block;padding:9px 10px}
@media(max-width:520px){.modal.modal-auth{width:calc(100vw - 20px)}.auth-card{padding:20px 16px}.auth-title{font-size:20px}}

/* PROFILE */
.navtools{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.profile{position:relative}
.profile-btn{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.04);border:1px solid var(--border);
  color:#fff;padding:6px 10px;border-radius:12px;cursor:pointer;font-family:inherit;font-weight:700;font-size:13px}
#meLevel{margin-left:2px}
.profile-btn:hover{border-color:rgba(var(--accent-rgb),.5)}
.profile-menu{position:absolute;right:0;top:48px;width:210px;padding:8px;border-radius:14px;display:none;z-index:60;
  background:#322d4d;border:1px solid var(--border);box-shadow:0 18px 40px rgba(0,0,0,.5)}
.profile-menu.open{display:block}
.profile-menu .pm-head{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--border);margin-bottom:6px}
.profile-menu button{width:100%;text-align:left;background:transparent;border:none;color:#fff;font-family:inherit;
  font-weight:600;font-size:14px;padding:11px 10px;border-radius:9px;cursor:pointer;display:flex;align-items:center;gap:10px}
.profile-menu button svg{width:17px;height:17px;opacity:.85;flex:0 0 17px}
.profile-menu .pm-item:hover{background:rgba(var(--accent-rgb),.16)}
.profile-menu .pm-logout{color:#fecaca;margin-top:4px;border-top:1px solid var(--border);border-radius:0 0 9px 9px}
.profile-menu .pm-logout:hover{background:rgba(239,68,68,.14)}

/* One shared top-nav surface for Games, Rewards, Admin, balance and account tools. */
.navlinks .nav-bubble.nav-surface,
.nav-balance-center .balance.nav-surface,
.navtools .nav-action-btn.nav-surface,
.navtools .nav-icon-btn.nav-surface,
.navtools .profile-btn.nav-surface{
  box-sizing:border-box;
  background:linear-gradient(180deg,#433a63 0%,#342d4f 100%);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  box-shadow:0 8px 20px rgba(17,12,32,.22),inset 0 1px 0 rgba(255,255,255,.035);
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease;
}
.navlinks .nav-bubble.nav-surface:hover,
.nav-balance-center .balance.nav-surface:hover,
.navtools .nav-action-btn.nav-surface:hover,
.navtools .nav-icon-btn.nav-surface:hover,
.navtools .profile-btn.nav-surface:hover{
  transform:translateY(-1px);
  filter:none;
  background:#4b4270;
  border-color:rgba(255,255,255,.18);
  box-shadow:0 10px 24px rgba(17,12,32,.28),inset 0 1px 0 rgba(255,255,255,.05);
}
.navlinks .nav-bubble.nav-surface.active{
  background:linear-gradient(180deg,rgba(82,70,126,.98),rgba(63,52,96,.98));
  border-color:rgba(var(--accent-rgb),.48);
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),.08) inset,0 8px 20px rgba(17,12,32,.22);
}

/* HOME ART */
.gcard .art-svg{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s cubic-bezier(.18,.76,.22,1),filter .35s}
.gcard:hover .art-svg{transform:scale(1.075);filter:drop-shadow(0 18px 26px rgba(34,197,94,.22))}
.gcard .fallback-icon{background:linear-gradient(160deg,#39315b,#2c2648);display:grid;place-items:center}
.gcard .fallback-icon svg{width:42%;height:42%;opacity:.95;filter:drop-shadow(0 14px 18px rgba(0,0,0,.28))}
@media(max-width:1100px){.feat{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.feat{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gcard{border-radius:14px}}

/* MINES tiles clearer + dice track */
.tile{background:linear-gradient(160deg,#2e2554,#221b40)!important;border:1px solid rgba(255,255,255,0.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 4px 10px rgba(0,0,0,0.28)}
.tile .pip{width:16px;height:16px;border-radius:5px;background:rgba(168,150,255,0.12);transform:rotate(45deg);transition:.16s}
.mines-grid .tile.dense{border-radius:9px}
.mines-grid .tile.dense .pip{width:11px;height:11px;border-radius:3px}
.tile:hover:not(.revealed) .pip{background:rgba(168,150,255,0.28)}
.tile.revealed .pip{display:none}
.dice-slider::-moz-range-track{background:transparent;height:12px;border-radius:10px}
.dice-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 0 0 5px rgba(var(--accent-rgb),.35);cursor:pointer}

/* CHAT PANEL */
#chatPanel{position:fixed;top:0;left:0;bottom:0;width:300px;z-index:51;display:flex;flex-direction:column;
  background:linear-gradient(180deg,var(--nav),var(--card));backdrop-filter:blur(14px);border-right:1px solid var(--border);transition:transform .25s ease}
/* when collapsed, slide fully off-screen so only the toggle tab shows */
body.chat-collapsed #chatPanel{transform:translateX(-100%)}
body.chat-collapsed .chat-brand-face{display:none}
body.chat-collapsed .chat-brand-logo{margin-top:0}
#chatTab{position:absolute;top:74px;left:100%;width:28px;height:54px;border:1px solid var(--border);border-left:none;
  border-radius:0 11px 11px 0;background:#322d4d;color:var(--accent-soft);cursor:pointer;display:grid;place-items:center;
  z-index:42;box-shadow:4px 0 14px rgba(0,0,0,.3)}
#chatTab:hover{color:#fff;background:rgba(40,28,66,.98)}
body.chat-collapsed #chatTabIcon{transform:rotate(180deg)}
#chatTabIcon{transition:transform .25s}
.chat-brand{min-height:194px;padding:0 14px 8px;border-bottom:1px solid var(--border);background:var(--nav);display:grid;align-content:start;place-items:center;gap:0;cursor:pointer;transition:.18s}
.chat-brand:hover{filter:brightness(1.08)}
.chat-brand-face{position:relative;width:244px;height:170px;display:grid;place-items:center;margin-top:4px;animation:chatFaceDrift 4.8s ease-in-out infinite}
.chat-brand-face:before{content:"";position:absolute;inset:18% 15% 7%;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.18),transparent 62%);filter:blur(12px);opacity:.75;animation:chatFaceAura 4.8s ease-in-out infinite;pointer-events:none}
.chat-brand-face img{position:relative;z-index:1;width:244px;height:170px;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(34,197,94,.24));animation:chatFaceGlow 5.4s ease-in-out infinite}
.chat-brand-logo{width:248px;max-width:94%;height:auto;object-fit:contain;margin-top:-34px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.42))}
@keyframes chatFaceDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes chatFaceGlow{0%,78%,100%{filter:drop-shadow(0 15px 18px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(34,197,94,.24));transform:scale(1)}86%,91%{filter:drop-shadow(0 15px 18px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(132,255,67,.48));transform:scale(1.015)}}
@keyframes chatFaceAura{0%,100%{opacity:.58;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}
.chat-head{display:flex;align-items:center;gap:10px;padding:15px 15px 14px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(var(--accent-rgb),.12),transparent)}
.chat-head{display:none!important}
.chat-head .ch-ico{flex:0 0 auto;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--violet));box-shadow:0 4px 14px rgba(var(--accent-rgb),.4)}
.chat-head .ch-title{font-family:'Montserrat',sans-serif;font-weight:800;font-size:15px;letter-spacing:.3px}
.chat-online{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#bbf7d0;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);padding:4px 10px 4px 9px;border-radius:20px}
.chat-online::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px rgba(34,197,94,.22);animation:onlinePulse 2s ease-in-out infinite}
@keyframes onlinePulse{0%,100%{opacity:1}50%{opacity:.4}}
.chat-msgs{flex:1;overflow-y:auto;padding:8px 8px 14px;display:flex;flex-direction:column;gap:1px}
.chat-msgs::-webkit-scrollbar{width:7px}
.chat-msgs::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
.chat-msgs::-webkit-scrollbar-thumb:hover{background:#4f4a73}
.chat-empty{margin:auto;color:var(--muted);font-size:13px;text-align:center;padding:30px 22px;line-height:1.55}
.chat-msg{display:flex;gap:10px;padding:7px 9px;border-radius:13px;position:relative;transition:background .14s;animation:cmIn .22s ease}
.chat-msg:hover{background:rgba(255,255,255,.04)}
.chat-msg:hover .cm-time,.chat-msg:hover .cm-del,.chat-msg:hover .cm-mute{opacity:1}
@keyframes cmIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.chat-msg.me{background:linear-gradient(90deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.02));box-shadow:inset 2px 0 0 var(--accent)}
.chat-msg.me:hover{background:linear-gradient(90deg,rgba(var(--accent-rgb),.17),rgba(var(--accent-rgb),.05))}
.chat-msg .cm-avatar{flex:0 0 auto;width:38px;height:40px;position:relative;cursor:pointer;margin-top:1px}
.chat-msg .cm-pic{width:38px;height:38px;border-radius:50%;background-size:cover;background-position:center;border:2px solid var(--ring,rgba(255,255,255,.16));box-shadow:0 2px 7px rgba(0,0,0,.4);transition:transform .14s}
.chat-msg .cm-avatar:hover .cm-pic{transform:scale(1.07)}
.chat-msg .cm-lvlbadge{position:absolute;left:50%;bottom:-3px;transform:translateX(-50%);font-family:'Montserrat',sans-serif;font-weight:800;font-size:8.5px;line-height:1;padding:2px 5px;border-radius:8px;white-space:nowrap;background:#1b1830;box-shadow:0 2px 5px rgba(0,0,0,.55)}
.chat-msg .cm-main{flex:1;min-width:0;padding-top:1px}
.chat-msg .cm-top{display:flex;align-items:center;gap:6px;margin-bottom:2px;line-height:1.15}
.chat-msg .cm-name{font-family:'Montserrat',sans-serif;font-weight:800;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:118px;cursor:pointer}
.chat-msg .cm-name:hover{text-decoration:underline}
.chat-msg .cm-tag{flex:0 0 auto;font-size:8.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--on-accent);background:var(--warning);padding:2px 6px;border-radius:6px;line-height:1}
.chat-msg .cm-tag.mod{background:var(--accent);color:var(--on-accent)}
.chat-msg .cm-tag.streamer{background:#A855F7;color:#fff}
.chat-msg .cm-time{margin-left:auto;font-size:10px;color:var(--muted);flex:0 0 auto;font-variant-numeric:tabular-nums;opacity:.45;transition:opacity .14s}
.chat-msg .cm-del{color:var(--danger);cursor:pointer;font-size:15px;font-weight:700;opacity:0;line-height:1;flex:0 0 auto;transition:opacity .14s,transform .14s}
.chat-msg .cm-del:hover{transform:scale(1.2)}
.chat-msg .cm-mute{color:#fff;cursor:pointer;font-size:11px;font-weight:900;opacity:0;line-height:1;flex:0 0 auto;transition:opacity .14s,transform .14s;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:2px 5px}
.chat-msg .cm-mute:hover{transform:translateY(-1px);background:rgba(255,255,255,.16)}
.chat-msg .cm-body{color:#dcd8ec;font-size:13px;line-height:1.45;word-break:break-word}
.chat-input{display:flex;gap:9px;padding:12px;border-top:1px solid var(--border);background:linear-gradient(0deg,rgba(0,0,0,.22),transparent);align-items:center}
.chat-input input{flex:1;min-width:0;background:var(--elev);border:1px solid var(--border);border-radius:22px;color:#fff;padding:11px 16px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}
.chat-input input::placeholder{color:var(--muted)}
.chat-input input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18)}
.chat-send{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--violet));box-shadow:0 4px 12px rgba(var(--accent-rgb),.4);transition:transform .12s,box-shadow .12s}
.chat-send:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 6px 16px rgba(var(--accent-rgb),.5)}
.chat-send:active{transform:scale(.95)}
.chat-send svg{transform:translateX(1px)}

#chatPanel{background:linear-gradient(180deg,var(--nav),var(--card));border-right:1px solid var(--border);box-shadow:none}
.chat-head{padding:15px 15px 14px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.12),transparent);border-bottom:1px solid var(--border)}
.chat-head .ch-ico{border-radius:10px;box-shadow:0 4px 14px rgba(var(--accent-rgb),.4)}
.chat-msgs{padding:8px 8px 14px;gap:1px}
.chat-msg{padding:7px 9px;border:none;background:transparent;box-shadow:none}
.chat-msg:hover{background:rgba(255,255,255,.04);border-color:transparent}
.chat-msg.me{background:linear-gradient(90deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.02));box-shadow:inset 2px 0 0 var(--accent);border-color:transparent}
.chat-msg .cm-avatar{width:38px;height:40px}
.chat-msg .cm-pic{width:38px;height:38px;border-radius:50%}
.chat-msg .cm-lvlbadge{bottom:-3px;background:#1b1830;border-radius:8px}
.chat-msg .cm-top{margin-bottom:2px}
.chat-msg .cm-name{font-size:12.5px;max-width:118px;color:#fff!important;font-weight:900!important}
.chat-msg .cm-body{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:7px 9px;color:#f4f1ff;font-size:13px;line-height:1.45}
.chat-msg.me .cm-body{background:rgba(255,255,255,.075)}
.chat-timechip{display:inline-flex;align-items:center;gap:4px}
.chat-input{padding:12px;background:linear-gradient(0deg,rgba(0,0,0,.22),transparent);border-top:1px solid var(--border)}
.chat-input input{border-radius:22px;background:var(--elev);border-color:var(--border)}
.chat-send{border-radius:50%}
.chat-online{color:#d8d5e8;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.11)}
.chat-online::before{background:#9ca3af;box-shadow:none}
.chat-msg.me{background:rgba(255,255,255,.035);box-shadow:inset 2px 0 0 rgba(255,255,255,.18)}
.chat-msg.me:hover{background:rgba(255,255,255,.055)}
.chat-msg .cm-tag{background:#22c55e;color:#052e16}
.chat-msg .cm-tag.mod{background:#22c55e;color:#052e16}

/* RAIN BAR (horizontal, like reference) */
.rain-bar{display:flex;align-items:center;gap:11px;padding:12px 14px;margin:10px;border-radius:14px;
  background:linear-gradient(110deg, rgba(var(--accent-rgb),.16), rgba(var(--accent-rgb),.05));
  border:1px solid rgba(var(--accent-rgb),.35)}
.rain-coin{flex:0 0 auto;display:grid;place-items:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
.rain-info{flex:1;min-width:0;line-height:1.1}
.rain-label{font-family:'Montserrat',sans-serif;font-weight:800;font-size:11px;letter-spacing:1px;color:var(--accent)}
.rain-amt{font-family:'Russo One',sans-serif;font-size:22px;color:#fff;letter-spacing:.5px}
.rain-btns{flex:0 0 auto;display:flex;align-items:center;gap:7px}
.rain-join{font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;letter-spacing:.5px;color:#fff;
  background:linear-gradient(180deg,#3a3550,#2a2640);border:1px solid rgba(255,255,255,.14);border-radius:10px;
  padding:9px 16px;cursor:pointer;box-shadow:0 3px 0 rgba(0,0,0,.3)}
.rain-join:hover{background:linear-gradient(180deg,#454060,#322d4d)}
.rain-join.is-joined{color:var(--success);border-color:rgba(var(--accent-rgb),.5);cursor:default;box-shadow:none}
.rain-timer{font-family:'Russo One',sans-serif;font-size:14px;color:var(--muted);padding:8px 10px;border-radius:9px;background:rgba(0,0,0,.25);font-variant-numeric:tabular-nums}
.rain-tip{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border:none;background:none;cursor:pointer;padding:0}
.rain-tip img{width:42px;height:42px;object-fit:contain;border-radius:10px;display:block}
.rain-tip:hover img{filter:brightness(1.12)}

@media(min-width:1024px){
  body.authed{padding-left:300px}
  body.authed.chat-collapsed{padding-left:0}
}
@media(max-width:1023px){ #chatPanel{width:88%;max-width:330px;top:88px;padding-top:0;z-index:40} nav{left:0} }
@media(max-width:760px){ body{padding-top:72px} nav{left:0;min-height:72px} #chatPanel{top:72px;padding-top:0} }

.jp-wrap{position:relative;overflow:hidden;border-radius:14px;background:#15121f;border:1px solid var(--border);padding:14px 0}
.jp-pointer{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translateX(-50%);background:linear-gradient(180deg,var(--accent),rgba(34,197,94,0));z-index:5;box-shadow:0 0 12px var(--accent)}
.jp-pointer::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--accent)}
.jp-strip{display:flex;will-change:transform;transition:transform 5s cubic-bezier(.12,.67,.16,1)}
.jp-cell{flex:0 0 84px;width:84px;height:104px;margin:0 4px;border-radius:12px;border:1.5px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}
.jp-cell-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#06210f;font-weight:900;font-size:15px}
.jp-cell-name{font-size:11px;font-weight:800;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jp-cell-pct{font-size:11px;color:var(--muted);font-weight:700}
.jp-legend{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;margin-top:14px}
.jp-leg{font-size:12px;display:inline-flex;align-items:center;gap:6px}
.jp-leg-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.daily-pack-progress{padding:16px;margin-bottom:14px;background:#433a63;border:1px solid rgba(255,255,255,.08);border-radius:8px}
.daily-pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:18px;align-items:start}
.daily-pack-card{text-align:center;padding:10px 8px;background:transparent;border:0;box-shadow:none}
.daily-pack-art{display:block;width:min(100%,190px);aspect-ratio:2/3;object-fit:contain;margin:0 auto;background:transparent;filter:drop-shadow(0 14px 20px rgba(30,20,58,.34))}
.daily-view-shell{color:#fff}
#modal:has(.daily-view-shell){background:#433a63;border-color:rgba(255,255,255,.1)}
.daily-view-head{display:flex;gap:16px;align-items:center;margin-bottom:18px}
.daily-view-head img{width:84px;height:126px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(24,16,48,.35))}
.daily-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;max-height:330px;overflow:auto;padding-right:3px}
.daily-content-item{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;background:#4b4270;border:1px solid rgba(255,255,255,.08);border-radius:8px}
.daily-content-item .daily-odds{margin-left:auto;color:#c9c3e6;font-size:12px;font-weight:800;white-space:nowrap}
.daily-reel{background:linear-gradient(180deg,#373151,#2f2948);border-color:rgba(255,255,255,.1)}
.daily-reel::before{background:linear-gradient(90deg,#373151,transparent)}
.daily-reel::after{background:linear-gradient(270deg,#373151,transparent)}
.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.inventory-item{padding:14px;text-align:center;background:#4b4270;border:1px solid rgba(255,255,255,.08);border-radius:8px}
@media(max-width:560px){.daily-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.daily-pack-card{padding:6px 2px}.daily-view-head{align-items:flex-start}.daily-content-grid{grid-template-columns:1fr}}
/* Focused wallet cashier */
.wallet-window{width:100%;max-width:none;box-sizing:border-box;margin:18px auto 40px;background:#29233f;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 22px 60px rgba(24,18,43,.38);overflow:hidden}
#modal:has(.wallet-window){width:min(720px,calc(100vw - 24px));max-width:720px}
.wallet-heading{text-align:center;padding:25px 20px 17px;background:#29233f}
.wallet-heading h1{margin:0;color:#fff;font-size:22px;letter-spacing:0;font-weight:900;text-transform:uppercase}
.wallet-heading p{margin:6px 0 0;color:#aaa3c8;font-size:12px}
.wallet-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 22px 16px;background:#29233f;border-bottom:1px solid rgba(255,255,255,.06)}
.wallet-tabs button{min-height:40px;border:1px solid rgba(255,255,255,.07);background:#342d4e;color:#aaa3c8;padding:11px 8px;border-radius:6px;font:800 12px/1 inherit;cursor:pointer}
.wallet-tabs button:hover{color:#fff;background:#3d355b;border-color:rgba(255,255,255,.07)}
.wallet-tabs button.on{color:#fff;background:#4b4270;border-color:rgba(var(--accent-rgb),.34);box-shadow:inset 0 -2px 0 var(--accent)}
.wallet-content{padding:22px;background:#29233f}
.wallet-label{margin:0 0 11px;color:#c9c3e6;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}
.wallet-coin-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}
.wallet-coin-card{position:relative;min-height:118px;padding:17px 8px 13px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#3b3458;color:#c9c3e6;cursor:pointer;text-align:center;transition:background .16s ease,border-color .16s ease}
.wallet-coin-card:hover{background:#4b4270;border-color:rgba(255,255,255,.15)}
.wallet-coin-card.on{background:#4b4270;border-color:rgba(var(--accent-rgb),.65);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.14),0 8px 24px rgba(23,17,39,.28)}
.wallet-coin-card.disabled{opacity:.54;filter:saturate(.55);border-color:rgba(255,255,255,.06);background:#342d4e}
.wallet-coin-card.disabled:hover{opacity:.72;background:#3b3458}
.wallet-coin-card .coin-state{display:inline-flex;margin-top:7px;padding:4px 7px;border-radius:999px;border:1px solid rgba(251,191,36,.22);background:rgba(251,191,36,.09);color:#fde68a;font-size:8.5px;font-weight:900;text-transform:uppercase;letter-spacing:.35px}
.wallet-coin-card .coin-title{display:block;margin-top:10px;color:#fff;font-size:12px;font-weight:900;text-transform:uppercase}
.wallet-coin-card .coin-network{display:block;margin-top:3px;color:#aaa3c8;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crypto-art{display:block;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.26))}
.wallet-detail{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#342d4e;overflow:hidden}
.wallet-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07);background:#3b3458}
.wallet-detail-body{display:grid;grid-template-columns:164px minmax(0,1fr);gap:20px;align-items:center;padding:20px}
.wallet-qr{display:block;padding:0;border:0;border-radius:12px;background:transparent}
.wallet-withdraw{width:100%;box-sizing:border-box;padding:22px}
.deposit-focus{width:100%;background:linear-gradient(180deg,#332c4d 0%,#2d2643 100%);border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:0 28px 90px rgba(17,13,31,.62),0 0 0 1px rgba(151,128,220,.08) inset;overflow:hidden}
.deposit-focus-head{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:#332c4d;border-bottom:1px solid rgba(255,255,255,.07)}
.deposit-focus-head h2{margin:0;color:#fff;font-size:20px;font-weight:1000}
.deposit-focus-close{width:34px;height:34px;border:0;background:transparent;color:#aaa3c8;font-size:32px;font-weight:700;cursor:pointer;line-height:1}
.deposit-focus-close:hover{color:#fff}
.deposit-focus-body{padding:26px;background:#2d2643}
.deposit-back{display:inline-flex;align-items:center;gap:9px;margin:0 0 24px;padding:0;border:0;background:transparent;color:#fff;font:900 14px/1 inherit;cursor:pointer}
.deposit-back:hover{color:#b9ff6a}
.deposit-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}
.deposit-field-label{margin-bottom:8px;color:#fff;font-size:14px;font-weight:900}
.deposit-selectbox,.deposit-address-box{min-height:50px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#272139;color:#fff;display:flex;align-items:center;padding:0 15px;font-weight:900;box-shadow:0 1px 0 rgba(255,255,255,.04) inset}
.deposit-selectbox{justify-content:space-between}
.deposit-selectbox b{color:#fff}
.deposit-selectbox span{color:#aaa3c8;margin-left:6px}
.deposit-address-row{margin-bottom:22px}
.deposit-address-label{display:flex;align-items:center;gap:7px;color:#fff;font-size:14px;font-weight:900;margin-bottom:9px}
.deposit-info-dot{position:relative;width:15px;height:15px;border-radius:50%;display:inline-grid;place-items:center;border:1px solid #60a5fa;color:#60a5fa;font-size:10px;font-weight:1000;cursor:help}
.deposit-info-dot::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);width:min(330px,calc(100vw - 48px));padding:10px 12px;border-radius:10px;background:#211c34;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 38px rgba(13,9,25,.45);color:#e7e2ff;font-size:11px;line-height:1.45;font-weight:800;text-align:left;opacity:0;pointer-events:none;transition:.16s ease;z-index:30}
.deposit-info-dot::before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%) translateY(4px);border:6px solid transparent;border-top-color:#211c34;opacity:0;pointer-events:none;transition:.16s ease;z-index:31}
.deposit-info-dot:hover::after,.deposit-info-dot:focus-visible::after,.deposit-info-dot:hover::before,.deposit-info-dot:focus-visible::before{opacity:1;transform:translateX(-50%) translateY(0)}
.deposit-address-box{justify-content:space-between;gap:10px;padding:0 6px 0 15px}
.deposit-address-box code{font:800 13px/1.35 ui-monospace,Consolas,monospace;color:#c9c3e6;word-break:break-all}
.deposit-copy-icon{width:42px;height:38px;border:0;border-radius:9px;background:#4b4270;color:#fff;display:grid;place-items:center;cursor:pointer}
.deposit-copy-icon:hover{background:#5a4e87}
.deposit-info-panel{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;align-items:center;padding:16px;border-radius:10px;background:#433a63;border:1px solid rgba(255,255,255,.08);margin-bottom:54px}
.deposit-info-panel .qr-box{width:140px;height:140px;border-radius:9px;box-shadow:none;padding:8px}
.deposit-info-title{font-size:13px;color:#fff;font-weight:1000;margin-bottom:8px}
.deposit-info-copy{color:#c9c3e6;font-size:12.5px;line-height:1.35;font-weight:700}
.deposit-footer-note{text-align:center;color:#aaa3c8;font-size:12px;line-height:1.45}
.deposit-focus-status{padding:42px 26px;text-align:center;color:#c9c3e6}
.deposit-focus-status h3{margin:0 0 8px;color:#fff;font-size:18px;font-weight:1000}
.modal.modal-wallet-cashier{width:min(760px,calc(100vw - 24px));max-width:760px;max-height:calc(100vh - 24px);overflow:auto;padding:0;background:transparent;border:0;box-shadow:none}
.cashier{width:100%;overflow:hidden;border-radius:12px;background:#2b2541;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 90px rgba(20,14,36,.58),0 0 0 1px rgba(151,128,220,.08) inset;color:#fff}
.cashier-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;background:#332d4b;border-bottom:1px solid rgba(255,255,255,.08)}
.cashier-head h2{margin:0;color:#fff;font-size:22px;font-weight:1000;letter-spacing:0}
.cashier-close{width:34px;height:34px;border:0;background:transparent;color:#a8a1c7;font-size:32px;font-weight:700;line-height:1;cursor:pointer}
.cashier-close:hover{color:#fff}
.cashier-body{padding:24px;background:linear-gradient(180deg,#2b2541 0%,#241f37 100%)}
.cashier-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;padding:5px;border-radius:8px;background:#231f34;border:1px solid rgba(255,255,255,.08)}
.cashier-tab{min-height:45px;border:0;border-radius:6px;background:transparent;color:#fff;font:1000 14px/1 inherit;cursor:pointer}
.cashier-tab:hover{background:#3a3355;color:#fff}
.cashier-tab.on{background:linear-gradient(180deg,#31d46f,#24b95f);color:#fff;box-shadow:0 12px 28px rgba(34,197,94,.24),inset 0 1px 0 rgba(255,255,255,.16)}
.cashier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 22px}
.cashier-method{position:relative;min-height:72px;display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#2a253e;color:#fff;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}
.cashier-method:hover{transform:translateY(-1px);background:#3a3355;border-color:rgba(255,255,255,.2);box-shadow:0 14px 32px rgba(20,14,36,.34)}
.cashier-method.disabled{opacity:.66;filter:saturate(.55)}
.cashier-method.disabled:hover{opacity:.9}
.cashier-method-title{display:block;font-size:15px;font-weight:1000;color:#fff;line-height:1.08}
.cashier-method-code{display:block;margin-top:3px;font-size:12px;font-weight:900;color:#a9a2c7;letter-spacing:.2px}
.cashier-coming{min-height:238px;display:grid;place-items:center;text-align:center;border:1px dashed rgba(255,255,255,.16);border-radius:10px;background:linear-gradient(135deg,rgba(75,66,112,.45),rgba(43,37,65,.88));padding:30px}
.cashier-coming h3{margin:0 0 8px;color:#fff;font-size:24px;font-weight:1000}
.cashier-coming p{margin:0;color:#c9c3e6;font-size:13px;font-weight:800}
.cashier-foot-note{padding-top:18px;border-top:1px solid rgba(255,255,255,.07);text-align:center;color:#9f97bf;font-size:12px;font-weight:800}
.cashier-detail{border-radius:12px;background:#2b2541;border:1px solid rgba(255,255,255,.12);overflow:hidden;color:#fff}
.cashier-detail-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;background:#332d4b;border-bottom:1px solid rgba(255,255,255,.08)}
.cashier-back{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);background:#3b3458;color:#fff;font:1000 13px/1 inherit;cursor:pointer;padding:10px 13px;border-radius:9px;box-shadow:0 8px 20px rgba(17,12,31,.24)}
.cashier-back:hover{background:#4b4270;color:#fff;border-color:rgba(185,255,106,.32)}
.cashier-detail-body{padding:22px;background:#2b2541}
.cashier-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.cashier-field-label{display:block;margin:0 0 8px;color:#fff;font-size:13px;font-weight:1000}
.cashier-readonly{min-height:50px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#241f37;color:#fff;display:flex;align-items:center;padding:0 14px;font-weight:1000;box-shadow:0 1px 0 rgba(255,255,255,.04) inset}
.cashier-readonly small{margin-left:7px;color:#a9a2c7;font-size:13px;font-weight:900}
.cashier-address{margin-bottom:20px}
.cashier-address-head{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#fff;font-size:13px;font-weight:1000}
.cashier-address-box{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center;min-height:52px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#241f37;padding:5px}
.cashier-address-box code{padding-left:10px;font:900 13px/1.35 ui-monospace,Consolas,monospace;color:#d7d1ee;word-break:break-all}
.cashier-copy{width:42px;height:40px;border:0;border-radius:7px;background:#4b4270;color:#fff;display:grid;place-items:center;cursor:pointer}
.cashier-copy:hover{background:#5a4e87}
.cashier-qr-row{display:grid;grid-template-columns:146px minmax(0,1fr);gap:20px;align-items:center;padding:18px;border-radius:8px;background:#433a63;border:1px solid rgba(255,255,255,.09);margin-bottom:22px}
.cashier-qr-row .qr-box{width:146px;height:146px;border-radius:8px;background:#fff;padding:8px;box-shadow:none}
.cashier-qr-title{font-size:13px;font-weight:1000;color:#fff;margin-bottom:8px}
.cashier-qr-copy{font-size:12.5px;line-height:1.45;color:#c9c3e6;font-weight:800}
.cashier-footer-warning{margin:16px 0 0;padding:14px;border-radius:8px;background:rgba(251,191,36,.09);border:1px solid rgba(251,191,36,.2);color:#fde68a;font-size:12.5px;font-weight:900;line-height:1.4}
.cashier-withdraw-card{padding:22px;background:#2b2541}
.cashier-withdraw-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.cashier-withdraw-title{font-size:18px;font-weight:1000;color:#fff}
.cashier-withdraw-sub{font-size:12px;font-weight:900;color:#a9a2c7;margin-top:2px}
.cashier-input-label{display:block;margin:14px 0 8px;color:#fff;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.55px}
.cashier-withdraw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.cashier-limit{padding:13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#241f37}
.cashier-limit span{display:block;color:#a9a2c7;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.7px;margin-bottom:5px}
.cashier-limit b{display:block;color:#fff;font-size:13px;font-weight:1000}
.cashier-affiliate{display:grid;grid-template-columns:minmax(0,1fr) 94px;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
.cashier-affiliate .input{height:50px}
.cashier-affiliate-apply{border:0;border-radius:8px;background:linear-gradient(180deg,#31d46f,#24b95f);color:#fff;font:1000 13px/1 inherit;cursor:pointer;box-shadow:0 12px 28px rgba(34,197,94,.22)}
.cashier-affiliate-apply:hover{filter:brightness(1.06)}
.cashier-affiliate-linked{margin-top:22px;padding:13px 14px;border:1px solid rgba(34,197,94,.28);border-radius:9px;background:rgba(34,197,94,.09);color:#bbf7d0;font-weight:1000}
/* JungleBlox wallet */
.modal.modal-wallet-cashier{width:min(1020px,calc(100vw - 28px));max-width:1020px;max-height:calc(100vh - 28px);overflow:hidden;padding:0;background:transparent;border:0;box-shadow:none}
.jb-wallet-shell{width:100%;min-height:610px;display:grid;grid-template-columns:400px minmax(0,1fr);overflow:hidden;border:1px solid rgba(167,145,224,.28);border-radius:18px;background:#29243b;box-shadow:0 30px 100px rgba(7,5,14,.7),0 0 0 1px rgba(255,255,255,.025) inset;animation:jbWalletOpen .28s cubic-bezier(.2,.75,.25,1)}
@keyframes jbWalletOpen{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.jb-wallet-showcase{position:relative;min-height:610px;overflow:hidden;padding:28px;background:radial-gradient(circle at 50% 86%,rgba(var(--accent-rgb),.2),transparent 42%),linear-gradient(155deg,#1c1929 0%,#242036 52%,#17151f 100%);border-right:1px solid rgba(255,255,255,.07)}
.jb-wallet-showcase-content{position:relative;z-index:2;min-height:554px}
.jb-wallet-grid-glow{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(151,131,211,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(151,131,211,.2) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(180deg,#000,transparent 62%)}
.jb-wallet-showcase::after{content:"";position:absolute;inset:auto -25% -42% -25%;height:72%;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.32),rgba(88,70,139,.14) 40%,transparent 70%);filter:blur(10px);pointer-events:none}
.jb-wallet-logo{position:relative;z-index:2;width:205px;max-height:88px;display:block;object-fit:contain;margin:0 auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
.jb-wallet-logo.compact{width:174px;max-height:66px;margin-bottom:14px}
.jb-wallet-showcase-copy{position:relative;z-index:2;margin-top:96px;text-align:center}
.jb-wallet-showcase-copy>span{display:block;margin-bottom:8px;color:var(--accent);font-size:10px;font-weight:1000;letter-spacing:1.6px;text-transform:uppercase}
.jb-wallet-showcase-copy strong{display:block;color:#fff;font-size:35px;line-height:.98;font-weight:1000;letter-spacing:-1.5px;text-transform:uppercase;text-shadow:0 6px 22px rgba(0,0,0,.35)}
.jb-wallet-showcase-copy p{max-width:225px;margin:14px auto 0;color:#b5aecb;font-size:11.5px;font-weight:750;line-height:1.5}
.jb-wallet-floating-coins{position:absolute;z-index:3;inset:auto 0 0;height:190px;pointer-events:none}
.jb-wallet-floating-coins>span{position:absolute;display:block;filter:drop-shadow(0 16px 20px rgba(0,0,0,.42));animation:jbWalletFloat 4.8s ease-in-out infinite}
.jb-wallet-floating-coins>span:nth-child(1){left:102px;bottom:-12px;animation-delay:-.6s}
.jb-wallet-floating-coins>span:nth-child(2){left:28px;bottom:54px;animation-delay:-2.1s}
.jb-wallet-floating-coins>span:nth-child(3){right:25px;bottom:62px;animation-delay:-3.4s}
@keyframes jbWalletFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}
.jb-wallet-panel{min-width:0;background:linear-gradient(180deg,#302a45 0%,#272238 100%)}
.jb-wallet-head{height:76px;display:flex;align-items:center;gap:16px;padding:0 18px 0 22px;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(50,44,71,.92)}
.jb-wallet-title{display:flex;align-items:center;gap:9px;color:#fff;font-size:17px;font-weight:1000;letter-spacing:.5px;text-transform:uppercase}
.jb-wallet-title svg{color:var(--accent)}
.jb-wallet-tabs{display:flex;gap:5px;margin-left:auto;padding:4px;border:1px solid rgba(255,255,255,.085);border-radius:10px;background:#272337}
.jb-wallet-tabs button{min-width:92px;height:38px;padding:0 15px;border:0;border-radius:7px;background:transparent;color:#aca5bf;font:900 11px/1 inherit;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.jb-wallet-tabs button:hover{color:#fff;background:rgba(255,255,255,.05)}
.jb-wallet-tabs button.on{color:#fff;background:linear-gradient(180deg,#4a4168,#3c3556);box-shadow:0 6px 16px rgba(13,9,25,.24),inset 0 -2px 0 var(--accent)}
.jb-wallet-close{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#3a344c;color:#bdb6cd;font:500 25px/1 inherit;cursor:pointer;transition:.18s ease}
.jb-wallet-close:hover{color:#fff;border-color:rgba(255,255,255,.2);background:#48405f;transform:rotate(90deg)}
.jb-wallet-body{height:534px;box-sizing:border-box;overflow:auto;padding:22px;scrollbar-width:thin;scrollbar-color:#554b74 transparent}
.jb-wallet-intro{margin-bottom:17px}
.jb-wallet-intro>span{display:block;margin-bottom:5px;color:var(--accent);font-size:9px;font-weight:1000;letter-spacing:1.25px;text-transform:uppercase}
.jb-wallet-intro strong{display:block;color:#fff;font-size:19px;font-weight:1000}
.jb-wallet-intro p{margin:5px 0 0;color:#aaa3bc;font-size:11.5px;font-weight:750}
.jb-wallet-coin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.jb-wallet-coin{position:relative;min-width:0;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:11px 8px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:linear-gradient(180deg,#3a344d,#342e46);color:#fff;text-align:center;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.jb-wallet-coin:hover{transform:translateY(-3px);border-color:rgba(190,176,229,.28);background:linear-gradient(180deg,#443c5b,#39324d);box-shadow:0 12px 24px rgba(13,9,23,.25)}
.jb-wallet-coin.on{border-color:rgba(var(--accent-rgb),.55);background:linear-gradient(180deg,rgba(var(--accent-rgb),.13),#3a334e);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.08),0 12px 28px rgba(10,7,18,.3)}
.jb-wallet-coin.disabled{opacity:.45;cursor:not-allowed;filter:saturate(.45)}
.jb-wallet-coin.disabled:hover{transform:none;box-shadow:none}
.jb-wallet-coin .crypto-art{filter:drop-shadow(0 6px 9px rgba(0,0,0,.34))}
.jb-wallet-coin-name{display:block;max-width:105px;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:11px;font-weight:950;white-space:nowrap}
.jb-wallet-coin-code{display:block;margin-top:2px;color:#aaa3bb;font-size:8.5px;font-weight:900;letter-spacing:.5px}
.jb-wallet-selected,.jb-wallet-unavailable{position:absolute;top:7px;right:7px;padding:3px 5px;border-radius:5px;font-size:6.5px;font-weight:1000;letter-spacing:.35px;text-transform:uppercase}
.jb-wallet-selected{background:rgba(var(--accent-rgb),.14);color:#bdffcf}
.jb-wallet-unavailable{background:rgba(251,191,36,.1);color:#fde68a}
.is-withdraw .jb-wallet-coin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.is-withdraw .jb-wallet-coin{min-height:68px;flex-direction:row;justify-content:flex-start;padding:11px 13px;text-align:left}
.is-withdraw .jb-wallet-coin-name{font-size:12px}
.jb-wallet-choice-hint{height:54px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;border:1px dashed rgba(255,255,255,.11);border-radius:10px;color:#918a9f;font-size:10.5px;font-weight:850}
.jb-wallet-choice-hint span{color:var(--accent);font-size:16px;animation:jbWalletNudge 1.5s ease-in-out infinite}
@keyframes jbWalletNudge{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
.jb-wallet-detail{margin-top:16px;overflow:hidden;border:1px solid rgba(255,255,255,.095);border-radius:12px;background:#241f34;box-shadow:0 15px 34px rgba(11,8,20,.2);animation:jbWalletReveal .38s cubic-bezier(.18,.78,.24,1)}
@keyframes jbWalletReveal{from{opacity:0;transform:translateY(14px);clip-path:inset(0 0 35% 0 round 12px)}to{opacity:1;transform:none;clip-path:inset(0 round 12px)}}
.jb-wallet-detail-head{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07);background:#312b44}
.jb-wallet-detail-coin{display:flex;align-items:center;gap:10px;min-width:0}
.jb-wallet-detail-coin strong{display:block;color:#fff;font-size:13px;font-weight:1000}
.jb-wallet-detail-coin span{display:block;margin-top:3px;color:#9e97b0;font-size:9px;font-weight:800}
.jb-wallet-secure{display:flex;align-items:center;gap:6px;color:#aaa3b8;font-size:8px;font-weight:900;text-transform:uppercase;white-space:nowrap}
.jb-wallet-secure i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px rgba(var(--accent-rgb),.75)}
.jb-wallet-status{min-height:120px;display:flex;align-items:center;justify-content:center;gap:14px;padding:20px;color:#a9a2b8;text-align:left}
.jb-wallet-status strong{display:block;color:#fff;font-size:13px}
.jb-wallet-status p{margin:4px 0 0;font-size:10.5px;line-height:1.45}
.jb-wallet-loader{width:34px;height:34px;flex:0 0 34px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}
.jb-wallet-status-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:50%;background:rgba(239,68,68,.12);color:#fca5a5;font-weight:1000}
.jb-wallet-retry{margin-top:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#443b5d;color:#fff;font:900 9px/1 inherit;cursor:pointer}
.jb-wallet-deposit-grid{display:grid;grid-template-columns:162px minmax(0,1fr);gap:17px;align-items:center;padding:18px}
.jb-wallet-qr-stage{position:relative;display:grid;place-items:center;min-height:162px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:13px;background:radial-gradient(circle,rgba(var(--accent-rgb),.1),transparent 66%);box-shadow:inset 0 0 22px rgba(var(--accent-rgb),.05)}
.jb-wallet-qr{width:136px;height:136px;display:grid;place-items:center;padding:7px;border-radius:11px;background:#fff;box-shadow:0 10px 26px rgba(5,3,10,.35)}
.jb-wallet-qr img{width:100%;height:100%;display:block;border-radius:5px}
.jb-wallet-qr-stage>span{position:absolute;right:8px;bottom:8px;padding:3px 6px;border-radius:5px;background:#312a45;color:#fff;font-size:7px;font-weight:1000}
.jb-wallet-field-label{display:block;margin-bottom:7px;color:#d8d3e3;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.55px}
.jb-wallet-address{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;padding:5px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#1d192a}
.jb-wallet-address code{min-width:0;padding:0 7px;overflow:hidden;color:#d8d2e7;font:800 10px/1.4 ui-monospace,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}
.jb-wallet-address button{height:36px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:#443b5d;color:#fff;font:900 8px/1 inherit;cursor:pointer}
.jb-wallet-address button:hover{background:#51466f}
.jb-wallet-address-pane>p{margin:10px 0;color:#9992a8;font-size:9.5px;font-weight:750;line-height:1.45}
.jb-wallet-network-note{padding:9px 10px;border-radius:8px;background:rgba(251,191,36,.07);border:1px solid rgba(251,191,36,.14);color:#d8cda9;font-size:8.5px;font-weight:800;line-height:1.45}
.jb-wallet-withdraw-form{padding:16px}
.jb-wallet-withdraw-form .input{height:44px;background:#1d192a;border-color:rgba(255,255,255,.1)}
.jb-wallet-withdraw-form .cashier-input-label{margin-top:11px;font-size:9px}
.jb-wallet-withdraw-form .cashier-withdraw-grid{margin-top:12px}
.jb-wallet-withdraw-warning{margin-top:12px;color:#aaa3b5;font-size:9px;font-weight:750;line-height:1.45}
.jb-wallet-submit{width:100%;height:44px;margin-top:13px;border:1px solid rgba(var(--accent-rgb),.45);border-radius:9px;background:linear-gradient(180deg,#29cb63,#20aa53);color:#07150b;font:1000 11px/1 inherit;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 24px rgba(var(--accent-rgb),.18)}
.jb-wallet-submit:hover{filter:brightness(1.07);transform:translateY(-1px)}
.jb-wallet-request-status{min-height:14px;margin-top:8px;color:#aaa3b5;font-size:9px;text-align:center}
.jb-wallet-empty{padding:40px;text-align:center;color:#aaa3b8;font-size:12px}
.jb-wallet-showcase-result{position:relative;z-index:3;animation:jbWalletReveal .38s cubic-bezier(.18,.78,.24,1)}
.jb-wallet-showcase-heading{display:flex;align-items:center;gap:13px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.075)}
.jb-wallet-showcase-heading .crypto-art{filter:drop-shadow(0 7px 10px rgba(0,0,0,.35))}
.jb-wallet-showcase-heading span{display:block;color:var(--accent);font-size:9px;font-weight:1000;letter-spacing:1px;text-transform:uppercase}
.jb-wallet-showcase-heading strong{display:block;margin-top:3px;color:#fff;font-size:19px;font-weight:1000}
.jb-wallet-showcase-heading small{display:block;margin-top:4px;color:#b9b1c9;font-size:10px;font-weight:800}
.jb-wallet-showcase-qr{position:relative;width:250px;height:250px;display:grid;place-items:center;margin:0 auto 20px;border:1px solid rgba(var(--accent-rgb),.25);border-radius:19px;background:radial-gradient(circle,rgba(var(--accent-rgb),.13),transparent 70%);box-shadow:inset 0 0 32px rgba(var(--accent-rgb),.07),0 16px 36px rgba(7,5,14,.2)}
.jb-wallet-showcase-qr .jb-wallet-qr{width:220px;height:220px;padding:9px;border-radius:14px}
.jb-wallet-showcase-qr>span{position:absolute;right:10px;bottom:10px;padding:4px 8px;border-radius:6px;background:#3d3555;color:#fff;font-size:8px;font-weight:1000}
.jb-wallet-address.is-showcase{grid-template-columns:1fr;gap:8px;padding:8px;background:rgba(16,13,24,.62)}
.jb-wallet-address.is-showcase code{min-height:54px;display:flex;align-items:center;padding:9px 10px;color:#f0ebf8;font-size:11.5px;line-height:1.5;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.jb-wallet-address.is-showcase button{width:100%;height:40px;padding:0 12px;justify-content:center;font-size:9px}
.jb-wallet-address.is-showcase button span{display:inline}
.jb-wallet-showcase-help{margin:11px 0;color:#b3acc0;font-size:10.5px;font-weight:750;line-height:1.55}
.jb-wallet-showcase-result .jb-wallet-network-note{padding:11px 12px;font-size:9.5px;line-height:1.5}
.jb-wallet-showcase-message{min-height:310px;display:flex;align-items:center;justify-content:center;gap:13px;color:#aaa3b8;text-align:left}
.jb-wallet-showcase-message strong{display:block;color:#fff;font-size:13px}
.jb-wallet-showcase-message p{margin:4px 0 0;font-size:10px;line-height:1.45}
.jb-wallet-withdraw-form.is-showcase{padding:0}
.jb-wallet-withdraw-form.is-showcase .input{height:40px;font-size:10px}
.jb-wallet-withdraw-form.is-showcase .cashier-input-label{margin:9px 0 6px;font-size:8px}
.jb-wallet-withdraw-form.is-showcase .cashier-withdraw-grid{gap:6px;margin-top:9px}
.jb-wallet-withdraw-form.is-showcase .cashier-limit{padding:8px}
.jb-wallet-withdraw-form.is-showcase .cashier-limit span{font-size:7px}
.jb-wallet-withdraw-form.is-showcase .cashier-limit b{font-size:9px}
.jb-wallet-withdraw-form.is-showcase .jb-wallet-withdraw-warning{margin-top:9px;font-size:8px}
.jb-wallet-withdraw-form.is-showcase .jb-wallet-submit{height:40px;margin-top:9px;font-size:9px}
.jb-wallet-choice-hint.is-selected{border-style:solid;border-color:rgba(var(--accent-rgb),.22);background:rgba(var(--accent-rgb),.055);color:#c9c2d8}
.jb-wallet-choice-hint.is-selected span{animation:none}
@media(max-width:820px){.modal.modal-wallet-cashier{width:min(640px,calc(100vw - 20px));max-height:calc(100vh - 20px);overflow:auto}.jb-wallet-shell{min-height:0;grid-template-columns:1fr}.jb-wallet-showcase{display:none}.jb-wallet-shell.has-selection .jb-wallet-showcase{display:block;min-height:0;padding:20px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.jb-wallet-shell.has-selection .jb-wallet-showcase-content{min-height:0}.jb-wallet-shell.has-selection .jb-wallet-logo.compact{width:148px;margin-bottom:10px}.jb-wallet-shell.has-selection .jb-wallet-showcase-qr{width:220px;height:220px}.jb-wallet-shell.has-selection .jb-wallet-showcase-qr .jb-wallet-qr{width:194px;height:194px}.jb-wallet-body{height:min(570px,calc(100vh - 96px))}}
@media(max-width:560px){.jb-wallet-head{height:auto;min-height:70px;gap:8px;padding:10px}.jb-wallet-title span{display:none}.jb-wallet-tabs{margin-left:0;flex:1}.jb-wallet-tabs button{min-width:0;flex:1;padding:0 8px}.jb-wallet-body{padding:14px}.jb-wallet-coin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jb-wallet-deposit-grid{grid-template-columns:1fr;padding:14px}.jb-wallet-qr-stage{width:162px;margin:0 auto}.jb-wallet-address button span{display:none}}
.site-footer{max-width:1180px;margin:54px auto 28px;padding:28px 20px 0;border-top:1px solid var(--border);color:#fff}
.site-footer-content{display:grid;grid-template-columns:minmax(270px,430px) minmax(0,760px);gap:34px;align-items:start}
.site-footer-brand{max-width:430px}
.site-footer-logo{width:230px;max-width:100%;display:block;margin:0 0 12px}
.site-footer-disclaimer{margin:0;color:#fff;font-size:13px;line-height:1.48;font-weight:1000;text-shadow:0 2px 14px rgba(0,0,0,.24)}
.site-footer-inner{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:26px;align-items:start;justify-content:end;margin-left:0;width:100%}
.footer-col{display:flex;flex-direction:column;gap:9px}
.footer-heading{color:var(--accent-soft);font-size:13px;font-weight:1000;letter-spacing:.6px;text-transform:uppercase;margin-bottom:4px}
.footer-link{appearance:none;border:0;background:transparent;padding:0;width:max-content;max-width:100%;color:#fff;font:1000 12px/1.3 inherit;text-align:left;text-decoration:none;text-transform:uppercase;cursor:pointer;opacity:.95}
.footer-link strong{font-weight:1000}
.footer-link:hover{color:var(--accent-soft);opacity:1}
.legal-page{max-width:980px;margin:0 auto}
.legal-content{padding:26px;line-height:1.72;color:#d8d2f1}
.legal-content h2{margin:24px 0 10px;color:#fff;font-size:24px;font-weight:1000}
.legal-content h2:first-child{margin-top:0}
.legal-content h3{margin:22px 0 8px;color:#fff;font-size:18px;font-weight:1000}
.legal-content h4{margin:18px 0 7px;color:#fff;font-size:15px;font-weight:1000}
.legal-content p{margin:0 0 13px}
.legal-content ul{margin:0 0 16px 20px;padding:0}
.legal-content li{margin:6px 0}
.legal-content hr{border:0;border-top:1px solid var(--border);margin:22px 0}
.legal-content strong{color:#fff;font-weight:1000}
@media(max-width:900px){.site-footer-content{grid-template-columns:1fr}.site-footer-brand{max-width:680px}.site-footer-inner{width:100%}}
@media(max-width:760px){.site-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.site-footer{margin-top:36px}.site-footer-logo{width:190px}}
@media(max-width:430px){.site-footer-inner{grid-template-columns:1fr}}
.maintenance-lock nav,
.maintenance-lock #chatPanel,
.maintenance-lock #siteFooter,
.maintenance-lock #liveStatsWidget,
.maintenance-lock #gamesMenu{display:none!important}
.maintenance-lock{padding-top:0!important}
.maintenance-lock main{padding:0!important;margin:0!important;max-width:none!important}
.maintenance-page{min-height:100vh;display:grid;place-items:center;padding:28px;position:relative;overflow:hidden;text-align:center}
.maintenance-page::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(var(--accent-rgb),.16),transparent 40%),linear-gradient(180deg,rgba(55,49,81,.76),rgba(31,27,48,.9));pointer-events:none}
.maintenance-card{position:relative;z-index:1;width:min(720px,100%);padding:0;text-align:center;background:transparent;border:0;box-shadow:none}
.maintenance-mark{display:none}
.maintenance-title{font-size:34px;font-weight:1000;letter-spacing:.2px;color:#fff;text-shadow:0 4px 22px rgba(0,0,0,.42)}
.maintenance-msg{margin:12px auto 0;max-width:620px;color:#e4dfff;font-size:16px;line-height:1.65;font-weight:800;white-space:pre-wrap;text-shadow:0 3px 16px rgba(0,0,0,.38)}
.maintenance-login-btn{position:fixed;z-index:20;top:18px;right:18px;padding:11px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(75,66,112,.64);color:#fff;font:900 12px/1 inherit;cursor:pointer;box-shadow:0 12px 34px rgba(20,14,36,.38)}
.maintenance-login-btn:hover{background:rgba(90,78,135,.8);border-color:rgba(255,255,255,.2)}
@media(max-width:650px){.wallet-window{margin:4px auto 24px}.wallet-content{padding:14px}.wallet-coin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-detail-body{grid-template-columns:1fr}.wallet-qr{width:164px;margin:auto}.wallet-tabs button{font-size:10px;padding-inline:4px}.deposit-focus-head{padding:0 18px}.deposit-focus-body{padding:18px}.deposit-top-grid{grid-template-columns:1fr}.deposit-info-panel{grid-template-columns:1fr}.deposit-info-panel .qr-box{margin:auto}.cashier-head{padding:18px}.cashier-body,.cashier-detail-body,.cashier-withdraw-card{padding:16px}.cashier-grid{grid-template-columns:1fr}.cashier-form-grid,.cashier-qr-row,.cashier-withdraw-grid{grid-template-columns:1fr}.cashier-qr-row .qr-box{margin:auto}.cashier-method{min-height:66px}.cashier-tabs{gap:5px}.cashier-tab{font-size:12px}}

/* Blackjack card face and table correction */
.bj-table{display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;padding:34px 54px 44px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.bj-table .hand-zone{display:grid!important;justify-items:center!important;align-content:center!important;width:100%;max-width:760px!important;min-height:170px!important;margin:0 auto!important;padding:0!important;text-align:center!important}
.bj-table .hand-zone:first-child{align-self:center!important;margin-top:4px!important}
.bj-table .hand-zone:nth-child(2){align-self:center!important;margin-bottom:0!important}
.bj-shell .cards{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;min-height:158px!important;gap:0!important}
.bj-shell .pcard{position:relative!important;display:block!important;width:104px!important;height:148px!important;margin:0!important;padding:0!important;border-radius:8px!important;background:linear-gradient(145deg,#ffffff 0%,#f2f1f7 58%,#e4e1ed 100%)!important;color:#2b2a31!important;border:1px solid rgba(25,20,35,.08)!important;box-shadow:0 18px 32px rgba(0,0,0,.32)!important;overflow:hidden!important}
.bj-shell .pcard + .pcard{margin-left:-34px!important;z-index:2!important}
.bj-shell .pcard .r{position:absolute!important;left:14px!important;top:12px!important;font-family:'Russo One',sans-serif!important;font-size:28px!important;line-height:1!important;color:inherit!important;text-align:left!important}
.bj-shell .pcard .s{position:absolute!important;left:15px!important;top:43px!important;font-size:26px!important;line-height:1!important;color:inherit!important;text-align:left!important}
.bj-shell .pcard.red{color:#e11d2e!important}
.bj-shell .pcard.back{background:linear-gradient(145deg,#62568e,#3d345b)!important;border-color:rgba(255,255,255,.13)!important}
.bj-shell .pcard.back::before{content:"";position:absolute;inset:10px;border-radius:6px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08)}
.bj-shell .pcard.back::after{display:none!important}
.bj-table .hand-zone.result-win .ztitle,.bj-table .hand-zone.result-win .score-pill{background:rgba(34,197,94,.18)!important;border-color:rgba(34,197,94,.55)!important;color:#a7f3d0!important;box-shadow:0 0 18px rgba(34,197,94,.18)!important}
.bj-table .hand-zone.result-lose .ztitle,.bj-table .hand-zone.result-lose .score-pill{background:rgba(239,68,68,.16)!important;border-color:rgba(239,68,68,.52)!important;color:#fecaca!important;box-shadow:0 0 18px rgba(239,68,68,.14)!important}
.modal.modal-vault{width:min(720px,calc(100vw - 24px))!important;max-width:720px!important;background:#211b35!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 28px 80px rgba(10,6,22,.58)!important;backdrop-filter:none!important}
.modal.modal-vault::before,.modal.modal-vault::after{display:none!important}
/* Chat row bubbles and solid vault modal correction */
.chat-msg{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  padding:8px 9px!important;
  box-shadow:none!important;
  margin:1px 0!important;
}
.chat-msg:hover{background:rgba(255,255,255,.065)!important}
.chat-msg.me{
  background:rgba(255,255,255,.055)!important;
  box-shadow:inset 2px 0 0 rgba(255,255,255,.18)!important;
}
.chat-msg .cm-body,
.chat-msg.me .cm-body{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  border-radius:0!important;
}
.chat-msg .cm-name{color:#fff!important;font-weight:900!important}
#modal:has(#vault-amt){
  width:min(720px,calc(100vw - 24px))!important;
  max-width:720px!important;
  padding:0!important;
  background:#373151!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 28px 90px rgba(13,9,25,.62)!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
#modal:has(#vault-amt) .vault-shell,
#modal:has(#vault-amt) .vault-modal,
#modal:has(#vault-amt) .vault-panel{
  background:#373151!important;
}
/* Premium battle visual pass */
.battle-page{
  min-height:calc(100vh - 90px);
  padding-bottom:42px;
  background-color:#211a34!important;
  background-image:
    radial-gradient(circle at 18% 18%,rgba(90,78,135,.30),transparent 34%),
    radial-gradient(circle at 84% 10%,rgba(34,197,94,.10),transparent 28%),
    radial-gradient(circle at 55% 96%,rgba(251,191,36,.08),transparent 30%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%235A4E87' stroke-width='3' opacity='.28'%3E%3Cpath d='M28 28c22 20 26 50 8 82C12 78 13 48 28 28Z'/%3E%3Cpath d='M34 36c-2 23-1 44 1 65'/%3E%3Cpath d='M124 20c25 22 28 57 7 90-27-37-25-72-7-90Z'/%3E%3Cpath d='M130 30c-4 28-4 53 0 75'/%3E%3Cpath d='M88 108c20 18 22 45 6 72-22-31-20-58-6-72Z'/%3E%3Cpath d='M93 116c-3 21-3 40 0 58'/%3E%3C/g%3E%3C/svg%3E");
  background-size:auto,auto,auto,220px 220px!important;
}
.battle-page>.h1,.battle-page .h1{
  color:#fff!important;
  text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 24px rgba(154,132,232,.22);
}
.battle-page .battle-list-surface{
  max-width:1190px;
  margin:0 auto;
  padding:12px!important;
  border-radius:18px!important;
  background:
    linear-gradient(90deg,rgba(251,191,36,.055),transparent 22%,transparent 78%,rgba(34,197,94,.045)),
    linear-gradient(180deg,rgba(55,49,81,.84),rgba(30,24,48,.78))!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 24px 70px rgba(15,10,30,.36), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.battle-page .battle-list-surface::before{
  background:
    radial-gradient(circle at 20% 0,rgba(154,132,232,.18),transparent 38%),
    linear-gradient(90deg,rgba(251,191,36,.08),transparent 16%,transparent 84%,rgba(251,191,36,.06))!important;
}
.battle-page .battle-list-title{
  max-width:1190px;
  margin:28px auto 12px!important;
  color:#fff!important;
  font-size:18px;
  font-weight:1000;
}
.battle-page .bcard{
  position:relative;
  min-height:98px;
  grid-template-columns:160px minmax(310px,.9fr) minmax(420px,1.25fr) 74px!important;
  gap:14px!important;
  padding:0 14px 0 22px!important;
  overflow:hidden;
  border-radius:16px!important;
  background:
    linear-gradient(90deg,rgba(251,191,36,.08) 0,transparent 16%,rgba(154,132,232,.10) 48%,rgba(34,197,94,.06) 100%),
    linear-gradient(180deg,#433A63,#302845 70%,#251f39)!important;
  border:1px solid rgba(251,191,36,.22)!important;
  box-shadow:0 20px 46px rgba(15,10,30,.34), inset 0 1px 0 rgba(255,255,255,.065)!important;
}
.battle-page .bcard::before,
.battle-page .bcard::after{
  content:"";
  position:absolute;
  top:16px;
  bottom:16px;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg,transparent,rgba(251,191,36,.75),transparent);
  opacity:.55;
  pointer-events:none;
}
.battle-page .bcard::before{left:42%}
.battle-page .bcard::after{right:72px}
.battle-page .bcard:hover{
  transform:translateY(-2px);
  border-color:rgba(251,191,36,.46)!important;
  box-shadow:0 24px 58px rgba(15,10,30,.42),0 0 32px rgba(251,191,36,.08)!important;
}
.battle-page .bcard-meta{min-width:0}
.battle-page .bcard-price{
  color:#fff!important;
  font-size:16px!important;
  letter-spacing:.02em;
}
.battle-page .bcard-price::before{
  content:"$";
  color:#FBBF24;
  margin-right:7px;
  text-shadow:0 0 14px rgba(251,191,36,.38);
}
.battle-page .bcard-tags{
  color:#FBBF24!important;
  font-weight:1000!important;
  line-height:1.25;
}
.battle-page .bcard-players{
  gap:7px!important;
  min-width:0;
  flex-wrap:nowrap!important;
}
.battle-page .bcard-av{
  width:var(--avatar-size,42px)!important;
  height:var(--avatar-size,42px)!important;
  border-radius:10px!important;
  border:1px solid rgba(251,191,36,.70)!important;
  background:#2b2442!important;
  box-shadow:0 0 0 2px rgba(251,191,36,.09),0 8px 18px rgba(0,0,0,.22)!important;
}
.battle-page .bcard-vs{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:999px;
  color:#FBBF24!important;
  background:rgba(22,17,33,.72);
  border:1px solid rgba(251,191,36,.24);
  text-shadow:0 0 14px rgba(251,191,36,.36);
}
.battle-page .bcard-packs{
  align-self:stretch;
  height:100%;
  min-height:86px;
  margin-left:0!important;
  justify-content:flex-start!important;
  padding:12px 20px!important;
  border-radius:0;
  background:
    radial-gradient(circle at 50% 50%,rgba(251,191,36,.13),transparent 50%),
    linear-gradient(90deg,rgba(39,31,58,.42),rgba(90,78,135,.36),rgba(39,31,58,.42))!important;
  border-left:1px solid rgba(255,255,255,.06);
  border-right:1px solid rgba(255,255,255,.06);
}
.battle-page .bcard-pack{
  width:58px!important;
  height:72px!important;
  margin-left:-7px!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:#171225!important;
  box-shadow:0 12px 24px rgba(0,0,0,.28),0 0 18px rgba(154,132,232,.10)!important;
  transform:rotate(-2deg);
}
.battle-page .bcard-pack:nth-child(even){transform:rotate(2deg) translateY(1px)}
.battle-page .bcard-pack:first-child{margin-left:0!important}
.battle-page .bcard-pack img{
  object-fit:cover!important;
  filter:saturate(1.12) contrast(1.04);
}
.battle-page .bcard-more{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:999px;
  background:#211b35;
  border:1px solid rgba(251,191,36,.24);
  color:#FBBF24!important;
  margin-left:8px;
}
.battle-page .bcard-act .btn{
  width:52px;
  height:44px;
  padding:0!important;
  border-radius:12px!important;
  color:#fff!important;
  background:linear-gradient(180deg,#5A4E87,#433A63)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.battle-create-page{
  max-width:1190px!important;
}
.battle-create-head,
.battle-create-panel,
.battle-pack-builder,
.battle-create-footer{
  background:linear-gradient(180deg,#302846,#211b35)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:0 20px 55px rgba(15,10,30,.30),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.battle-create-controls{
  gap:14px!important;
}
.battle-control-block,
.battle-mode-card,
.battle-selected-pack{
  background:linear-gradient(180deg,#433A63,#31294b)!important;
  border-color:rgba(255,255,255,.10)!important;
}
.battle-mode-card.on,
.battle-type-tabs button.on,
.battle-format-row button.on{
  background:linear-gradient(180deg,#22C55E,#159447)!important;
  color:#fff!important;
  border-color:rgba(34,197,94,.70)!important;
  box-shadow:0 0 26px rgba(34,197,94,.22)!important;
}
.battle-add-pack{
  min-height:178px!important;
  background:linear-gradient(180deg,rgba(75,66,112,.56),rgba(33,27,53,.84))!important;
  border:1px dashed rgba(251,191,36,.30)!important;
  box-shadow:inset 0 0 40px rgba(251,191,36,.04)!important;
}
.battle-add-pack .plus{
  background:linear-gradient(180deg,#5A4E87,#373151)!important;
  color:#fff!important;
  box-shadow:0 0 24px rgba(154,132,232,.18);
}
.battle-pack-picker{
  width:min(900px,calc(100vw - 36px));
}
.modal-battle-picker .modal-box,
.modal-battle-picker .modal-card,
.battle-pack-picker{
  background:linear-gradient(180deg,#211b35,#171225)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 28px 90px rgba(8,5,18,.56)!important;
}
.battle-picker-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
.battle-picker-card{
  position:relative;
  min-height:244px!important;
  padding:16px 14px!important;
  border-radius:16px!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 28%,rgba(251,191,36,.10),transparent 43%),
    linear-gradient(180deg,#4B4270,#302846 72%,#211b35)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 18px 38px rgba(11,7,23,.32),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.battle-picker-card::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  bottom:62px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,255,255,.16),#FBBF24,rgba(255,255,255,.16));
  box-shadow:0 0 16px rgba(251,191,36,.28);
}
.battle-picker-card:hover{
  transform:translateY(-4px);
  border-color:rgba(251,191,36,.48)!important;
  box-shadow:0 24px 54px rgba(11,7,23,.42),0 0 34px rgba(251,191,36,.11)!important;
}
.battle-picker-card .pack-art,
.battle-selected-pack .pack-art{
  max-width:154px!important;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.30)) saturate(1.1);
}
.battle-picker-card .count,
.battle-selected-pack .pack-count{
  background:#22C55E!important;
  color:#07130b!important;
  border:0!important;
  box-shadow:0 8px 18px rgba(34,197,94,.25)!important;
}
.battle-page .battle-room{
  max-width:1220px!important;
}
.battle-page .battle-topbar{
  background:
    linear-gradient(90deg,rgba(251,191,36,.06),transparent 20%,transparent 80%,rgba(34,197,94,.05)),
    linear-gradient(180deg,#433A63,#302846)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 20px 55px rgba(14,9,27,.34),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.battle-page .battle-stage{
  background:
    radial-gradient(circle at 50% 0,rgba(154,132,232,.18),transparent 38%),
    linear-gradient(180deg,#302846,#211b35 58%,#171225)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 26px 78px rgba(10,7,22,.42),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.battle-page .battle-stage .pname{
  background:linear-gradient(180deg,rgba(75,66,112,.92),rgba(43,37,66,.84))!important;
}
.battle-page .battle-stage.battle-flat .player{
  background:linear-gradient(180deg,rgba(75,66,112,.34),rgba(23,18,37,.54))!important;
  border-color:rgba(255,255,255,.08)!important;
}
.battle-page .battle-stage .breel-mask{
  background:
    linear-gradient(180deg,rgba(49,40,70,.35),rgba(23,18,37,.52))!important;
}
.battle-page .battle-stage .breel-item.battle-clean,
.battle-page .battle-stage .pull{
  background:linear-gradient(180deg,#2e2847,#211b35)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.battle-page .reel-item.rarity-grey,
.battle-page .breel-item.rarity-grey,
.battle-page .pull.rarity-grey{
  background:radial-gradient(circle at 50% 34%,rgba(148,163,184,.18),transparent 56%),linear-gradient(180deg,#323449,#211b35)!important;
  border-color:rgba(148,163,184,.52)!important;
  box-shadow:0 0 20px rgba(148,163,184,.22),inset 0 0 22px rgba(148,163,184,.08)!important;
}
.battle-page .reel-item.rarity-green,
.battle-page .breel-item.rarity-green,
.battle-page .pull.rarity-green{
  background:radial-gradient(circle at 50% 34%,rgba(34,197,94,.24),transparent 58%),linear-gradient(180deg,#263f3a,#211b35)!important;
  border-color:rgba(34,197,94,.68)!important;
  box-shadow:0 0 24px rgba(34,197,94,.28),inset 0 0 24px rgba(34,197,94,.10)!important;
}
.battle-page .reel-item.rarity-blue,
.battle-page .breel-item.rarity-blue,
.battle-page .pull.rarity-blue{
  background:radial-gradient(circle at 50% 34%,rgba(59,130,246,.27),transparent 58%),linear-gradient(180deg,#263757,#211b35)!important;
  border-color:rgba(96,165,250,.70)!important;
  box-shadow:0 0 26px rgba(59,130,246,.32),inset 0 0 24px rgba(59,130,246,.10)!important;
}
.battle-page .reel-item.rarity-red,
.battle-page .breel-item.rarity-red,
.battle-page .pull.rarity-red{
  background:radial-gradient(circle at 50% 34%,rgba(239,68,68,.27),transparent 58%),linear-gradient(180deg,#4d293c,#211b35)!important;
  border-color:rgba(248,113,113,.72)!important;
  box-shadow:0 0 28px rgba(239,68,68,.34),inset 0 0 24px rgba(239,68,68,.11)!important;
}
.battle-page .reel-item.rarity-yellow,
.battle-page .breel-item.rarity-yellow,
.battle-page .pull.rarity-yellow{
  background:radial-gradient(circle at 50% 34%,rgba(251,191,36,.30),transparent 60%),linear-gradient(180deg,#54412f,#211b35)!important;
  border-color:rgba(251,191,36,.76)!important;
  box-shadow:0 0 32px rgba(251,191,36,.36),inset 0 0 26px rgba(251,191,36,.12)!important;
}
.battle-page .reel-item.rarity-jackpot,
.battle-page .breel-item.rarity-jackpot,
.battle-page .pull.rarity-jackpot{
  background:radial-gradient(circle at 50% 34%,rgba(34,197,94,.34),transparent 55%),radial-gradient(circle at 52% 30%,rgba(251,191,36,.22),transparent 64%),linear-gradient(180deg,#2b4b3b,#211b35)!important;
  border-color:rgba(34,197,94,.88)!important;
  box-shadow:0 0 38px rgba(34,197,94,.42),0 0 20px rgba(251,191,36,.22),inset 0 0 30px rgba(34,197,94,.14)!important;
}
.battle-page .reel-item[class*="rarity-"] img,
.battle-page .breel-item[class*="rarity-"] img,
.battle-page .pull[class*="rarity-"] img{
  filter:saturate(1.14) contrast(1.04) drop-shadow(0 0 18px rgba(255,255,255,.10))!important;
}
@media(max-width:980px){
  .battle-page .bcard{grid-template-columns:1fr!important;padding:16px!important}
  .battle-page .bcard::before,.battle-page .bcard::after{display:none}
  .battle-page .bcard-packs{min-height:78px;border-radius:12px}
  .battle-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .battle-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* Battle page final visual pass: keep battles dark, solid, and consistent. */
body:has(.battle-page){background:#1b1529!important}
body:has(.battle-page)::before{
  background:
    radial-gradient(760px 420px at -10% -6%,rgba(34,197,94,.12),transparent 60%),
    radial-gradient(760px 440px at 110% 106%,rgba(34,197,94,.10),transparent 58%),
    linear-gradient(180deg,#211936 0%,#181225 100%)!important;
}
body:has(.battle-page)::after{opacity:0!important}
main:has(.battle-page){max-width:1240px;background:transparent!important}
.battle-page{--battle-bg:#1b1529;--battle-panel:#261f39;--battle-card:#332a4a;--battle-hover:#43385f;--battle-border:rgba(255,255,255,.10);--battle-text:#fff;--battle-muted:#c9c3e6;--battle-green:#22c55e;--battle-gold:#fbbf24}
.battle-page .card,
.battle-page .battle-lobby-card,
.battle-page .battle-result-shell,
.battle-page .battle-create-panel,
.battle-page .battle-control-block,
.battle-page .battle-pack-builder,
.battle-page .battle-stage,
.battle-page .battle-jackpot-inline,
.battle-page .battle-pack-picker,
.battle-page .modal.modal-battle-picker,
.battle-page .battle-list-surface{
  background:#261f39!important;
  background-image:none!important;
  border-color:var(--battle-border)!important;
  box-shadow:0 18px 40px rgba(9,6,18,.32)!important;
}
.battle-page .battle-list-surface::before,
.battle-page .battle-stage::before,
.battle-page .battle-result-shell::before,
.battle-page .battle-jackpot-inline::before,
.battle-page .battle-create-panel::before{display:none!important}
.battle-page .battle-type-tabs button,
.battle-page .battle-format-row button,
.battle-page .battle-speed-row button,
.battle-page .battle-mode-card,
.battle-page .battle-control-row,
.battle-page .battle-summary-line,
.battle-page .battle-mini-toggle,
.battle-page .battle-add-pack,
.battle-page .opt{
  background:#332a4a!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.battle-page .battle-type-tabs button.on,
.battle-page .battle-format-row button.on,
.battle-page .battle-speed-row button.on,
.battle-page .battle-mode-card.on{
  background:linear-gradient(180deg,#25d266,#16a34a)!important;
  border-color:rgba(34,197,94,.72)!important;
  color:#fff!important;
  box-shadow:0 12px 22px rgba(34,197,94,.14)!important;
}
.battle-page .battle-mode-card.on .muted,
.battle-page .battle-mode-card.on small{color:rgba(255,255,255,.88)!important}
.battle-page .battle-toggle-pill{background:#211936!important;box-shadow:none!important}
.battle-page .battle-toggle-pill.on{background:#22c55e!important;box-shadow:0 0 0 3px rgba(34,197,94,.10)!important}
.battle-page .battle-selected-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;align-items:start!important}
.battle-page .battle-selected-pack,
.battle-page .battle-picker-card{
  background:#332a4a!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
.battle-page .battle-picker-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  padding-right:0!important;
  scrollbar-gutter:stable!important;
}
.battle-page .battle-picker-grid::-webkit-scrollbar{width:8px}
.battle-page .battle-picker-grid::-webkit-scrollbar-track{background:#1b1529}
.battle-page .battle-picker-grid::-webkit-scrollbar-thumb{background:#5a4e87;border-radius:999px}
.battle-page .modal.modal-battle-picker{background:#1b1529!important;overflow:hidden!important}
.battle-page .battle-stage .team,
.battle-page .battle-result-shell .team{
  background:#1f1830!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
.battle-page .battle-stage .team.win,
.battle-page .battle-result-shell .team.win{
  border-color:rgba(34,197,94,.55)!important;
  box-shadow:0 0 0 1px rgba(34,197,94,.14),0 0 22px rgba(34,197,94,.10)!important;
}
.battle-page .battle-stage .player,
.battle-page .battle-result-shell .player,
.battle-page .jp-cell{
  background:#332a4a!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
.battle-page .jp-cell.jp-landed{border-color:#22c55e!important;box-shadow:0 0 0 1px rgba(34,197,94,.35),0 0 20px rgba(34,197,94,.22)!important}
.battle-page .battle-result-pulls{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:10px}
.battle-page .battle-result-pulls .pull{min-height:86px}
.battle-page .pull,
.battle-page .breel-item,
.battle-page .reel-item{
  box-shadow:inset 0 0 14px rgba(255,255,255,.04)!important;
}
.battle-page .pull img,
.battle-page .breel-item img,
.battle-page .reel-item img{filter:saturate(1.04) contrast(1.03) drop-shadow(0 0 8px rgba(255,255,255,.08))!important}
.battle-page .pull.rarity-legendary img,
.battle-page .breel-item.rarity-legendary img,
.battle-page .reel-item.rarity-legendary img{filter:saturate(1.06) contrast(1.04) drop-shadow(0 0 12px rgba(251,191,36,.28))!important}
.battle-page .pull.rarity-jackpot img,
.battle-page .breel-item.rarity-jackpot img,
.battle-page .reel-item.rarity-jackpot img{filter:saturate(1.08) contrast(1.05) drop-shadow(0 0 12px rgba(34,197,94,.32))!important}
.battle-static-jackpot{margin:0 0 14px!important;padding:16px!important;border-radius:16px!important}
.battle-static-jackpot h2{margin:0 0 10px;text-align:center}
.battle-static-jackpot .jp-wrap{max-width:100%;background:#1b1529!important}
.battle-static-jackpot .jp-strip{justify-content:flex-start!important;transition:none!important}
.battle-static-jackpot .jp-cell{flex:0 0 92px;width:92px}
.battle-page .bcard-av{background-color:#433a63!important;background-size:cover!important;background-position:center!important}
/* Finished battles should look like a locked replay, not a separate result page. */
body:has(.battle-page){background:#171225!important}
body:has(.battle-page)::before{
  background:
    radial-gradient(820px 520px at -12% -8%,rgba(34,197,94,.10),transparent 62%),
    radial-gradient(780px 520px at 112% 104%,rgba(34,197,94,.09),transparent 60%),
    linear-gradient(180deg,#1c162b 0%,#171225 100%)!important;
}
body:has(.battle-page)::after{opacity:0!important;background:none!important}
.battle-page .battle-create-panel,
.battle-page .battle-lobby-card,
.battle-page .battle-stage,
.battle-page .battle-jackpot-inline,
.battle-page .battle-result-shell,
.battle-page .battle-topbar{
  background:#201832!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:0 24px 80px rgba(8,6,18,.38)!important;
}
.battle-page .battle-create-panel::before,
.battle-page .battle-stage::before,
.battle-page .battle-result-shell::before,
.battle-page .battle-lobby-card::before{display:none!important}
.battle-page .battle-control-block,
.battle-page .battle-mode-card,
.battle-page .battle-summary-line,
.battle-page .battle-selected-pack,
.battle-page .battle-picker-card,
.battle-page .battle-stage .team,
.battle-page .battle-stage .player,
.battle-page .jp-cell{
  background:#2a2242!important;
  background-image:none!important;
}
.battle-page .battle-stage .team:not(.win){border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
.battle-page .battle-stage .team.win{
  border-color:#22c55e!important;
  box-shadow:0 0 0 1px rgba(34,197,94,.16),0 0 34px rgba(34,197,94,.22)!important;
}
.battle-page .battle-pull-empty,
.battle-page .pull,
.battle-page .breel-item{
  background:#211a33!important;
  background-image:none!important;
}
.battle-page .battle-frozen-reel{display:flex;align-items:center;justify-content:center}
.battle-final-total{
  display:grid;
  place-items:center;
  min-height:132px;
  width:100%;
  border-radius:18px;
  background:radial-gradient(circle at 50% 50%,rgba(34,197,94,.12),rgba(33,26,51,.92) 68%)!important;
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
}
.battle-final-total span{
  color:#c9c3e6;
  font-size:11px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.battle-final-total b{
  color:#a3ff4f;
  font-size:26px;
  font-weight:1000;
  line-height:1;
  text-shadow:0 0 16px rgba(163,255,79,.22);
}
.battle-static-jackpot .jp-strip{justify-content:flex-start!important}

/* Final battle polish: dark, stable battle surfaces without the old tiled leaf panel. */
body:has(.battle-page){
  background:#171225!important;
}
body:has(.battle-page)::after{
  opacity:0!important;
  background:none!important;
}
.battle-page{
  background:#171225!important;
  background-image:none!important;
  color:#fff!important;
}
.battle-page *{
  font-weight:800;
}
.battle-page .battle-create-panel,
.battle-page .battle-stage,
.battle-page .battle-topbar,
.battle-page .battle-jackpot-inline,
.battle-page .battle-static-jackpot,
.battle-page .battle-result-shell{
  background:linear-gradient(180deg,#211936 0%,#191329 100%)!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 24px 70px rgba(5,3,12,.38)!important;
}
.battle-page .battle-create-panel::before,
.battle-page .battle-stage::before,
.battle-page .battle-result-shell::before,
.battle-page .battle-jackpot-inline::before,
.battle-page .battle-static-jackpot::before{
  display:none!important;
}
.battle-page .battle-pack-strip,
.battle-page .battle-pack-area,
.battle-page .battle-summary-line,
.battle-page .battle-control-block,
.battle-page .battle-mode-card,
.battle-page .battle-selected-pack,
.battle-page .battle-picker-card,
.battle-page .team,
.battle-page .player{
  background:#2a2242!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}
.battle-page .battle-mode-card.on,
.battle-page .battle-control-block.on,
.battle-page .opt.on{
  background:linear-gradient(180deg,#22c55e,#16a34a)!important;
  border-color:rgba(34,197,94,.75)!important;
  color:#fff!important;
}
.battle-page .battle-stage{
  padding:18px!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.battle-page .battle-stage.battle-flat .player{
  background:linear-gradient(180deg,#2f2750 0%,#211a35 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}
.battle-page .battle-stage.battle-flat .team:not(.win) .player{
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}
.battle-page .battle-stage.battle-flat .team.win .player{
  border-color:#22c55e!important;
  box-shadow:0 0 0 1px rgba(34,197,94,.22),0 0 28px rgba(34,197,94,.22)!important;
}
.battle-page .battle-stage .pname{
  background:#30284d!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.battle-page .battle-stage .breel-mask{
  background:linear-gradient(180deg,#1a1428,#151021)!important;
}
.battle-page .battle-stage .breel-mask::before{
  background:linear-gradient(180deg,rgba(23,18,37,.9),rgba(23,18,37,0))!important;
}
.battle-page .battle-stage .breel-mask::after{
  background:linear-gradient(0deg,rgba(23,18,37,.9),rgba(23,18,37,0))!important;
}
.battle-page .battle-stage .pull,
.battle-page .battle-pull-empty,
.battle-page .battle-stage .breel-item.battle-clean{
  background:linear-gradient(180deg,#211a33,#171225)!important;
  border-color:rgba(255,255,255,.07)!important;
}
.battle-page .battle-static-jackpot .jp-wrap{
  max-width:100%!important;
  overflow:hidden!important;
  background:#171225!important;
}
.battle-page .battle-static-jackpot .jp-strip{
  justify-content:flex-start!important;
  transition:none!important;
}
.battle-page .battle-static-jackpot .jp-cell{
  flex:0 0 92px!important;
  width:92px!important;
}
.battle-page .battle-static-jackpot .jp-cell.jp-landed{
  border-color:#22c55e!important;
  box-shadow:0 0 0 1px rgba(34,197,94,.22),0 0 24px rgba(34,197,94,.22)!important;
}
.battle-page .battle-frozen-reel{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.battle-page .battle-final-total{
  width:116px;
  height:116px;
  min-height:116px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  background:radial-gradient(circle,rgba(34,197,94,.12),rgba(18,13,30,.95) 70%)!important;
  border:1px solid rgba(34,197,94,.22)!important;
}
.battle-page .battle-final-total span{
  font-size:10px!important;
  text-transform:uppercase;
  color:#c9c3e6!important;
  letter-spacing:.08em;
}
.battle-page .battle-final-total b{
  color:#a3ff4d!important;
  font-size:22px!important;
  line-height:1.05;
}
/* Pack Battles: CSGOGEM-style lobby, match header and player-column results. */
.bcard-av{position:relative;display:inline-grid!important;place-items:center;overflow:hidden;color:#dce4ee;font-weight:950;letter-spacing:-.03em;isolation:isolate}
.bcard-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.bcard-av-label{position:relative;z-index:1;text-transform:uppercase;text-shadow:0 2px 8px #000}
.bcard-av.profile-link{cursor:pointer}
body:has(.battle-page){background:#07111b!important}
body:has(.battle-page)::before{background:radial-gradient(800px 480px at 50% -20%,rgba(112,56,226,.10),transparent 65%),linear-gradient(180deg,#09131e,#07111b)!important}
.battle-page{--battle-bg:#07111b;--battle-panel:#0b1621;--battle-card:#0e1a26;--battle-card-2:#111f2d;--battle-line:rgba(150,174,201,.09);--battle-muted:#6f7d8e;--battle-purple:#7738e8;max-width:1320px!important;color:#eef3f8}
.battle-page .btn-primary{background:linear-gradient(180deg,#8146ee,#6d2dde)!important;border-color:#8c52f2!important;color:#fff!important;box-shadow:0 8px 22px rgba(106,43,221,.22)!important}
.battle-page .btn-primary:hover{background:linear-gradient(180deg,#9158f5,#7738e8)!important}
.battle-page .bcard-av{width:var(--avatar-size,42px)!important;height:var(--avatar-size,42px)!important;border-radius:50%!important;background:#172432!important;background-image:none!important;border:2px solid #26384a!important;box-shadow:none!important;font-size:calc(var(--avatar-size,40px)*.28)}
.battle-page .bcard-av.empty{border-style:dashed!important;color:#607083!important}
.battle-page .bcard-av.profile-link:hover{border-color:#8c52f2!important;box-shadow:0 0 0 3px rgba(124,58,237,.14)!important}

.battle-lobby-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 22px;border-bottom:1px solid var(--battle-line)}
.battle-lobby-copy .h1{margin:0 0 5px;font-size:26px;text-transform:uppercase;letter-spacing:.025em}
.battle-lobby-copy p{margin:0;color:var(--battle-muted);font-size:13px}
.battle-list-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 12px;padding:0 4px}
.battle-list-heading h2{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.battle-list-heading span{color:var(--battle-muted);font-size:11px}
.battle-row-list{display:grid;gap:12px}
.battle-row{min-height:106px;display:grid;grid-template-columns:minmax(290px,1.1fr) minmax(230px,.85fr) 130px 148px;align-items:center;gap:18px;padding:16px 18px;border:1px solid var(--battle-line);border-radius:9px;background:#0b1621;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.battle-row:hover{border-color:rgba(126,77,228,.24);background:#0d1925}
.battle-row-overview{display:grid;gap:10px;min-width:0}
.battle-row-price{font-size:19px;font-weight:950;color:#fff;font-variant-numeric:tabular-nums}
.battle-row-cost{display:grid;gap:3px}.battle-row-cost span{color:#687689;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.battle-row-mode{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#9662ee}
.battle-row-status{display:inline-flex;align-items:center;gap:7px;color:#6f7d8f;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.battle-row-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#546173}
.battle-row-status.live::before{background:#8c52f2;box-shadow:0 0 10px rgba(140,82,242,.65)}
.battle-row-players,.battle-row-team{display:flex;align-items:center;min-width:0}
.battle-row-team .bcard-av{margin-left:-8px;border-color:#0b1621!important}.battle-row-team .bcard-av:first-child{margin-left:0}
.battle-row-vs{margin:0 12px;color:#596779;font-size:9px;font-weight:950}
.battle-row-packs{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden}
.battle-row-packs .bcard-pack{width:52px!important;height:52px!important;margin:0!important;border-radius:6px!important;background:#101d29!important;border-color:rgba(255,255,255,.06)!important}
.battle-row-packs .bcard-more{color:#728094!important}.battle-row-action{display:grid;gap:7px}.battle-row-action .btn{width:100%;min-height:42px}
.battle-empty{padding:52px 18px;border:1px solid var(--battle-line);border-radius:9px;background:#0b1621;text-align:center;color:#6d7b8d}

.battle-page .battle-room{max-width:1320px!important;margin:0 auto}
.battle-room-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:98px;border-bottom:1px solid var(--battle-line)}
.battle-back{justify-self:start;border:0;background:transparent;color:#738194;font:inherit;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;padding:8px 0}.battle-back:hover{color:#fff}
.battle-room-title{text-align:center}.battle-room-title small{display:block;color:#8b58e9;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.battle-room-title h1{margin:4px 0 0;font-size:22px;text-transform:uppercase;letter-spacing:.035em}.battle-room-title p{margin:5px 0 0;color:#627083;font-size:10px}
.battle-room-tools{justify-self:end;display:flex;gap:8px}.battle-room-tools .btn{min-height:34px;padding:7px 11px;background:transparent!important;border:0!important;box-shadow:none!important;color:#788698!important;font-size:10px;text-transform:uppercase;font-weight:900}.battle-room-tools .btn:hover{color:#fff!important}
.battle-rounds-bar{display:grid;grid-template-columns:180px minmax(0,1fr) 180px;align-items:center;gap:20px;padding:22px 0}
.battle-room-cost,.battle-round-counter{display:grid;gap:4px}.battle-room-cost span,.battle-round-counter span{color:#687689;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.battle-room-cost b,.battle-round-counter b{font-size:15px;color:#f4f7fa;font-variant-numeric:tabular-nums}.battle-round-counter{text-align:right}
.battle-pack-stack{min-width:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.battle-pack-stack .broundstrip{justify-content:center!important;gap:7px!important;overflow-x:auto;padding:3px}.battle-pack-stack .broundpack{width:55px!important;height:55px!important;border-radius:6px!important;background:#0d1925!important;border-color:rgba(255,255,255,.05)!important;box-shadow:none!important}.battle-pack-stack .broundpack.past{opacity:.22}.battle-pack-stack .broundpack.cur{opacity:1;transform:translateY(-2px);border-color:#8050dd!important;box-shadow:0 0 0 2px rgba(119,56,232,.12)!important}
.battle-eos-strip{margin:0 0 12px!important}

.battle-finish-hero{min-height:310px;display:grid;place-items:center;margin:0 0 12px;padding:32px;border:8px solid #0e1a26;outline:1px solid rgba(255,255,255,.045);background:#08131d;text-align:center}
.battle-finish-hero-inner{display:grid;justify-items:center;gap:12px}.battle-finish-hero small{color:#697789;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.battle-finish-hero h2{max-width:780px;margin:0;font-size:21px;text-transform:uppercase;letter-spacing:.02em;color:#f7f9fc}.battle-finish-hero strong{font-size:38px;color:#9763f0;font-variant-numeric:tabular-nums;text-shadow:0 0 30px rgba(127,70,232,.18)}.battle-finish-hero p{margin:0;color:#69778a;font-size:11px}
.battle-jackpot-summary{margin:0 0 12px!important;border-radius:7px!important;background:#0c1722!important;border-color:var(--battle-line)!important;box-shadow:none!important}

.battle-live-stage{overflow:hidden;margin-bottom:14px;border:8px solid #0e1a26;outline:1px solid rgba(255,255,255,.04);background:#08131d}
.battle-current-round{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 15px;border-bottom:1px solid var(--battle-line);background:#0a1621}.battle-current-round div{display:grid;gap:2px}.battle-current-round small{color:#6d7b8d;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.battle-current-round strong{font-size:13px}.battle-current-round>span{color:#647286;font-size:10px}
.battle-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.battle-live-grid.slots-1{grid-template-columns:1fr}.battle-live-grid.slots-3{grid-template-columns:repeat(3,minmax(0,1fr))}.battle-live-grid.slots-5,.battle-live-grid.slots-6{grid-template-columns:repeat(2,minmax(0,1fr))}
.battle-player-zone{min-width:0;display:grid;grid-template-rows:66px 190px;background:#08131d;border-right:1px solid var(--battle-line);border-bottom:1px solid var(--battle-line)}.battle-player-zone:nth-child(2n){border-right:0}.battle-live-grid.slots-3 .battle-player-zone:nth-child(2){border-right:1px solid var(--battle-line)}.battle-live-grid.slots-3 .battle-player-zone:nth-child(3){border-right:0}
.battle-player-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.05);background:#0b1722}.battle-player-name{display:flex;align-items:center;gap:9px;min-width:0}.battle-player-name>div{min-width:0;display:grid;gap:2px}.battle-player-name small,.battle-player-total small{color:#627083;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.battle-player-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.battle-player-total{display:grid;justify-items:end;gap:2px}.battle-player-total b{font-size:14px;color:#f2f5f8;font-variant-numeric:tabular-nums}.battle-live-odds{color:#a87af2!important;background:rgba(123,65,224,.10)!important;border-color:rgba(139,86,235,.22)!important}
.battle-player-zone .breel-mask{position:relative!important;height:190px!important;margin:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#07111b!important;box-shadow:inset 0 18px 34px rgba(0,0,0,.2),inset 0 -18px 34px rgba(0,0,0,.2)!important}.battle-player-zone .breel-mask::before,.battle-player-zone .breel-mask::after{content:""!important;position:absolute!important;z-index:4!important;top:0!important;bottom:0!important;width:72px!important;height:auto!important;pointer-events:none!important}.battle-player-zone .breel-mask::before{left:0!important;right:auto!important;background:linear-gradient(90deg,#07111b,transparent)!important}.battle-player-zone .breel-mask::after{right:0!important;left:auto!important;background:linear-gradient(270deg,#07111b,transparent)!important}.battle-player-zone .breel-ptr{display:block!important;position:absolute!important;z-index:6!important;top:0!important;bottom:0!important;left:50%!important;width:2px!important;height:auto!important;background:#8b4dea!important;box-shadow:0 0 11px rgba(130,69,232,.48)!important}.battle-player-zone .breel-ptr::before,.battle-player-zone .breel-ptr::after{display:none!important}.battle-player-zone .breel-track{height:100%!important;width:max-content!important;padding:17px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;will-change:transform}.battle-player-zone .breel-item.battle-clean{flex:0 0 148px!important;width:148px!important;max-width:148px!important;height:152px!important;padding:10px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:7px!important;border-radius:6px!important;background:#0e1b27!important;border:1px solid rgba(255,255,255,.055)!important;box-shadow:none!important}.battle-player-zone .breel-item.battle-clean .ba{height:98px!important;display:grid!important;place-items:center!important}.battle-player-zone .breel-item.battle-clean .ba img,.battle-player-zone .breel-item.battle-clean .ba svg{max-width:98px!important;max-height:94px!important}.battle-player-zone .breel-item.battle-clean .bv{color:#f4f7fa!important;font-size:13px!important}.battle-player-zone .breel-item.battle-clean.winning{border-color:rgba(255,255,255,.055)!important;background:#0e1b27!important}.battle-player-zone .breel-item.battle-clean.battle-landed{background:#101e2a!important}

.battle-results-board{margin-top:12px;overflow-x:auto;padding-bottom:8px}.battle-results-grid{display:grid;gap:10px;align-items:stretch}.battle-player-column{min-width:0;height:116px;padding:12px 14px;display:grid;align-content:space-between;border:1px solid rgba(255,255,255,.05);border-radius:7px;background:#0d1925}.battle-player-column-top{display:flex;align-items:center;gap:9px;min-width:0}.battle-player-column-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.battle-player-column-top span{display:block;margin-top:2px;color:#637185;font-size:9px;text-transform:uppercase;font-weight:850;letter-spacing:.06em}.battle-player-column-total{display:inline-flex;justify-self:start;padding:5px 9px;border-radius:999px;background:#172334;color:#eee;font-size:12px;font-weight:950;font-variant-numeric:tabular-nums}.battle-player-column.is-winner{border-color:rgba(126,75,224,.34);background:linear-gradient(180deg,rgba(119,56,232,.09),#0d1925)}.battle-player-column.is-winner .battle-player-column-total{background:#6f32dc;color:#fff}
.battle-pull-card{position:relative;min-width:0;height:208px;padding:12px;display:grid;grid-template-rows:14px 106px auto auto;align-items:center;border:1px solid rgba(255,255,255,.045);border-radius:7px;background:#0b1722;overflow:hidden}.battle-pull-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--pull-colour,#7541d5);opacity:.8}.battle-pull-rarity{color:#718095;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.battle-pull-art{height:106px;display:grid;place-items:center}.battle-pull-art img,.battle-pull-art svg{max-width:100px!important;max-height:98px!important;filter:drop-shadow(0 9px 12px rgba(0,0,0,.28))!important}.battle-pull-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9560ee;font-size:11px;font-weight:900;text-align:center;text-transform:uppercase}.battle-pull-value{display:flex;align-items:center;justify-content:center;gap:5px;color:#f1f4f7;font-size:12px;font-weight:950;font-variant-numeric:tabular-nums}.battle-pull-empty-card{height:208px;border:1px dashed rgba(255,255,255,.035);border-radius:7px;background:rgba(10,22,33,.45)}
.battle-results-empty{padding:38px 14px;color:#647286;text-align:center;font-size:11px}
.battle-pull-name{color:var(--pull-colour,#9560ee)}
.battle-finished-actions{margin:18px 0 0!important;padding:0!important;background:transparent!important;border:0!important;text-align:center!important}

.battle-waiting-stage{border:8px solid #0e1a26;outline:1px solid rgba(255,255,255,.04);background:#08131d}.battle-waiting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.battle-waiting-grid.slots-3{grid-template-columns:repeat(3,minmax(0,1fr))}.battle-waiting-slot{min-height:178px;display:grid;place-items:center;padding:22px;border-right:1px solid var(--battle-line);border-bottom:1px solid var(--battle-line)}.battle-waiting-slot:nth-child(2n){border-right:0}.battle-waiting-grid.slots-3 .battle-waiting-slot:nth-child(2){border-right:1px solid var(--battle-line)}.battle-waiting-player{display:grid;justify-items:center;gap:8px;text-align:center}.battle-waiting-player strong{font-size:13px}.battle-waiting-player span{color:#687689;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.battle-call-slot{border:0;background:transparent;color:inherit;cursor:pointer}.battle-call-slot:disabled{cursor:default}.battle-waiting-actions{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}.battle-waiting-state{flex:1;min-width:150px;color:#657386;text-align:center;font-size:11px;font-weight:850}

/* Battles use the site's original purple surfaces only. Rarity and result data must not repaint the UI. */
body:has(.battle-page){background:#1f1c2d!important}
body:has(.battle-page)::before{background:radial-gradient(820px 460px at 50% -18%,rgba(90,78,135,.16),transparent 66%),#1f1c2d!important}
.battle-page{--battle-bg:#1f1c2d;--battle-panel:#28243d;--battle-card:#322d4d;--battle-card-2:#373151;--battle-line:rgba(255,255,255,.085);--battle-muted:#aaa4bf;--battle-purple:#5a4e87;color:#fff!important}
.battle-page .btn-primary{background:#4b4270!important;border-color:rgba(255,255,255,.11)!important;color:#fff!important;box-shadow:none!important}
.battle-page .btn-primary:hover{background:#5a4e87!important;border-color:rgba(255,255,255,.16)!important}
.battle-page .battle-type-tabs button.on,
.battle-page .battle-format-row button.on,
.battle-page .battle-speed-row button.on,
.battle-page .battle-mode-card.on,
.battle-page .battle-mode-card.crazy.on,
.battle-page .opt.on{background:#5a4e87!important;border-color:rgba(255,255,255,.15)!important;color:#fff!important;box-shadow:none!important}
.battle-page .battle-toggle-pill.on{background:#5a4e87!important;box-shadow:none!important}
.battle-page .battle-mode-card .icon,
.battle-page .battle-mode-card .copy b{color:#d8d3eb!important}
.battle-page .battle-seat-icons span.on{color:#c9c3e6!important}
.battle-page .battle-picker-card .count,
.battle-page .battle-selected-pack .pack-count{background:#5a4e87!important;color:#fff!important;box-shadow:none!important}
.battle-page .battle-row,
.battle-page .battle-empty{background:#28243d!important;border-color:var(--battle-line)!important;box-shadow:none!important}
.battle-page .battle-row:hover{background:#322d4d!important;border-color:rgba(255,255,255,.13)!important}
.battle-page .battle-row-mode,
.battle-page .battle-room-title small{color:#c9c3e6!important}
.battle-page .battle-row-status,
.battle-page .battle-row-cost span,
.battle-page .battle-list-heading span,
.battle-page .battle-lobby-copy p{color:#aaa4bf!important}
.battle-page .battle-row-status::before,
.battle-page .battle-row-status.live::before{background:#8e86a7!important;box-shadow:none!important}
.battle-page .bcard-av{background:#373151!important;border-color:#51496e!important;color:#e4e0ef!important;box-shadow:none!important}
.battle-page .bcard-av.profile-link:hover{border-color:#756a98!important;box-shadow:none!important}
.battle-page .battle-row-team .bcard-av{border-color:#28243d!important}
.battle-page .battle-row-packs .bcard-pack,
.battle-page .battle-pack-stack .broundpack{background:#322d4d!important;border-color:var(--battle-line)!important}
.battle-page .battle-pack-stack .broundpack.cur{border-color:#756a98!important;box-shadow:0 0 0 2px rgba(117,106,152,.14)!important}
.battle-page .battle-finish-hero,
.battle-page .battle-live-stage,
.battle-page .battle-waiting-stage{background:#28243d!important;border-color:#322d4d!important;outline-color:var(--battle-line)!important}
.battle-page .battle-finish-hero strong{color:#d8d3eb!important;text-shadow:none!important}
.battle-page .battle-finish-hero small,
.battle-page .battle-finish-hero p{color:#aaa4bf!important}
.battle-page .battle-current-round,
.battle-page .battle-player-bar{background:#322d4d!important}
.battle-page .battle-current-round small,
.battle-page .battle-current-round>span,
.battle-page .battle-player-name small,
.battle-page .battle-player-total small{color:#aaa4bf!important}
.battle-page .battle-player-zone{background:#28243d!important}
.battle-page .battle-player-zone .breel-mask{background:#1f1c2d!important;box-shadow:inset 0 18px 34px rgba(0,0,0,.16),inset 0 -18px 34px rgba(0,0,0,.16)!important}
.battle-page .battle-player-zone .breel-mask::before{background:linear-gradient(90deg,#1f1c2d,transparent)!important}
.battle-page .battle-player-zone .breel-mask::after{background:linear-gradient(270deg,#1f1c2d,transparent)!important}
.battle-page .battle-player-zone .breel-ptr{background:#8e86a7!important;box-shadow:none!important}
.battle-page .battle-player-zone .breel-item.battle-clean,
.battle-page .battle-player-zone .breel-item.battle-clean.winning{background:#322d4d!important;border-color:rgba(255,255,255,.07)!important;box-shadow:none!important}
.battle-page .battle-player-zone .breel-item.battle-clean.battle-landed{background:#373151!important}
.battle-page .battle-player-column,
.battle-page .battle-pull-card,
.battle-page .battle-pull-empty-card{background:#28243d!important;border-color:var(--battle-line)!important}
.battle-page .battle-player-column.is-winner{background:#322d4d!important;border-color:#6d638d!important}
.battle-page .battle-player-column-total,
.battle-page .battle-player-column.is-winner .battle-player-column-total{background:#433a63!important;color:#fff!important}
.battle-page .battle-pull-card::after{background:#5a4e87!important;opacity:.55!important}
.battle-page .battle-pull-name{color:#d8d3eb!important}
.battle-page .battle-pull-rarity,
.battle-page .battle-results-empty{color:#aaa4bf!important}
.battle-page .battle-live-odds{color:#d8d3eb!important;background:#433a63!important;border-color:rgba(255,255,255,.09)!important;box-shadow:none!important}
.battle-page .reel-item[class*="rarity-"],
.battle-page .breel-item[class*="rarity-"],
.battle-page .pull[class*="rarity-"],
.battle-page .battle-pull-card[class*="rarity-"]{background:#322d4d!important;border-color:rgba(255,255,255,.07)!important;box-shadow:none!important}
.battle-page .reel-item[class*="rarity-"] img,
.battle-page .breel-item[class*="rarity-"] img,
.battle-page .pull[class*="rarity-"] img,
.battle-page .battle-pull-card[class*="rarity-"] img{filter:drop-shadow(0 9px 12px rgba(0,0,0,.28))!important}
.battle-page .battle-jackpot-inline,
.battle-page .battle-jackpot-summary,
.battle-page .battle-static-jackpot{background:#28243d!important;border-color:var(--battle-line)!important;box-shadow:none!important}
.battle-page .jp-wrap{background:#1f1c2d!important;border-color:var(--battle-line)!important;box-shadow:none!important}
.battle-page .jp-pointer{background:#8e86a7!important;box-shadow:none!important}
.battle-page .jp-pointer::before{border-top-color:#8e86a7!important}
.battle-page .jp-cell,
.battle-page .jp-cell.jp-landed{background:#322d4d!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
.battle-page .jp-cell.jp-landed{background:#433a63!important;border-color:#756a98!important}
.battle-page .jp-cell-avatar{background:#373151!important;border-color:rgba(255,255,255,.10)!important;box-shadow:none!important}
.battle-page #battle-jackpot-stage .jp-strip{transition:transform 5s cubic-bezier(.12,.67,.16,1)!important}
.battle-page .battle-static-jackpot .jp-strip{transition:none!important}

@media(max-width:920px){.battle-row{grid-template-columns:1fr 130px 116px}.battle-row-packs{display:none}.battle-live-grid,.battle-live-grid.slots-3,.battle-live-grid.slots-5,.battle-live-grid.slots-6,.battle-waiting-grid,.battle-waiting-grid.slots-3{grid-template-columns:1fr}.battle-player-zone,.battle-live-grid.slots-3 .battle-player-zone,.battle-waiting-slot,.battle-waiting-grid.slots-3 .battle-waiting-slot{border-right:0}}
@media(max-width:650px){.battle-lobby-head{align-items:stretch;flex-direction:column}.battle-lobby-head .btn{width:100%}.battle-row{grid-template-columns:1fr auto;gap:12px;padding:14px}.battle-row-cost{grid-column:1}.battle-row-action{grid-column:2;grid-row:1/3}.battle-row-action .btn{width:88px}.battle-room-nav{grid-template-columns:1fr auto}.battle-room-title{grid-column:1/3;grid-row:2;padding-bottom:16px}.battle-room-tools{grid-column:2;grid-row:1}.battle-rounds-bar{grid-template-columns:1fr 1fr}.battle-pack-stack{grid-column:1/3;grid-row:2}.battle-round-counter{text-align:right}.battle-finish-hero{min-height:250px;padding:22px}.battle-finish-hero strong{font-size:30px}.battle-player-zone{grid-template-rows:62px 174px}.battle-player-zone .breel-mask{height:174px!important}.battle-player-zone .breel-item.battle-clean{flex-basis:132px!important;width:132px!important;max-width:132px!important;height:138px!important}}
.rewards-view{max-width:1220px;margin:0 auto 42px}
.rewards-shell{position:relative;overflow:hidden;border-radius:24px;padding:26px;background:radial-gradient(circle at 12% 0%,rgba(34,197,94,.16),transparent 30%),radial-gradient(circle at 90% 8%,rgba(147,109,255,.18),transparent 34%),linear-gradient(145deg,#211936 0%,#30274d 48%,#1b152a 100%);border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05)}
.rewards-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;opacity:.17;pointer-events:none}
.rewards-shell>*{position:relative;z-index:1}
.rewards-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.rewards-hero .h1{margin:0}
.rewards-hero-chip{padding:10px 14px;border-radius:14px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);color:#caffd7;font-weight:900}
.rewards-shell .card,.rewards-shell .daily-pack-progress{background:linear-gradient(180deg,rgba(75,66,112,.92),rgba(49,40,78,.94));border-color:rgba(255,255,255,.1);box-shadow:0 14px 36px rgba(0,0,0,.18)}
.rewards-shell .section-title{color:#fff;font-weight:950}
.rewards-shell .daily-pack-grid{gap:18px}
.rewards-shell .daily-pack-card{background:linear-gradient(180deg,rgba(75,66,112,.95),rgba(39,31,63,.98));border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.rewards-shell .daily-pack-art{background:transparent;filter:drop-shadow(0 16px 26px rgba(0,0,0,.38))}
.rewards-shell .input{background:#181226;border-color:rgba(255,255,255,.09)}
@media(max-width:720px){.rewards-shell{padding:18px}.rewards-hero{align-items:flex-start;flex-direction:column}}

/* Final battle creator and header cleanup */
.nav-action-btn:not(.nav-deposit),
.nav-icon-btn,
.profile-btn{
  background:linear-gradient(180deg,#2a2341 0%,#201933 100%)!important;
  border:1px solid rgba(190,170,255,.16)!important;
  box-shadow:0 12px 30px rgba(9,5,24,.34), inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.nav-action-btn:not(.nav-deposit):hover,
.nav-icon-btn:hover,
.profile-btn:hover{
  background:linear-gradient(180deg,#342b50 0%,#261e3b 100%)!important;
  border-color:rgba(183,255,83,.26)!important;
  box-shadow:0 14px 34px rgba(9,5,24,.40), 0 0 0 1px rgba(183,255,83,.05), inset 0 1px 0 rgba(255,255,255,.09)!important;
  transform:translateY(-1px);
}
.nav-icon-btn{
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
}
.nav-icon-btn img{
  width:23px!important;
  height:23px!important;
}
.nav-action-btn:not(.nav-deposit){
  padding:0 12px!important;
  border-radius:12px!important;
}
.nav-action-btn:not(.nav-deposit) span{
  color:#fff!important;
  font-weight:950!important;
}
.profile-btn{
  border-radius:14px!important;
  padding:7px 10px!important;
}
.battle-page .battle-list-surface,
.battle-list-surface,
.battle-page .battle-create-panel,
.battle-page .battle-pack-builder{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.battle-page .battle-pack-builder{
  display:grid!important;
  grid-template-columns:150px repeat(4,minmax(150px,1fr))!important;
  gap:20px!important;
  align-items:start!important;
  padding:16px 0 8px!important;
}
.battle-page .battle-selected-packs,
.battle-page .battle-selected-list,
.battle-page .battle-selected-list.empty{
  display:contents!important;
}
.battle-page .battle-add-pack{
  min-height:236px!important;
  height:236px!important;
  appearance:none!important;
  font:inherit!important;
  background:rgba(255,255,255,.035)!important;
  border:1px dashed rgba(255,255,255,.20)!important;
  box-shadow:none!important;
}
.battle-page .battle-selected-pack{
  position:relative!important;
  min-height:0!important;
  height:auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
}
.battle-page .battle-selected-pack .selected-pack-art{
  width:100%!important;
  display:grid!important;
  place-items:center!important;
}
.battle-page .battle-selected-pack .pack-art{
  width:100%!important;
  max-width:100%!important;
  height:236px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.battle-page .battle-selected-pack .pack-art img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.battle-page .battle-selected-pack .remove{
  top:5px!important;
  right:5px!important;
  z-index:4!important;
}
.battle-page .battle-selected-pack .pack-name,
.battle-page .battle-selected-pack .pack-title,
.battle-page .battle-selected-pack .pack-meta,
.battle-page .battle-selected-pack .selected-pack-name,
.battle-page .battle-selected-pack .selected-pack-count{
  display:none!important;
}
.battle-selected-price{
  display:block!important;
  width:100%!important;
  min-height:18px!important;
  text-align:center!important;
  color:#fff!important;
  font-weight:950!important;
  font-size:13px!important;
  line-height:1.2!important;
  text-shadow:0 2px 8px rgba(0,0,0,.45)!important;
}
.battle-page .battle-mode-card,
.battle-page .battle-mode-card.on,
.battle-page .battle-mode-card.crazy.on{
  width:100%!important;
  appearance:none!important;
  color:inherit!important;
  font:inherit!important;
  text-align:left!important;
  background:#433A63!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
.battle-page .battle-mode-card:hover{
  background:#4B4270!important;
}
.battle-page .battle-add-pack:focus-visible,
.battle-page .battle-picker-card:focus-visible,
.battle-page .battle-mode-card:focus-visible{
  outline:2px solid #8e86a7!important;
  outline-offset:3px!important;
}
.battle-page .battle-picker-card{
  appearance:none!important;
  color:#fff!important;
  font:inherit!important;
  text-align:left!important;
}
.modal.modal-battle-picker{
  background:#28243d!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 24px 70px rgba(9,6,18,.42)!important;
}
.modal-battle-picker .battle-pack-picker{background:#28243d!important;color:#fff!important}
.modal-battle-picker .battle-picker-card{
  appearance:none!important;
  background:#373151!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  color:#fff!important;
  font:inherit!important;
  text-align:left!important;
}
.modal-battle-picker .battle-picker-card:hover{background:#433a63!important}
.modal-battle-picker .battle-picker-card:focus-visible{outline:2px solid #8e86a7!important;outline-offset:3px!important}
.modal-battle-picker .battle-picker-card .count{background:#5a4e87!important;color:#fff!important;box-shadow:none!important}
.modal-battle-picker .battle-picker-card [style*="color:var(--accent-soft)"]{color:#d8d3eb!important}
.modal-battle-picker .input{background:#1f1c2d!important;border-color:rgba(255,255,255,.10)!important;color:#fff!important}
.battle-page .battle-mode-card.on .battle-toggle-pill,
.battle-page .battle-mode-card.on .battle-toggle-pill.on{
  background:#5A4E87!important;
}
.battle-page .battle-mode-card.on .battle-toggle-pill i,
.battle-page .battle-mode-card.on .battle-toggle-pill.on i{
  background:#fff!important;
}
.battle-page #cb-borrow-info b,
.battle-page .battle-picker-card [style*="color:var(--accent-soft)"]{
  color:#d8d3eb!important;
}
@media(max-width:1180px){
  .battle-page .battle-pack-builder{grid-template-columns:repeat(3,minmax(140px,1fr))!important}
}
@media(max-width:720px){
  .battle-page .battle-pack-builder{grid-template-columns:repeat(2,minmax(130px,1fr))!important}
}

#jb-access-gate,
.jb-access-gate,
.site-access-gate,
.access-verification,
.security-verification,
[data-verification-gate] {
  display: none !important;
  pointer-events: none !important;
}

.topbar .nav-btn,
.topbar .icon-btn,
.topbar .profile-chip,
.nav-pill,
.top-action,
.header-action,
.top-link,
.top-icon-button,
.site-header button:not(.deposit-btn),
.site-header .button:not(.deposit-btn) {
  background: #2b2442 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 8px 22px rgba(14,10,28,.22) !important;
  color: #fff !important;
}

.deposit-btn,
[data-action="deposit"],
button[onclick*="deposit"],
button[onclick*="Deposit"],
.site-header .deposit-btn {
  background: #22c55e !important;
  border-color: rgba(34,197,94,.55) !important;
  color: #07150b !important;
  box-shadow: 0 10px 24px rgba(34,197,94,.26) !important;
}
.bj-server-status{min-height:20px;margin-top:14px;text-align:center;color:var(--muted);font-size:12px;font-weight:800;opacity:0;transition:opacity .2s ease}
.bj-server-status.show{opacity:1}
.bj-server-status.recovering{color:#d9c9ff}
.battle-create-error{padding:10px 12px;border:1px solid rgba(239,68,68,.28);border-radius:10px;background:rgba(239,68,68,.08);color:#fecaca;font-size:12px;font-weight:800;line-height:1.4}

/* ==========================================================================
   SHELL V2
   The production shell owns layout. Feature views only render inside <main>.
   ========================================================================== */
:root{
  --shell-topbar-h:72px;
  --shell-sidebar-w:244px;
  --shell-sidebar-compact-w:68px;
  --shell-chat-w:286px;
  --shell-logo-indent:24px;
  --shell-home-max:1280px;
  --shell-panel:#271f3b;
  --shell-panel-raised:#382d52;
  --shell-line:rgba(255,255,255,.075);
}

body.shell-v2,
body.shell-v2.authed,
body.shell-v2.authed.chat-collapsed{
  min-height:100%;
  padding:var(--shell-topbar-h) 0 0 var(--shell-sidebar-w);
  background:#18141f;
  transition:padding-left .42s cubic-bezier(.22,.72,.24,1),padding-right .32s cubic-bezier(.22,.72,.24,1);
}
body.shell-v2:not(.chat-collapsed){padding-right:var(--shell-chat-w)}
body.shell-v2.sidebar-compact,
body.shell-v2.authed.sidebar-compact,
body.shell-v2.authed.chat-collapsed.sidebar-compact{padding-left:var(--shell-sidebar-compact-w)}
body.shell-v2::before{
  background:
    radial-gradient(960px 620px at 46% -12%,rgba(105,74,158,.14),transparent 68%),
    radial-gradient(820px 660px at 88% 92%,rgba(64,43,104,.18),transparent 72%),
    linear-gradient(145deg,#211a30 0%,#17131e 48%,#1e162d 100%);
}

.shell-v2 .site-sidebar{
  position:fixed;
  inset:0 auto 0 0;
  z-index:61;
  width:var(--shell-sidebar-w);
  display:flex;
  flex-direction:column;
  background:linear-gradient(180deg,#2b2242 0%,#241b38 48%,#1c162c 100%);
  border-right:1px solid var(--shell-line);
  box-shadow:14px 0 38px rgba(10,7,19,.16);
  overflow:hidden;
  transition:width .42s cubic-bezier(.22,.72,.24,1),transform .34s cubic-bezier(.22,.72,.24,1);
}
.shell-v2 .sidebar-top-actions{
  width:100%;
  height:var(--shell-topbar-h);
  min-height:var(--shell-topbar-h);
  display:flex;
  align-items:center;
  gap:7px;
  padding:10px;
  border-bottom:1px solid var(--shell-line);
  transition:gap .34s ease,padding .34s ease;
}
.shell-v2 .sidebar-compact-toggle,
.shell-v2 .sidebar-quick-link{
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:9px;
  background:linear-gradient(180deg,#241c38,#1d172d);
  color:#b9b2c8;
  font-family:'Inter',system-ui,sans-serif;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:-.08px;
  cursor:pointer;
}
.shell-v2 .sidebar-compact-toggle{width:42px;flex:0 0 42px}
.shell-v2 .sidebar-quick-link{flex:1 1 0;min-width:0;max-width:100px;padding:0 9px;gap:0;overflow:hidden;white-space:nowrap;opacity:1;transition:max-width .34s ease,opacity .2s ease,padding .34s ease,border-color .2s ease,background .2s ease,color .2s ease}
.shell-v2 .sidebar-quick-link:hover,
.shell-v2 .sidebar-quick-link.active{color:#fff;background:linear-gradient(180deg,#302642,#261e37);border-color:rgba(var(--accent-rgb),.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 5px 13px rgba(8,5,14,.18)}
.shell-v2 .sidebar-quick-link.active{color:var(--accent)}
.shell-v2 .sidebar-compact-toggle:hover{color:var(--accent);background:linear-gradient(180deg,#35294c,#281f3b);border-color:rgba(var(--accent-rgb),.22)}
.shell-v2 .sidebar-compact-toggle svg{transition:transform .2s ease}
.shell-v2.sidebar-compact .sidebar-compact-toggle svg{transform:rotate(90deg)}
.shell-v2 .topbar-brand{
  width:196px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:0;
  margin-left:var(--shell-logo-indent);
  border:0;
  background:transparent;
  cursor:pointer;
  transition:margin-left .42s cubic-bezier(.22,.72,.24,1);
}
.shell-v2 .topbar-brand .nav-brand-logo{
  width:184px;
  max-width:184px;
  max-height:56px;
  object-fit:contain;
  filter:drop-shadow(0 7px 12px rgba(0,0,0,.42));
}
.shell-v2 .navlinks,
.shell-v2.chat-collapsed .navlinks{
  position:static;
  flex:1;
  display:block;
  min-width:0;
  max-width:none;
  margin:0;
  padding:10px 10px 12px;
  overflow-x:hidden;
  overflow-y:auto;
  transition:padding .42s cubic-bezier(.22,.72,.24,1);
}
.shell-v2 .shell-nav-group{padding:0 0 7px;margin:0 0 6px;border-bottom:1px solid var(--shell-line);transition:padding .34s ease,margin .34s ease}
.shell-v2 .shell-nav-group:last-child{border-bottom:0}
.shell-v2 .shell-nav-group-toggle{
  width:100%;
  min-height:34px;
  height:34px;
  max-height:34px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--accent);
  cursor:pointer;
  overflow:hidden;
  opacity:1;
  transform:translateX(0);
  transition:min-height .3s ease,height .3s ease,max-height .3s ease,padding .3s ease,opacity .18s ease,transform .3s ease,background .15s ease;
}
.shell-v2 .shell-nav-group-toggle:hover{background:rgba(255,255,255,.035)}
.shell-v2 .shell-nav-group-icon{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;color:var(--accent)}
.shell-v2 .shell-nav-group-icon .shell-sprite-icon{width:24px;height:24px}
.shell-v2 .shell-nav-label{
  flex:1;
  padding:0;
  color:var(--accent);
  font-family:'Inter',system-ui,sans-serif;
  font-size:10.5px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
  text-align:left;
}
.shell-v2 .shell-nav-group-arrow{flex:0 0 15px;transition:transform .18s ease}
.shell-v2 .shell-nav-group.collapsed .shell-nav-group-arrow{transform:rotate(-90deg)}
.shell-v2 .shell-nav-group.collapsed .shell-nav-items{display:none}
.shell-v2 .shell-nav-item{
  position:relative;
  width:100%;
  height:36px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:0 11px;
  color:#f1edf7;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  font-family:'Inter',system-ui,sans-serif;
  font-size:12.5px;
  font-weight:800;
  letter-spacing:-.08px;
  text-align:left;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease,padding .34s ease,gap .34s ease,height .34s ease;
}
.shell-v2 .shell-nav-item:hover{
  color:#fff;
  background:linear-gradient(90deg,rgba(117,94,169,.17),rgba(255,255,255,.025));
  border-color:rgba(183,164,226,.09);
}
.shell-v2 .shell-nav-item.active{
  color:#fff;
  background:linear-gradient(90deg,rgba(84,65,132,.82),rgba(48,38,72,.42));
  border-color:rgba(181,160,226,.19);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.shell-v2 .shell-nav-item.active::before{
  content:"";
  position:absolute;
  left:-1px;
  top:9px;
  bottom:9px;
  width:3px;
  border-radius:0 4px 4px 0;
  background:var(--accent);
  box-shadow:0 0 12px rgba(var(--accent-rgb),.42);
}
.shell-v2 .shell-nav-item .shell-sprite-icon{width:25px;height:25px;flex:0 0 25px;transition:transform .18s ease,filter .18s ease}
.shell-v2 .shell-nav-item:hover .shell-sprite-icon,
.shell-v2 .shell-nav-item.active .shell-sprite-icon{transform:translateY(-1px) scale(1.06);filter:drop-shadow(0 3px 6px rgba(0,0,0,.42)) brightness(1.08)}
.shell-v2 .shell-nav-item span{color:inherit;font-weight:inherit}
.shell-v2 .shell-nav-item-label{display:block;min-width:0;max-width:165px;overflow:hidden;opacity:1;white-space:nowrap;transform:translateX(0);transition:max-width .3s ease,opacity .18s ease,transform .3s ease}

.shell-v2 .shell-sprite-icon{
  display:inline-block;
  width:24px;
  height:24px;
  flex:0 0 24px;
  background-image:url("sidebar-icon-sprite.webp?v=20260815-clean-v2");
  background-repeat:no-repeat;
  background-size:700% 400%;
  background-position:var(--sprite-x,0%) var(--sprite-y,0%);
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.38));
}
.shell-v2 .shell-sprite-games{--sprite-x:0%;--sprite-y:0%}
.shell-v2 .shell-sprite-packs{--sprite-x:16.6667%;--sprite-y:0%}
.shell-v2 .shell-sprite-battles{--sprite-x:33.3333%;--sprite-y:0%}
.shell-v2 .shell-sprite-mines{--sprite-x:50%;--sprite-y:0%}
.shell-v2 .shell-sprite-blackjack{--sprite-x:66.6667%;--sprite-y:0%}
.shell-v2 .shell-sprite-dice{--sprite-x:83.3333%;--sprite-y:0%}
.shell-v2 .shell-sprite-upgrader{--sprite-x:100%;--sprite-y:0%}
.shell-v2 .shell-sprite-towers{--sprite-x:0%;--sprite-y:33.3333%}
.shell-v2 .shell-sprite-keno{--sprite-x:16.6667%;--sprite-y:33.3333%}
.shell-v2 .shell-sprite-rewards{--sprite-x:33.3333%;--sprite-y:33.3333%}
.shell-v2 .shell-sprite-promo-codes{--sprite-x:50%;--sprite-y:33.3333%}
.shell-v2 .shell-sprite-challenges{--sprite-x:66.6667%;--sprite-y:33.3333%}
.shell-v2 .shell-sprite-leaderboard{--sprite-x:83.3333%;--sprite-y:33.3333%}
.shell-v2 .shell-sprite-other{--sprite-x:100%;--sprite-y:33.3333%}
.shell-v2 .shell-sprite-vault{--sprite-x:0%;--sprite-y:66.6667%}
.shell-v2 .shell-sprite-live-stats{--sprite-x:16.6667%;--sprite-y:66.6667%}
.shell-v2 .shell-sprite-affiliates{--sprite-x:33.3333%;--sprite-y:66.6667%}
.shell-v2 .shell-sprite-settings{--sprite-x:50%;--sprite-y:66.6667%}
.shell-v2 .shell-sprite-admin{--sprite-x:66.6667%;--sprite-y:66.6667%}
.shell-v2 .shell-sprite-games-heading{--sprite-x:0%;--sprite-y:100%}
.shell-v2 .shell-sprite-rewards-heading{--sprite-x:16.6667%;--sprite-y:100%}
.shell-v2 .shell-sprite-other-heading{--sprite-x:33.3333%;--sprite-y:100%}
.shell-v2 .sidebar-foot{
  min-height:38px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 22px;
  border-top:1px solid var(--shell-line);
  color:#77718d;
  font-family:'Inter',system-ui,sans-serif;
  font-size:9px;
  font-weight:800;
  letter-spacing:.7px;
  text-transform:uppercase;
  overflow:hidden;
  transition:padding .34s ease,gap .34s ease;
}
.shell-v2 .sidebar-foot span:not(.sidebar-status-dot){display:block;max-width:150px;overflow:hidden;opacity:1;white-space:nowrap;transform:translateX(0);transition:max-width .3s ease,opacity .18s ease,transform .3s ease}
.shell-v2 .sidebar-status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px rgba(var(--accent-rgb),.55)}
.shell-v2 .sidebar-scrim{display:none}

.shell-v2.sidebar-compact .site-sidebar{width:var(--shell-sidebar-compact-w)}
.shell-v2.sidebar-compact nav.site-topbar{left:var(--shell-sidebar-compact-w)}
.shell-v2.sidebar-compact .sidebar-top-actions{justify-content:center;gap:0;padding:10px}
.shell-v2.sidebar-compact .sidebar-quick-link{display:flex;flex:0 1 0;max-width:0;padding:0;border-color:transparent;opacity:0;pointer-events:none}
.shell-v2.sidebar-compact .navlinks{padding:7px 8px 8px;overflow-y:hidden}
.shell-v2.sidebar-compact .shell-nav-group{padding:3px 0;margin:0;border-bottom:1px solid var(--shell-line)}
.shell-v2.sidebar-compact .shell-nav-group-toggle{display:flex;min-height:0;height:0;max-height:0;padding:0;opacity:0;transform:translateX(-7px);pointer-events:none}
.shell-v2.sidebar-compact .shell-nav-group.collapsed .shell-nav-items{display:block}
.shell-v2.sidebar-compact .shell-nav-item-label,
.shell-v2.sidebar-compact .sidebar-foot span:not(.sidebar-status-dot){max-width:0;opacity:0;transform:translateX(-7px)}
.shell-v2.sidebar-compact .shell-nav-item{height:32px;justify-content:flex-start;padding:0 0 0 16px;gap:0;border-radius:7px}
.shell-v2.sidebar-compact .shell-nav-item.active::before{top:8px;bottom:8px}
.shell-v2.sidebar-compact .sidebar-foot{justify-content:flex-start;gap:0;padding:0 30px}

.shell-v2 nav.site-topbar,
.shell-v2.chat-collapsed nav.site-topbar{
  position:fixed;
  top:0;
  left:var(--shell-sidebar-w);
  right:0;
  z-index:60;
  min-height:var(--shell-topbar-h);
  height:var(--shell-topbar-h);
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 18px;
  background:rgba(39,31,59,.97);
  border-bottom:1px solid var(--shell-line);
  box-shadow:0 10px 28px rgba(8,5,15,.1);
  transition:left .42s cubic-bezier(.22,.72,.24,1),right .32s cubic-bezier(.22,.72,.24,1);
}
.shell-v2:not(.chat-collapsed) nav.site-topbar{right:var(--shell-chat-w)}
.shell-v2.sidebar-compact nav.site-topbar,
.shell-v2.chat-collapsed.sidebar-compact nav.site-topbar{left:var(--shell-sidebar-compact-w)}
.shell-v2.sidebar-compact .topbar-brand{
  margin-left:calc(var(--shell-sidebar-w) - var(--shell-sidebar-compact-w) + var(--shell-logo-indent));
}
.shell-v2 .topbar-spacer{flex:1}
.shell-v2 .topbar-home{display:none}
.shell-v2 .menu-toggle{display:none!important}
.shell-v2 .nav-balance-center,
.shell-v2 .navtools{display:flex;align-items:center;gap:8px;min-width:0}
.shell-v2 .navtools{position:static}
.shell-v2 .nav-balance-center{
  position:fixed!important;
  top:calc((var(--shell-topbar-h) - 42px) / 2);
  right:0!important;
  left:0!important;
  width:max-content;
  height:42px;
  gap:0;
  margin:0 auto!important;
  padding:3px;
  transform:none!important;
  z-index:65;
  border:1px solid rgba(255,255,255,.085);
  border-radius:11px;
  background:linear-gradient(180deg,#29243c,#211d32);
  box-shadow:0 10px 24px rgba(8,6,14,.24),inset 0 1px 0 rgba(255,255,255,.035);
}
.shell-v2 .nav-balance-center .balance{
  min-width:124px;
  height:34px;
  border:0;
  border-radius:8px 0 0 8px;
  margin:0;
  padding:0 14px 0 11px;
  background:transparent;
  box-shadow:none;
}
.shell-v2 .nav-deposit{
  height:32px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 12px;
  border:0;
  border-left:1px solid rgba(255,255,255,.085);
  border-radius:0 7px 7px 0;
  background:rgba(var(--accent-rgb),.1);
  color:#d9ffe4;
  font-size:11px;
  font-weight:950;
  letter-spacing:.25px;
  text-transform:uppercase;
  box-shadow:none;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.shell-v2 .nav-deposit:hover{transform:translateY(-1px);background:rgba(var(--accent-rgb),.2);color:#fff}
.shell-v2 .nav-deposit svg{color:var(--accent)}
.shell-v2 .nav-icon-btn,
.shell-v2 .profile-btn{
  height:40px;
  border-radius:9px;
  background:#29243f!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:none!important;
}
.shell-v2 .nav-icon-btn{width:40px;color:#b9b4ca}
.shell-v2 .nav-icon-btn svg{display:block}
.shell-v2:not(.chat-collapsed) .topbar-chat-toggle{
  color:#fff;
  background:#453b67!important;
  border-color:rgba(160,143,219,.28)!important;
}
.shell-v2 .notification-btn img{width:22px;height:22px}
.shell-v2 .profile-btn{padding:4px 8px 4px 5px;gap:7px}
.shell-v2 .profile-btn .avatar{width:30px;height:30px;min-width:30px;font-size:12px}
.shell-v2 #meName{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shell-v2 #meLevel{font-size:10px;color:#b7f7c9}
.shell-v2 .profile-menu{top:47px;border-radius:10px;background:#28233d;border-color:rgba(255,255,255,.1)}
.shell-v2 #guestTools .btn{height:40px;border-radius:9px;padding:0 15px;font-size:11px;text-transform:uppercase}

.shell-v2 #chatPanel{
  position:fixed;
  inset:0 0 0 auto;
  z-index:62;
  width:var(--shell-chat-w);
  display:flex;
  transform:translateX(0);
  background:
    radial-gradient(320px 220px at 100% 0%,rgba(125,96,184,.14),transparent 72%),
    linear-gradient(180deg,#2b2242 0%,#241b38 48%,#1c162c 100%);
  border:0;
  border-left:1px solid var(--shell-line);
  box-shadow:-18px 0 42px rgba(10,7,19,.2);
  transition:transform .22s ease;
}
.shell-v2.chat-collapsed #chatPanel{transform:translateX(100%)}
.shell-v2 #chatTab,
.shell-v2 .chat-brand{display:none!important}
.shell-v2 .chat-head{
  min-height:var(--shell-topbar-h);
  display:flex!important;
  gap:9px;
  padding:0 10px 0 12px;
  background:rgba(37,28,56,.96);
  border-bottom:1px solid var(--shell-line);
}
.shell-v2 .chat-head .ch-ico{width:30px;height:30px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:8px;background:rgba(var(--accent-rgb),.09);color:var(--accent);box-shadow:0 0 18px rgba(var(--accent-rgb),.08)}
.shell-v2 .chat-head .ch-title{font-family:'Inter',system-ui,sans-serif;font-size:11.5px;font-weight:900;text-transform:uppercase;letter-spacing:.75px}
.shell-v2 .chat-head .chat-online{margin-left:auto;padding:5px 8px;border:1px solid rgba(255,255,255,.055);border-radius:999px;background:rgba(18,14,28,.28);color:#b9b2c5;font-family:'Inter',system-ui,sans-serif;font-size:8.5px;font-weight:800;letter-spacing:.25px;text-transform:uppercase}
.shell-v2 .chat-head .chat-online::before{width:5px;height:5px;background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.7)}
.shell-v2 .chat-close{
  width:32px;
  height:32px;
  margin-left:0;
  display:grid;
  place-items:center;
  color:#aaa3b8;
  border:1px solid rgba(255,255,255,.075);
  border-radius:8px;
  background:linear-gradient(180deg,#241c38,#1d172d);
  cursor:pointer;
}
.shell-v2 .chat-close:hover{color:#fff;background:linear-gradient(180deg,#35294c,#281f3b);border-color:rgba(var(--accent-rgb),.2);transform:rotate(90deg)}
.shell-v2 .rain-bar{position:relative;min-height:96px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr auto;align-items:center;column-gap:10px;row-gap:11px;margin:12px 11px 10px;padding:15px 14px 12px;overflow:hidden;border:1px solid rgba(188,167,232,.18);border-radius:14px;background:radial-gradient(150px 100px at 8% 0%,rgba(var(--accent-rgb),.12),transparent 72%),radial-gradient(120px 80px at 100% 100%,rgba(106,79,166,.18),transparent 75%),linear-gradient(140deg,#2d2344,#201930 72%);box-shadow:0 14px 32px rgba(8,5,15,.28),inset 0 1px 0 rgba(255,255,255,.055)}
.shell-v2 .rain-bar::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.32),transparent 35%,rgba(173,150,222,.11));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.shell-v2 .rain-bar::after{content:"";position:absolute;top:-32px;right:-24px;width:92px;height:92px;border-radius:50%;background:rgba(126,99,184,.08);box-shadow:0 0 44px rgba(126,99,184,.12);pointer-events:none}
.shell-v2 .rain-info{position:relative;z-index:1;min-width:0;line-height:1}
.shell-v2 .rain-label{display:flex;align-items:center;gap:7px;color:#b8f7c9;font-family:'Inter',system-ui,sans-serif;font-size:9px;font-weight:900;letter-spacing:1.25px;text-transform:uppercase}
.shell-v2 .rain-label::before{content:"";width:8px;height:10px;border-radius:7px 7px 8px 8px;transform:rotate(45deg);background:linear-gradient(145deg,#9bf7b4,var(--accent));box-shadow:0 0 12px rgba(var(--accent-rgb),.38)}
.shell-v2 .rain-amt{display:flex;align-items:baseline;gap:2px;margin-top:8px;color:#fff;font-family:'Montserrat','Inter',sans-serif;font-size:25px;font-weight:900;line-height:1;letter-spacing:-.75px;font-variant-numeric:tabular-nums;text-shadow:0 4px 14px rgba(0,0,0,.3)}
.shell-v2 .rain-currency{color:#a9f5bd;font-size:14px;font-weight:900;letter-spacing:0}
.shell-v2 .rain-btns{position:relative;z-index:1;display:grid;grid-template-columns:auto auto;align-items:stretch;gap:6px}
.shell-v2 .rain-join{min-width:60px;height:38px;padding:0 10px;border:1px solid rgba(var(--accent-rgb),.28);border-radius:9px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.17),rgba(var(--accent-rgb),.08));color:#d8ffe3;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);font-family:'Inter',system-ui,sans-serif;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.shell-v2 .rain-timer{min-width:61px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 8px;border:1px solid rgba(255,255,255,.085);border-radius:9px;background:linear-gradient(180deg,#251e37,#1b1629);text-align:center;font-variant-numeric:tabular-nums;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.shell-v2 .rain-timer span{color:#777087;font-family:'Inter',system-ui,sans-serif;font-size:6.5px;font-weight:900;letter-spacing:.7px;line-height:1;text-transform:uppercase}
.shell-v2 .rain-timer strong{margin-top:4px;color:#f2eef7;font-family:'Inter',system-ui,sans-serif;font-size:10px;font-weight:900;letter-spacing:.35px;line-height:1}
.shell-v2 .rain-tip{width:auto;min-width:42px;height:38px;padding:0 9px;border:1px solid rgba(255,255,255,.085);border-radius:9px;background:linear-gradient(180deg,#2b233e,#211a31);color:#fff;font-family:'Inter',system-ui,sans-serif;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.65px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.shell-v2 .rain-tip:hover{color:#fff;border-color:rgba(var(--accent-rgb),.34);background:linear-gradient(180deg,#342a49,#281f3a);transform:translateY(-1px)}
.shell-v2 .rain-meter{position:relative;z-index:1;grid-column:1/-1;height:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.065)}
.shell-v2 .rain-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#72e991,#b1f7c3);box-shadow:0 0 9px rgba(var(--accent-rgb),.42);transition:width .8s linear}
.shell-v2 .chat-msgs{padding:5px 6px 10px;gap:2px}
.shell-v2 .chat-empty{max-width:225px;margin:auto;padding:28px 18px;color:#a7a0b3;font-family:'Inter',system-ui,sans-serif;font-size:11.5px;font-weight:600;line-height:1.55}
.shell-v2 .chat-msg{gap:8px;padding:8px 7px;border:1px solid transparent;border-radius:8px;background:transparent;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.shell-v2 .chat-msg:hover{transform:translateX(2px);background:linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border-color:rgba(255,255,255,.045)}
.shell-v2 .chat-msg.me{background:linear-gradient(90deg,rgba(var(--accent-rgb),.07),transparent);box-shadow:inset 2px 0 0 rgba(var(--accent-rgb),.55)}
.shell-v2 .chat-msg .cm-avatar{width:32px;height:36px;margin-top:0}
.shell-v2 .chat-msg .cm-pic{width:32px;height:32px;border-width:1px;box-shadow:0 4px 12px rgba(0,0,0,.38),0 0 0 2px rgba(255,255,255,.025)}
.shell-v2 .chat-msg .cm-avatar:hover .cm-pic{transform:translateY(-1px) scale(1.06);box-shadow:0 6px 16px rgba(0,0,0,.45),0 0 12px var(--ring,rgba(255,255,255,.1))}
.shell-v2 .chat-msg .cm-lvlbadge{bottom:0;padding:2px 4px;border-radius:4px;background:#302642;font-size:7.5px}
.shell-v2 .chat-msg .cm-top{gap:4px;margin-bottom:3px}
.shell-v2 .chat-msg .cm-name{max-width:102px;font-family:'Inter',system-ui,sans-serif;font-size:11.5px;font-weight:800!important;letter-spacing:-.05px}
.shell-v2 .chat-msg .cm-tag{padding:2px 4px;border-radius:4px;font-size:7px}
.shell-v2 .chat-msg .cm-time{font-size:8px;opacity:.36}
.shell-v2 .chat-msg .cm-body{padding:0;border:0;border-radius:0;background:transparent;color:#d4cfdd;font-family:'Inter',system-ui,sans-serif;font-size:11.75px;font-weight:500;line-height:1.48}
.shell-v2 .chat-msg.me .cm-body{background:transparent;color:#edeaf2}
.shell-v2 .chat-input{gap:7px;padding:9px;background:#271f3b;border-top:1px solid rgba(255,255,255,.07);box-shadow:0 -10px 24px rgba(8,5,14,.14)}
.shell-v2 .chat-input input{height:38px;padding:0 12px;border-radius:8px;background:#382d52;border-color:rgba(255,255,255,.085);font-family:'Inter',system-ui,sans-serif;font-size:11.5px;font-weight:600;box-shadow:inset 0 1px 4px rgba(0,0,0,.22)}
.shell-v2 .chat-input input:focus{border-color:rgba(var(--accent-rgb),.5);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08),inset 0 1px 4px rgba(0,0,0,.2)}
.shell-v2 .chat-send{width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:linear-gradient(180deg,#39324f,#2b263d);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 5px 13px rgba(8,5,14,.18)}
.shell-v2 .chat-send svg{transform:none;transition:transform .18s ease}
.shell-v2 .chat-send:hover{transform:translateY(-1px);border-color:rgba(190,176,229,.28);background:linear-gradient(180deg,#443b5d,#312b45);box-shadow:0 7px 16px rgba(8,5,14,.22)}
.shell-v2 .chat-send:hover svg{transform:translateX(2px)}

.shell-v2 main{
  position:relative;
  width:100%;
  max-width:none;
  min-height:calc(100vh - var(--shell-topbar-h));
  margin:0;
  padding:24px;
}
.shell-v2 .shell-empty-view{min-height:calc(100vh - var(--shell-topbar-h) - 48px)}
.shell-v2:not(.maintenance-lock) #siteFooter{display:flex!important}

.shell-v2 .home-view{width:100%;max-width:var(--shell-home-max);margin:0 auto;padding:0}
.shell-v2 .home-spotlight{
  display:grid;
  grid-template-columns:minmax(0,1.82fr) minmax(360px,1fr);
  gap:16px;
  align-items:stretch;
  margin-bottom:27px;
}
.shell-v2 .home-banners{
  width:100%;
  max-width:none;
  margin:0;
  aspect-ratio:1280/410;
  border-radius:16px;
  background:#191625;
}
.shell-v2 .promo-banner{border-radius:16px}
.shell-v2 .promo-banner img,
.shell-v2 .promo-banner.active img{object-fit:cover;transform:none}
.shell-v2 .home-account-summary{
  position:relative;
  min-width:0;
  min-height:205px;
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  grid-template-rows:1fr auto auto;
  grid-template-areas:"avatar copy" "track track" "caption caption";
  column-gap:13px;
  align-items:center;
  padding:25px 170px 20px 21px;
  overflow:visible;
  border:1px solid rgba(255,255,255,.075);
  border-radius:16px;
  background:
    linear-gradient(135deg,rgba(23,18,35,.92),rgba(15,12,24,.98)),
    url("jungle-purple-background.webp") center/cover no-repeat;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 38px rgba(8,5,15,.26);
}
.shell-v2 .home-account-summary::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,rgba(112,83,170,.12),transparent 48%),radial-gradient(circle at 86% 20%,rgba(var(--accent-rgb),.1),transparent 34%);
  pointer-events:none;
}
.shell-v2 .home-account-summary::after{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.03);border-radius:11px;pointer-events:none}
.shell-v2 .home-account-copy{position:relative;z-index:3;grid-area:copy;display:flex;flex-direction:column;gap:7px;min-width:0}
.shell-v2 .home-account-kicker{color:#aca5b9;font-size:9px;font-weight:900;letter-spacing:1.35px;text-transform:uppercase}
.shell-v2 .home-account-copy strong{overflow:hidden;color:#fff;font-family:'Russo One','Montserrat',sans-serif;font-size:clamp(18px,1.7vw,27px);font-weight:400;text-overflow:ellipsis;white-space:nowrap}
.shell-v2 .home-account-level{width:max-content;padding:5px 9px;border:1px solid rgba(var(--accent-rgb),.25);border-radius:999px;background:rgba(19,15,29,.48);color:#bdf7ce;font-size:9px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.shell-v2 .home-account-avatar{position:relative;z-index:3;grid-area:avatar;width:58px;height:58px;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.42);border-radius:16px;background:linear-gradient(145deg,rgba(77,59,113,.9),rgba(40,31,61,.95));box-shadow:0 10px 25px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)}
.shell-v2 .home-account-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.shell-v2 .home-level-track{position:relative;z-index:3;grid-area:track;height:5px;margin-top:18px;overflow:hidden;border-radius:99px;background:rgba(10,8,16,.52);box-shadow:inset 0 1px 2px rgba(0,0,0,.32)}
.shell-v2 .home-level-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#86efac);box-shadow:0 0 12px rgba(var(--accent-rgb),.45)}
.shell-v2 .home-level-caption{position:relative;z-index:3;grid-area:caption;display:flex;justify-content:flex-end;margin-top:8px;color:#9b94aa;font-size:8px;font-weight:900;letter-spacing:.75px;text-transform:uppercase}
.shell-v2 .home-account-character{position:absolute;z-index:2;right:-16px;bottom:-13px;width:auto;height:calc(100% + 45px);max-height:310px;pointer-events:none;filter:drop-shadow(-14px 18px 20px rgba(5,3,10,.48));transform-origin:bottom right}
.shell-v2 .home-section-heading{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:#fff;font-family:'Montserrat','Inter',sans-serif;font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.shell-v2 .home-section-heading::before{content:"";width:4px;height:17px;border-radius:3px;background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.45)}
.shell-v2 .home-games-carousel{position:relative;width:100%;padding:0 35px}
.shell-v2 .home-view .feat{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:clamp(188px,16vw,228px);
  grid-template-columns:none;
  gap:14px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
}
.shell-v2 .home-view .feat::-webkit-scrollbar{display:none}
.shell-v2 .home-view .feat.is-gliding{scroll-snap-type:none!important;scroll-behavior:auto!important}
.shell-v2 .home-view .gcard{
  width:100%;
  max-width:none;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  border:1px solid rgba(255,255,255,.045);
  border-radius:11px;
  background:transparent;
  filter:none;
}
.shell-v2 .home-view .gcard::before,
.shell-v2 .home-view .gcard::after{display:none}
.shell-v2 .home-view .gcard:hover{transform:translateY(-3px);filter:none;border-color:rgba(var(--accent-rgb),.22);box-shadow:0 14px 28px rgba(10,7,18,.22)}
.shell-v2 .home-view .gcard .art-svg{object-fit:cover;transform:none;padding:0}
.shell-v2 .home-view .gcard:hover .art-svg{transform:scale(1.025);filter:none}
.shell-v2 .home-games-arrow{
  position:absolute;
  top:50%;
  z-index:3;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.09);
  border-radius:50%;
  background:rgba(28,24,42,.92);
  color:#fff;
  box-shadow:0 12px 24px rgba(8,6,14,.28);
  cursor:pointer;
  isolation:isolate;
  transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.shell-v2 .home-games-arrow::after{content:"";position:absolute;inset:-1px;z-index:-1;border:1px solid rgba(var(--accent-rgb),.42);border-radius:inherit;opacity:0;pointer-events:none}
.shell-v2 .home-games-arrow:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.3);background:#302a45;box-shadow:0 12px 28px rgba(8,6,14,.34),0 0 18px rgba(var(--accent-rgb),.1)}
.shell-v2 .home-games-arrow:hover::after{animation:homeArrowPulse .72s ease-out}
.shell-v2 .home-games-arrow svg{transition:transform .18s ease}
.shell-v2 .home-games-arrow.previous:hover svg{transform:translateX(-2px)}
.shell-v2 .home-games-arrow.next:hover svg{transform:translateX(2px)}
.shell-v2 .home-games-arrow:disabled{opacity:.28;color:#817b91;cursor:default;box-shadow:none}
.shell-v2 .home-games-arrow:disabled::after{display:none}
.shell-v2 .home-games-arrow.previous{left:0}
.shell-v2 .home-games-arrow.next{right:0}
@keyframes homeArrowPulse{0%{opacity:.5;transform:scale(1)}100%{opacity:0;transform:scale(1.55)}}

.shell-v2 .home-bet-feed{margin-top:34px}
.shell-v2 .home-feed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}
.shell-v2 .home-feed-toolbar .home-section-heading{margin:0}
.shell-v2 .home-feed-tabs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(19,15,29,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.shell-v2 .home-feed-tabs button{min-height:34px;padding:0 15px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9992aa;font-family:'Montserrat','Inter',sans-serif;font-size:10px;font-weight:900;letter-spacing:.38px;text-transform:uppercase;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.shell-v2 .home-feed-tabs button:hover{color:#fff;background:rgba(255,255,255,.045)}
.shell-v2 .home-feed-tabs button.on{border-color:rgba(var(--accent-rgb),.25);background:linear-gradient(180deg,rgba(var(--accent-rgb),.17),rgba(var(--accent-rgb),.09));color:#a7f3bd;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 6px 16px rgba(5,3,10,.16)}
.shell-v2 .home-feed-table{overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:linear-gradient(145deg,rgba(37,29,56,.9),rgba(23,18,35,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 34px rgba(7,4,14,.2)}
.shell-v2 .home-bet-feed .feed-wrap{gap:0}
.shell-v2 .home-bet-feed .feed-row{margin:0;padding:11px 17px;border:0;border-radius:0;background:transparent}
.shell-v2 .home-bet-feed .feed-head{min-height:38px;padding-top:8px;padding-bottom:8px;color:#817a91;background:rgba(13,10,21,.22);font-size:9px;font-weight:900;letter-spacing:.9px}
.shell-v2 .home-bet-feed .feed-wrap .feed-row{min-height:58px;border-top:1px solid rgba(255,255,255,.055);transition:background .18s ease,transform .18s ease}
.shell-v2 .home-bet-feed .feed-wrap .feed-row:hover{background:linear-gradient(90deg,rgba(var(--accent-rgb),.055),rgba(255,255,255,.018));transform:translateX(2px)}
.shell-v2 .home-bet-feed .feed-empty{padding:30px;border:0;border-top:1px solid rgba(255,255,255,.055);border-radius:0;background:transparent;color:#8f889e;font-size:12px;font-weight:700}
.shell-v2 .home-bet-feed .fr-ico{flex-basis:38px;width:38px;height:38px}
.shell-v2 .home-bet-feed .fr-ico .shell-sprite-icon{width:34px;height:34px;filter:drop-shadow(0 6px 7px rgba(3,2,7,.38))}
.shell-v2 .home-bet-feed .fr-name{color:#f1eef7;font-size:12px;font-weight:900}
.shell-v2 .home-bet-feed .fr-user{color:#c9c4d4;font-size:12px;font-weight:800}
.shell-v2 .home-bet-feed .fr-num{color:#d9d5e2;font-size:12px}
.shell-v2 .home-bet-feed .fr-mult-win{color:#7ee69b}
.shell-v2 .home-bet-feed .fr-result{font-weight:900}

@media(max-width:1500px){
  .shell-v2 .home-view .feat{grid-auto-columns:clamp(184px,25vw,220px)}
  .shell-v2 .home-spotlight{grid-template-columns:minmax(0,1.6fr) minmax(330px,1fr)}
  .shell-v2 .home-account-summary{padding-right:154px}
  .shell-v2 .home-account-character{right:-12px;max-height:275px}
}

@media(max-width:1100px){
  body.shell-v2,
  body.shell-v2.authed,
  body.shell-v2.authed.chat-collapsed,
  body.shell-v2:not(.chat-collapsed){padding-left:0;padding-right:0}
  .shell-v2 .site-sidebar{transform:translateX(-100%);z-index:74}
  .shell-v2.sidebar-open .site-sidebar{transform:translateX(0)}
  .shell-v2 .sidebar-scrim{
    position:fixed;
    inset:0;
    z-index:73;
    display:block;
    visibility:hidden;
    opacity:0;
    border:0;
    background:rgba(8,6,14,.68);
    backdrop-filter:blur(2px);
    transition:opacity .2s ease,visibility .2s ease;
  }
  .shell-v2.sidebar-open .sidebar-scrim{visibility:visible;opacity:1}
  .shell-v2 nav.site-topbar,
  .shell-v2.chat-collapsed nav.site-topbar,
  .shell-v2:not(.chat-collapsed) nav.site-topbar{left:0;right:0}
  .shell-v2 .nav-balance-center{position:fixed!important;top:calc((var(--shell-topbar-h) - 42px) / 2);right:0!important;left:0!important;width:max-content;margin:0 auto!important;transform:none!important}
  .shell-v2 .menu-toggle{display:grid!important;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:9px;color:#fff;background:#29243f;border:1px solid rgba(255,255,255,.075)}
  .shell-v2 .topbar-home{display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent;cursor:pointer}
  .shell-v2 .topbar-home img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.4))}
  .shell-v2 #chatPanel{z-index:72;width:min(360px,92vw);box-shadow:-22px 0 48px rgba(8,6,15,.44)}
  .shell-v2 .home-spotlight{grid-template-columns:1fr}
  .shell-v2 .home-account-summary{min-height:185px;padding-right:168px}
  .shell-v2 .home-account-character{right:-8px;max-height:255px}
  .shell-v2 .topbar-brand{width:154px}
  .shell-v2 .topbar-brand,
  .shell-v2.sidebar-compact .topbar-brand{margin-left:0}
  .shell-v2 .topbar-brand .nav-brand-logo{width:148px;max-width:148px}
}

@media(max-width:700px){
  :root{--shell-topbar-h:64px}
  body.shell-v2,
  body.shell-v2.authed,
  body.shell-v2.authed.chat-collapsed{padding-top:var(--shell-topbar-h)}
  .shell-v2 nav.site-topbar{height:var(--shell-topbar-h);min-height:var(--shell-topbar-h);padding:0 8px;gap:6px}
  .shell-v2 .site-sidebar{width:min(278px,86vw)}
  .shell-v2 .sidebar-top-actions{height:var(--shell-topbar-h);min-height:var(--shell-topbar-h)}
  .shell-v2 .nav-balance-center .balance{min-width:92px;padding:0 8px;font-size:12px}
  .shell-v2 .nav-deposit{padding:0 9px;font-size:9px}
  .shell-v2 .topbar-chat-toggle,
  .shell-v2 .notification-btn{width:36px;height:38px}
  .shell-v2 .profile-btn{height:38px;padding:4px}
  .shell-v2 .profile-btn .hide-mobile{display:none}
  .shell-v2 #guestTools .btn{padding:0 10px;font-size:9px}
  .shell-v2 .topbar-brand{width:110px;height:48px}
  .shell-v2 .topbar-brand .nav-brand-logo{width:104px;max-width:104px}
  .shell-v2 main{padding:16px}
  .shell-v2 .shell-empty-view{min-height:calc(100vh - var(--shell-topbar-h) - 32px)}
  .shell-v2 .home-spotlight{gap:11px;margin-bottom:22px}
  .shell-v2 .home-account-summary{min-height:165px;padding:18px 132px 17px 17px;grid-template-columns:48px minmax(0,1fr);column-gap:10px}
  .shell-v2 .home-account-avatar{width:48px;height:48px;border-radius:13px}
  .shell-v2 .home-account-character{right:-8px;bottom:-9px;max-height:220px}
  .shell-v2 .home-games-carousel{padding:0 32px}
  .shell-v2 .home-view .feat{grid-auto-columns:min(72vw,218px);gap:10px}
  .shell-v2 .home-games-arrow{width:32px;height:32px}
  .shell-v2 .home-bet-feed{margin-top:28px}
  .shell-v2 .home-feed-toolbar{align-items:flex-start;flex-direction:column;gap:10px}
  .shell-v2 .home-feed-tabs{width:100%}
  .shell-v2 .home-feed-tabs button{flex:1;padding:0 8px}
}

@media(max-width:560px){
  .shell-v2 .home-bet-feed .feed-head span:nth-child(2),
  .shell-v2 .home-bet-feed .feed-head span:nth-child(3){display:none}
  .shell-v2 .home-bet-feed .feed-row{grid-template-columns:1.35fr .75fr .85fr}
  .shell-v2 .home-bet-feed .fr-ico{flex-basis:32px;width:32px;height:32px}
  .shell-v2 .home-bet-feed .fr-ico .shell-sprite-icon{width:29px;height:29px}
}

@media(max-width:460px){
  .shell-v2 .nav-balance-center .nav-deposit{display:none}
  .shell-v2 .nav-balance-center .balance{margin-right:0;border-radius:9px;min-width:82px}
  .shell-v2 #guestTools .btn-ghost{display:none}
}