/* winnerZ modern lobby skin — intentionally flat, calm and high-contrast. */
:root{
  --wzm-bg:#061018;
  --wzm-bg-2:#091720;
  --wzm-panel:#0b1b26;
  --wzm-panel-2:#0f2230;
  --wzm-line:#193444;
  --wzm-line-soft:#132a38;
  --wzm-text:#f5f8fa;
  --wzm-muted:#7e95a2;
  --wzm-subtle:#566f7c;
  --wzm-green:#2ce89a;
  --wzm-green-2:#1bd487;
  --wzm-green-soft:rgba(44,232,154,.12);
  --wzm-radius:12px;
  --wzm-sidebar:198px;
  --wzm-header:64px;
}
html,body{background:var(--wzm-bg)!important;color:var(--wzm-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{font-size:13px!important}
*{scrollbar-color:#284652 transparent;scrollbar-width:thin}

/* Shell */
:root{--wz-sidebar:var(--wzm-sidebar);--wz-header:var(--wzm-header)}
.casino-sidebar{width:var(--wzm-sidebar)!important;background:#06111a!important;border-right:1px solid #112c3a!important;padding:18px 10px 12px!important}
.winnerz-side-brand{padding:0 12px!important;height:40px!important;margin-bottom:18px!important;font-size:18px!important}
.winnerz-side-brand .winnerz-cardmark{filter:sepia(.1) saturate(.75)}
.stakr-side-top,.stakr-side-bottom{gap:4px!important}
.stakr-side-spacer{min-height:18px!important}
.stakr-side-item{min-height:40px!important;border-radius:9px!important;color:#748b98!important;padding:0 11px!important;gap:12px!important;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important}
.stakr-side-item:hover{background:#0d202b!important;border-color:#163645!important;color:#d8e5ea!important;transform:translateX(1px)!important}
.stakr-side-item.active{background:linear-gradient(90deg,rgba(44,232,154,.13),rgba(44,232,154,.05))!important;border-color:rgba(44,232,154,.22)!important;color:#ecfff7!important}
.stakr-side-item.active .ui-icon{color:var(--wzm-green)!important}
.stakr-side-item .ui-icon{width:18px!important;height:18px!important;color:#75909d!important}
.stakr-side-item span:last-child{font-size:11px!important;font-weight:720!important}
.sidebar-meta{margin:12px 12px 0;color:#405966;font-size:9px;letter-spacing:.04em}

.site-header{left:var(--wzm-sidebar)!important;height:var(--wzm-header)!important;background:rgba(6,16,24,.96)!important;border-bottom:1px solid #122c39!important;padding:0 20px!important;gap:18px!important;z-index:1000!important}
.stakr-wordmark{flex:0 0 auto!important}
.stakr-wordmark-text{font-size:19px!important;color:#f2f7f8!important}
.ref-header-search{position:relative;display:flex;align-items:center;gap:10px;flex:1 1 560px;max-width:620px;height:38px;padding:0 12px;border:1px solid #183545;background:#0a1a25;border-radius:11px;color:#6e8793;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;cursor:text}
.ref-header-search:focus-within{border-color:#28566a;background:#0d1f2b;box-shadow:0 0 0 3px rgba(44,232,154,.06)}
.ref-header-search .ui-icon{width:17px;height:17px;flex:0 0 17px}
.ref-header-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:#edf4f6!important;padding:0!important;font-size:11px!important}
.ref-header-search input::placeholder{color:#5f7885}
.ref-header-search kbd{border:1px solid #244452;background:#0d202b;border-radius:6px;color:#6e8793;font-size:8px;padding:4px 6px;white-space:nowrap}
.header-actions{gap:8px!important}
.header-icon-btn{position:relative;width:36px;height:36px;border-radius:9px;border:1px solid #183646;background:#0a1a25;color:#91a7b2;display:grid;place-items:center;transition:all .16s ease}
.header-icon-btn:hover{color:#eef7fa;border-color:#2a4d5d;background:#0d202b}
.header-icon-btn .ui-icon{width:16px;height:16px}
.header-icon-btn i{position:absolute;right:8px;top:7px;width:5px;height:5px;border-radius:999px;background:var(--wzm-green);box-shadow:0 0 0 3px rgba(44,232,154,.08)}
.header-wallet{height:36px!important;min-width:130px!important;padding:0 10px!important;border-radius:9px!important;background:#0a1c27!important;border:1px solid #1a3a4a!important;gap:8px!important;justify-content:flex-start!important}
.header-wallet:hover{background:#0d212d!important;border-color:#2c586a!important}
.header-wallet-icon{width:16px!important;height:16px!important;color:#9cb5c0!important}
.header-wallet-copy{display:flex;flex-direction:column;text-align:left;line-height:1.05;min-width:0}
.header-wallet-copy small{font-size:7px;color:#5e7886;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.header-wallet-copy strong{font-size:11px;font-weight:850;letter-spacing:-.01em}
.header-chevron{margin-left:auto;width:14px!important;height:14px!important;color:#67818d}
.header-deposit{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:9px;border:1px solid #26d88e;background:var(--wzm-green);color:#03140d;font-weight:900;font-size:10px;transition:transform .16s ease,background .16s ease}
.header-deposit:hover{background:#45f2a9;transform:translateY(-1px)}
.header-deposit .ui-icon{width:14px;height:14px}
.stakr-login-btn,.stakr-signup-btn{height:36px!important;border-radius:9px!important;font-size:10px!important}
.header-profile{display:flex!important;min-height:36px!important;width:auto!important;padding:0 6px!important;border-color:transparent!important;background:transparent!important;gap:8px!important}
.header-profile:hover{background:#0b1e2a!important;border-color:#173746!important}
.header-profile .stakr-profile-avatar{width:28px!important;height:28px!important;border-radius:50%!important;background:linear-gradient(145deg,#163647,#0c2633)!important;border:1px solid #2a5a6c!important;color:#dffef3!important}
.header-profile .stakr-profile-copy strong{font-size:9px!important}
.header-profile .stakr-profile-copy small{font-size:8px!important}

.main{margin-left:var(--wzm-sidebar)!important;width:calc(100% - var(--wzm-sidebar))!important;padding:calc(var(--wzm-header) + 12px) 22px 48px!important;background:var(--wzm-bg)!important}
.view{max-width:1580px!important}
.ref-home-layout{grid-template-columns:minmax(0,1fr) 340px!important;gap:18px!important}
.ref-home-side{width:340px!important}

/* Hero */
.ref-hero{height:278px!important;border-radius:12px!important;border:1px solid #1a3a49!important;background:#0a1822!important;overflow:hidden!important}
.ref-hero-image{object-position:center center!important}
.ref-hero-shade{background:linear-gradient(90deg,rgba(3,10,14,.92) 0%,rgba(3,10,14,.72) 42%,rgba(3,10,14,.16) 100%)!important}
.ref-hero-copy{padding:38px 40px!important;justify-content:center!important}
.ref-hero-kicker{color:var(--wzm-green)!important;font-size:9px!important;letter-spacing:.13em!important;margin-bottom:9px!important}
.ref-hero-copy h1{font-size:44px!important;line-height:1.02!important;letter-spacing:-.06em!important;margin-bottom:12px!important}
.ref-hero-copy h1 span{color:var(--wzm-green)!important}
.ref-hero-copy p{max-width:430px!important;font-size:11px!important;line-height:1.55!important;color:#a7bac4!important}
.ref-hero-actions{margin-top:18px!important}
.ref-yellow-btn{background:var(--wzm-green)!important;border-color:#23d58e!important;color:#032017!important;height:38px!important;border-radius:9px!important;padding:0 16px!important;transition:transform .16s ease,background .16s ease!important}
.ref-yellow-btn:hover{background:#48f1aa!important;transform:translateY(-1px)!important}
.ref-hero-secondary{height:38px!important;border-radius:9px!important;background:rgba(8,18,25,.75)!important;border-color:#4b6875!important;color:#e2ecef!important}
.ref-hero-secondary:hover{background:#102531!important}
.ref-mode-row{display:none!important}
.stakr-live-strip{display:none!important}

/* Search + category row */
.stakr-searchbar{height:42px!important;border-radius:10px!important;background:#081923!important;border:1px solid #183646!important;margin-top:14px!important;transition:border-color .16s ease,background .16s ease}
.stakr-searchbar:focus-within{border-color:#2a5568!important;background:#0a1d29!important}
.stakr-searchbar input{font-size:10px!important}
.ref-category-row{display:flex!important;gap:7px!important;overflow:auto!important;padding:12px 0 4px!important;scrollbar-width:none}
.ref-category-row::-webkit-scrollbar{display:none}
.ref-category{height:36px!important;padding:0 11px!important;display:flex!important;align-items:center!important;gap:7px!important;border-radius:9px!important;border:1px solid #173545!important;background:#091a25!important;color:#718894!important;white-space:nowrap!important;transition:all .16s ease!important}
.ref-category:hover{color:#dbe7eb!important;background:#0d202b!important;border-color:#234858!important;transform:translateY(-1px)!important}
.ref-category.active{background:linear-gradient(180deg,rgba(44,232,154,.14),rgba(44,232,154,.08))!important;border-color:rgba(44,232,154,.48)!important;color:#e8fff6!important}
.ref-category.active .ref-cat-icon{color:var(--wzm-green)!important}
.ref-cat-icon{width:14px!important;height:14px!important}
.ref-category b{font-size:9px!important}

/* Section + cards */
.ref-section-head{margin:16px 0 10px!important}
.ref-section-head h2{font-size:15px!important;letter-spacing:-.02em!important}
.ref-section-head h2 .ui-icon{width:15px!important;height:15px!important;color:#a5b7bf!important}
.ref-section-head a{font-size:9px!important;color:#728a95!important}
.ref-game-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
.gcard.ref-gcard{border-radius:11px!important;background:#0a1b26!important;border:1px solid #173847!important;box-shadow:0 6px 20px rgba(0,0,0,.12)!important;overflow:hidden!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.gcard.ref-gcard:hover{transform:translateY(-3px)!important;border-color:#2a5668!important;box-shadow:0 12px 26px rgba(0,0,0,.18)!important}
.ref-gcard-art{aspect-ratio:1.58/1!important;background:#0b1821!important}
.ref-gcard-image{transition:transform .28s ease,filter .28s ease!important}
.gcard.ref-gcard:hover .ref-gcard-image{transform:scale(1.035)!important;filter:saturate(1.04)!important}
.ref-gcard-sheen{background:linear-gradient(180deg,rgba(255,255,255,0) 50%,rgba(2,10,14,.66) 100%)!important}
.ref-card-badges{top:9px!important;left:9px!important;right:auto!important}
.ref-card-badge{font-size:7px!important;height:20px!important;padding:0 7px!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;font-weight:900!important}
.ref-card-badge.hot{background:#d8ff6d!important;color:#123400!important;border:0!important}
.ref-card-badge.new{background:#32e69a!important;color:#062217!important;border:0!important}
.ref-card-badge.live{background:#1fce9c!important;color:#032117!important;border:0!important}
.gfav{width:25px!important;height:25px!important;border-radius:7px!important;right:8px!important;top:8px!important;background:rgba(4,13,18,.62)!important;border:1px solid rgba(255,255,255,.12)!important;color:#dbe6e9!important}
.ref-play-overlay{background:rgba(2,9,13,.52)!important;color:#f5fafc!important}
.ref-play-icon{width:32px!important;height:32px!important;border-radius:50%!important;background:rgba(44,232,154,.96)!important;color:#062017!important}
.ref-gcard-meta{padding:9px 10px 10px!important;background:#0a1b26!important;display:flex!important;gap:8px!important}
.ref-gcard-name{font-size:10px!important;font-weight:820!important;color:#eff5f7!important}
.ref-gcard-prov{font-size:8px!important;color:#667f8d!important;margin-top:2px!important}
.ref-gcard-cat{font-size:7px!important;color:#4f6975!important;border:1px solid #1a3644!important;background:#0b202b!important;padding:4px 6px!important;border-radius:6px!important;align-self:flex-end!important;white-space:nowrap}

/* Right rail */
.ref-home-side{position:sticky!important;top:76px!important}
.rail-secondary-card{display:none!important}
.ref-side-card,.ref-fair-card{border:1px solid #183747!important;background:#0a1b26!important;border-radius:12px!important;box-shadow:none!important}
.ref-wallet-card{padding:14px!important}
.ref-wallet-head{display:flex;justify-content:space-between;align-items:flex-start}
.ref-wallet-head .ref-card-title{margin:0!important}
.ref-wallet-sub{display:block;color:#607986;font-size:8px;margin-top:2px}
.ref-visibility-icon{width:15px;height:15px;color:#597482}
.ref-wallet-amount{font-size:27px!important;font-weight:900!important;letter-spacing:-.05em!important;margin:10px 0 12px!important;color:#f6fbfd!important}
.ref-wallet-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.ref-wallet-quick-actions button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 3px 8px;border-radius:9px;background:#0a1f2c;border:1px solid #173a49;color:#8ba2ae;font-size:8px;font-weight:800;transition:all .16s ease}
.ref-wallet-quick-actions button:hover{background:#0d2734;border-color:#2a586a;color:#ecf7fa;transform:translateY(-1px)}
.wallet-action-icon{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;font-size:12px;font-weight:900;background:#122b39;color:#b6c8cf;border:1px solid #244654}
.wallet-action-icon.plus{color:var(--wzm-green);background:rgba(44,232,154,.08);border-color:rgba(44,232,154,.18)}
.wallet-action-icon.btc{color:#e1b160}.wallet-action-icon.minus{color:#8aa0aa}.wallet-action-icon.more{letter-spacing:1px}
.wallet-methods-title{margin:14px 0 8px;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.09em;color:#58727f}
.wallet-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.wallet-methods button{min-height:63px;border-radius:9px;border:1px solid #163646;background:#081a25;color:#9ab0ba;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:all .16s ease}
.wallet-methods button:hover{background:#0d2430;border-color:#2a5568;color:#f4fbfd;transform:translateY(-1px)}
.wallet-methods small{font-size:7px;color:#6d8792;font-weight:760}
.method-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#102a37;color:#c5d2d8;font-size:13px;font-weight:900}
.method-icon.btc{color:#f0b44f}.method-icon.eth{color:#adb7cb}.method-icon.usdt{color:#4cc896}.method-icon.sol{color:#9ed4c0}.method-icon.bnb{color:#e0c05f}.method-icon.xrp{color:#d5e0e4}.method-icon.doge{color:#d5bf6b}
.ref-side-card+.ref-side-card{margin-top:10px!important}
.ref-side-card .ref-card-title,.ref-fair-card{font-size:10px!important}
.ref-card-toggle{padding:12px 13px!important}
.ref-live-wins{padding:2px 10px 10px!important}
.ref-live-row{padding:10px 1px!important;border-bottom:1px solid #122f3c!important}
.ref-live-row b{font-size:9px!important}.ref-live-row span{font-size:8px!important;color:var(--wzm-green)!important}.ref-live-row small{font-size:7px!important;color:#53707d!important}
.ref-fair-card{margin-top:10px!important;display:grid!important;grid-template-columns:28px 1fr auto!important;gap:10px!important;align-items:center!important;padding:12px!important}
.ref-fair-card .ref-fair-icon{width:24px!important;height:24px!important;color:var(--wzm-green)!important;background:rgba(44,232,154,.08)!important;border:1px solid rgba(44,232,154,.16)!important;border-radius:8px!important;display:grid!important;place-items:center!important}
.ref-fair-card strong{font-size:9px!important}.ref-fair-card span{font-size:7px!important;color:#67818d!important}.ref-fair-card button{background:transparent!important;border:0!important;color:#8ba4af!important;font-size:8px!important}

/* Wallet modal */
#walletModal .modal-content{background:#081a24!important;border:1px solid #204253!important;border-radius:14px!important;box-shadow:0 26px 70px rgba(0,0,0,.45)!important}
.wallet-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;padding-bottom:14px!important;border-bottom:1px solid #173746!important}
.wallet-head h2{font-size:22px!important;letter-spacing:-.04em!important;margin:0!important}
.wallet-balance{min-width:176px!important;background:#0a202d!important;border:1px solid #194052!important;border-radius:10px!important;padding:10px 12px!important}
.wb-label{font-size:7px!important;color:#5e7885!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.wb-value{font-size:19px!important;color:#f5fbfd!important}
.wallet-tabs{display:flex!important;gap:6px!important;padding:12px 0!important;overflow:auto}
.wallet-tab{border-radius:8px!important;border:1px solid #173847!important;background:#0a1e29!important;color:#6e8894!important;font-size:9px!important;padding:9px 12px!important;transition:all .16s ease!important}
.wallet-tab:hover{color:#dce8eb!important;border-color:#2a5668!important}.wallet-tab.active{background:rgba(44,232,154,.1)!important;border-color:rgba(44,232,154,.38)!important;color:#dffff1!important}
.coin-list{gap:8px!important}
.coin-tile{border-radius:10px!important;background:#0a1e2a!important;border:1px solid #173948!important;padding:9px!important;transition:all .16s ease!important}
.coin-tile:hover{transform:translateY(-1px)!important;background:#0c2430!important;border-color:#2a5364!important}
.coin-tile.active{background:rgba(44,232,154,.08)!important;border-color:rgba(44,232,154,.4)!important}
.coin-symbol{width:28px!important;height:28px!important;border-radius:8px!important;background:#0e2734!important;border:1px solid #234957!important;color:var(--coin-accent)!important}
.coin-symbol svg{width:15px;height:15px}
.coin-name{font-size:9px!important;color:#dce7ea!important}.coin-bal{font-size:8px!important;color:#5e7a86!important}
.local-credit-box{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;background:#091f2a!important;border:1px solid #173b4a!important;border-radius:11px!important;padding:12px!important;margin-top:14px!important}
.ledger-copy{display:flex;flex-direction:column;gap:3px}.ledger-copy b{font-size:10px;color:#edf6f8}.ledger-copy span:last-child{font-size:8px;color:#607c88}
.ledger-pill{display:inline-flex;align-items:center;align-self:flex-start;height:18px;padding:0 7px;border-radius:999px;background:rgba(44,232,154,.08);border:1px solid rgba(44,232,154,.16);color:#7fe7bc!important;font-size:6px!important;letter-spacing:.1em;text-transform:uppercase}
.local-credit-row{display:flex;gap:7px}.local-credit-row .bet-input{width:120px!important}.local-credit-row .btn-primary{height:36px!important;padding:0 12px!important;border-radius:8px!important}
.addr-box,.qr-box,.swap-box,.withdraw-meta,.wtx-row{background:#091b25!important;border:1px solid #173746!important;border-radius:10px!important}
.addr-box{padding:10px!important}.addr-box code{font-size:8px!important;color:#9bb1ba!important}
.qr-box{padding:12px!important;gap:14px!important}.qr-placeholder{border-radius:8px!important;padding:8px!important}
.withdraw-meta{padding:12px!important}.wtx-row{padding:11px!important}

/* clean motion */
@keyframes wzFadeUp{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.view.active .ref-hero,.view.active .ref-section-head,.view.active .ref-gcard,.view.active .ref-side-card{animation:wzFadeUp .24s ease both}
.ref-gcard:nth-child(2){animation-delay:.02s}.ref-gcard:nth-child(3){animation-delay:.04s}.ref-gcard:nth-child(4){animation-delay:.06s}.ref-gcard:nth-child(5){animation-delay:.08s}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* lower sections keep consistent surfaces */
.page-title{font-size:22px!important;letter-spacing:-.04em!important}
.filter-bar,.status-banner,.vip-hero,.account-hero,.account-card,.fair-verify,.history-table,.info-card,.promo-card{background:#0a1b26!important;border-color:#183747!important;box-shadow:none!important}
.btn-primary{background:var(--wzm-green)!important;color:#052016!important;border:1px solid #29d991!important;border-radius:8px!important;box-shadow:none!important}
.btn-primary:hover{background:#45efaa!important;transform:translateY(-1px)!important}

@media(max-width:1200px){
  .ref-home-layout{grid-template-columns:minmax(0,1fr) 300px!important}
  .ref-home-side{width:300px!important}
  .ref-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .ref-header-search{max-width:470px}
}
@media(max-width:960px){
  .site-header{left:0!important}.casino-sidebar{transform:translateX(-100%);transition:transform .2s ease!important}.mobile-nav-open .casino-sidebar{transform:translateX(0)}
  .main{margin-left:0!important;width:100%!important;padding-left:16px!important;padding-right:16px!important}
  .ref-home-layout{grid-template-columns:1fr!important}.ref-home-side{position:static!important;width:100%!important}.ref-home-side{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ref-wallet-card{grid-column:1/-1}.ref-fair-card{margin-top:0!important}
  .ref-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .header-profile .stakr-profile-copy{display:none}.stakr-login-btn,.stakr-signup-btn{display:none}
}
@media(max-width:680px){
  .ref-header-search{display:none}.header-wallet-copy,.header-chevron{display:none}.header-wallet{min-width:42px!important;justify-content:center!important}.header-wallet-icon{margin:auto}
  .ref-hero{height:300px!important}.ref-hero-copy{padding:28px!important}.ref-hero-copy h1{font-size:34px!important}.ref-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ref-home-side{grid-template-columns:1fr!important}.wallet-methods{grid-template-columns:repeat(4,1fr)}
  .local-credit-box{flex-direction:column;align-items:stretch}.local-credit-row .bet-input{width:100%!important}
}
.stakr-rail-toggle{display:none!important}
.ref-home-side .ref-side-card[data-collapsible]{padding:0!important;overflow:hidden}
.ref-home-side .ref-card-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;background:transparent!important;color:#e7f0f3!important;border:0!important;font-size:10px!important}
.ref-home-side .ref-card-body{padding:0!important}