/* winnerZ 66 — spacious desktop-first UI refresh */
:root{
  --wz-sidebar:228px;
  --wz-header:72px;
  --wz-page:#0d0f0e;
  --wz-panel-strong:#171a17;
  --wz-panel-soft:#111411;
  --wz-border:rgba(242,238,228,.13);
  --wz-border-strong:rgba(242,238,228,.22);
  --wz-gold:#d0af67;
  --wz-gold-soft:#e4cd96;
  --wz-copy:#f4f1e9;
  --wz-copy-muted:#a8aaa1;
  --wz-copy-dim:#7f817a;
}

html,body{font-size:16px!important;background:var(--wz-page)!important;color:var(--wz-copy)!important}
body{letter-spacing:-.012em!important}

/* shell */
.site-header{left:var(--wz-sidebar)!important;height:var(--wz-header)!important;padding:0 28px!important;gap:20px!important;background:rgba(13,15,14,.98)!important}
.site-header .winnerz-wordmark{gap:12px!important}
.site-header .winnerz-wordmark .stakr-wordmark-text{font-size:21px!important}
.winnerz-cardmark{width:34px!important;height:34px!important}
.winnerz-cardmark i{width:17px!important;height:24px!important}
.header-actions{gap:10px!important}
.header-icon-btn{width:44px!important;height:44px!important;border-radius:12px!important}
.header-wallet{height:46px!important;min-width:154px!important;padding:0 14px!important;border-radius:12px!important;gap:11px!important}
.header-wallet-copy small{font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.header-wallet-copy strong{font-size:14px!important}
.header-deposit,.stakr-login-btn,.stakr-signup-btn{height:46px!important;border-radius:12px!important;padding:0 18px!important;font-size:13px!important}
.stakr-side-profile{min-height:46px!important;padding:6px 10px!important;border-radius:12px!important}
.stakr-profile-copy strong{font-size:12px!important}.stakr-profile-copy small{font-size:10px!important}

.casino-sidebar{top:var(--wz-header)!important;width:var(--wz-sidebar)!important;height:calc(100vh - var(--wz-header))!important;padding:18px 14px!important;background:#101210!important}
.casino-sidebar .winnerz-side-brand{padding:8px 10px 22px!important;gap:12px!important}
.casino-sidebar .winnerz-side-brand>span:last-child{font-size:20px!important}
.casino-sidebar .winnerz-side-brand .winnerz-cardmark{transform:none!important}
.stakr-side-top,.stakr-side-bottom{gap:6px!important}
.stakr-side-item{min-height:44px!important;padding:0 13px!important;gap:12px!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important}
.stakr-side-item .ui-icon{width:18px!important;height:18px!important}
.sidebar-meta{font-size:10px!important;padding:10px!important}

/* content fills the viewport instead of leaving a large black column */
.main{margin-left:var(--wz-sidebar)!important;width:calc(100% - var(--wz-sidebar))!important;max-width:none!important;padding:calc(var(--wz-header) + 26px) 28px 56px!important}
.view{max-width:none!important}
#view-home{width:100%!important}
.ref-home-layout{grid-template-columns:minmax(0,1fr) 360px!important;gap:22px!important;align-items:start!important}
.ref-home-main{min-width:0!important}
.ref-home-side{width:360px!important;min-width:0!important}

/* hero */
.ref-hero{height:356px!important;border-radius:18px!important}
.ref-hero-copy{padding:42px 46px!important}
.ref-hero-kicker{font-size:12px!important;letter-spacing:.18em!important}
.ref-hero-copy h1{font-size:54px!important;line-height:.98!important;max-width:620px!important;margin-top:14px!important}
.ref-hero-copy p{font-size:15px!important;line-height:1.65!important;max-width:590px!important;margin-top:18px!important}
.ref-hero-actions{gap:10px!important;margin-top:24px!important}
.ref-yellow-btn,.ref-hero-secondary{height:50px!important;border-radius:12px!important;padding:0 20px!important;font-size:13px!important}

/* hub / search / filters */
.ref-mode-row{gap:10px!important;margin-top:18px!important}
.ref-mode-card{min-height:64px!important;padding:0 17px!important;border-radius:12px!important}
.ref-mode-card strong{font-size:14px!important}.ref-mode-card small{font-size:11px!important}
.stakr-searchbar{height:52px!important;min-height:52px!important;margin-top:14px!important;border-radius:12px!important}
.stakr-searchbar input{font-size:13px!important}
.ref-category-row{gap:8px!important;margin-top:10px!important}
.ref-category{min-height:44px!important;padding:0 13px!important;border-radius:10px!important;font-size:12px!important}

/* section labels */
.ref-section-head{margin:24px 0 12px!important}
.ref-section-head h2{font-size:21px!important}
.ref-section-head p,.ref-section-head small{font-size:11px!important}

/* cards are 4-up and materially larger */
.ref-game-grid,.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.ref-gcard,.gcard,.game-card{border-radius:14px!important}
.gcard-art,.ref-gcard-art,.game-card-art{aspect-ratio:1 / 1.12!important}
.ref-gcard-meta{min-height:86px!important;padding:12px 13px!important}
.ref-gcard-name{font-size:14px!important;line-height:1.15!important}
.ref-gcard-prov{font-size:11px!important;margin-top:5px!important}
.ref-gcard-cat{font-size:10px!important;padding:5px 8px!important}
.ref-card-badge{font-size:9px!important;padding:5px 7px!important}

/* right rail */
.ref-side-card,.ref-fair-card{border-radius:16px!important;padding:20px!important;margin-bottom:14px!important}
.ref-card-title{font-size:12px!important;letter-spacing:.1em!important}
.ref-wallet-amount{font-size:32px!important;line-height:1.05!important;margin-top:8px!important}
.ref-wallet-actions{gap:8px!important;margin-top:16px!important}
.ref-wallet-actions button{height:44px!important;border-radius:10px!important;font-size:11px!important}
.wallet-methods{gap:8px!important}
.wallet-methods .wallet-method{min-height:58px!important;border-radius:11px!important}
.wallet-method .wm-sym{font-size:13px!important}.wallet-method .wm-name{font-size:9px!important}
.ref-live-list,.ref-activity-list{gap:4px!important}
.ref-live-item{padding:12px 0!important}.ref-live-item strong{font-size:12px!important}.ref-live-item span,.ref-live-item small{font-size:10px!important}

/* wallet */
.modal-content.modal-lg{width:min(980px,calc(100vw - 48px))!important;max-width:980px!important;border-radius:20px!important}
.wallet-head{padding:4px 0 20px!important}
.wallet-head h2{font-size:34px!important}
.wb-label{font-size:12px!important}.wb-value{font-size:32px!important}
.wallet-tabs{gap:4px!important;margin-bottom:20px!important}
.wallet-tab{height:46px!important;padding:0 18px!important;font-size:13px!important;border-radius:10px 10px 0 0!important}
.wallet-label{font-size:11px!important;letter-spacing:.1em!important}
.coin-list{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.coin-tile{min-height:88px!important;padding:12px!important;border-radius:12px!important}
.coin-symbol{width:34px!important;height:34px!important}.coin-name{font-size:12px!important}.coin-bal{font-size:10px!important}
.addr-box{min-height:56px!important;border-radius:11px!important;padding:10px 12px!important}
.addr-box code{font-size:12px!important}
.qr-box{gap:18px!important;padding:18px!important;border-radius:14px!important}.qr-placeholder{width:140px!important;height:140px!important}.qr-placeholder svg{width:140px!important;height:140px!important}
.qr-net{font-size:13px!important}.qr-warn{font-size:11px!important;line-height:1.55!important}
.deposit-auto-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;padding:16px 18px;margin:2px 0 22px;border:1px solid rgba(199,168,102,.24);background:linear-gradient(135deg,rgba(199,168,102,.09),rgba(199,168,102,.035));border-radius:14px}
.deposit-auto-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(199,168,102,.13);border:1px solid rgba(199,168,102,.28);color:var(--wz-gold-soft);font-weight:900;font-size:18px}
.deposit-auto-kicker{display:block;font-size:10px;letter-spacing:.14em;color:var(--wz-gold-soft);font-weight:900;margin-bottom:4px}
.deposit-auto-card b{display:block;font-size:14px;color:#f2eee4}.deposit-auto-card p{margin:5px 0 0;color:#aaa99f;font-size:11px;line-height:1.55}
.deposit-auto-badge{align-self:start;padding:7px 9px;border-radius:999px;background:rgba(199,168,102,.1);border:1px solid rgba(199,168,102,.22);font-size:10px;font-weight:900;color:var(--wz-gold-soft);letter-spacing:.08em}
.wallet-note{font-size:11px!important;line-height:1.65!important}

/* auth */
.auth-layout-v63{grid-template-columns:1fr 1.05fr!important;min-height:600px!important}
.auth-showcase-v63{padding:46px!important}.auth-showcase-v63 h3{font-size:40px!important;max-width:420px!important;margin:120px 0 16px!important}
.auth-showcase-v63 p{font-size:14px!important;line-height:1.7!important;max-width:410px!important}
.auth-feature-list-v63{gap:14px!important;margin-top:34px!important}.auth-feature-v63{font-size:12px!important}.auth-feature-icon-v63{width:34px!important;height:34px!important}
.auth-form-v63{padding:52px 46px!important}.auth-form-v63 h2{font-size:34px!important}.auth-form-v63 .modal-sub{font-size:12px!important;line-height:1.6!important;margin-bottom:22px!important}
.auth-tab{height:44px!important;font-size:12px!important}.auth-tabs{margin-bottom:22px!important}
.auth-field-v63>label{font-size:10px!important;margin-bottom:7px!important}.auth-input-wrap-v63 .bet-input{height:50px!important;font-size:13px!important}.auth-form-v63 .btn-primary{height:52px!important;font-size:13px!important;margin-top:8px!important}
.auth-helper-row-v63{font-size:10px!important;margin-top:14px!important}.auth-secure-v63{font-size:10px!important}

/* general modals / forms */
.modal-content{border-radius:20px!important;padding:30px!important}
.modal-content h2{font-size:30px!important}.modal-sub{font-size:12px!important;line-height:1.65!important}
.bet-input{min-height:50px!important;border-radius:10px!important;font-size:13px!important;padding:0 13px!important}
.btn-primary,.btn-secondary{min-height:48px!important;border-radius:11px!important;font-size:12px!important}

/* other screens */
.page-title{font-size:34px!important}.page-kicker{font-size:11px!important}.page-subtitle{font-size:13px!important;line-height:1.6!important}
.promo-grid,.promos-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.promo-card{min-height:220px!important;padding:22px!important;border-radius:14px!important}.promo-badge{font-size:9px!important}.promo-value{font-size:28px!important}.promo-title{font-size:14px!important}.promo-desc{font-size:11px!important;line-height:1.55!important}.promo-cta{height:42px!important;font-size:11px!important;border-radius:10px!important}

@media (max-width:1320px){
  .ref-home-layout{grid-template-columns:minmax(0,1fr) 320px!important}.ref-home-side{width:320px!important}
  .ref-game-grid,.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:1120px){
  .site-header{left:0!important}.casino-sidebar{left:-260px!important;width:250px!important}.mobile-nav-open .casino-sidebar{left:0!important}
  .main{margin-left:0!important;width:100%!important;padding:calc(var(--wz-header) + 22px) 20px 46px!important}
  .ref-home-layout{grid-template-columns:1fr!important}.ref-home-side{width:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .ref-game-grid,.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ref-home-side .ref-fair-card,.ref-home-side .ref-side-card{margin:0!important}
}
@media (max-width:780px){
  :root{--wz-header:62px}
  .site-header{height:var(--wz-header)!important;padding:0 12px!important;gap:8px!important}.site-header .winnerz-wordmark{display:none!important}.ref-header-search{display:none!important}.header-actions{margin-left:auto!important}.header-wallet{min-width:48px!important;width:48px!important;padding:0!important;justify-content:center!important}.header-wallet-copy,.header-chevron{display:none!important}.header-deposit{font-size:0!important;width:44px!important;padding:0!important}.header-deposit .ui-icon{margin:auto!important}.stakr-profile-copy{display:none!important}.header-profile{padding:5px!important}.stakr-side-profile{min-width:44px!important}
  .casino-sidebar{top:var(--wz-header)!important;height:calc(100vh - var(--wz-header))!important}
  .main{padding:calc(var(--wz-header) + 16px) 12px 32px!important}
  .ref-hero{height:310px!important}.ref-hero-copy{padding:28px!important}.ref-hero-copy h1{font-size:40px!important}.ref-hero-copy p{font-size:13px!important}.ref-mode-row{grid-template-columns:1fr 1fr!important}
  .ref-game-grid,.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.ref-gcard-meta{min-height:72px!important;padding:10px!important}.ref-gcard-name{font-size:12px!important}.ref-gcard-prov{font-size:9px!important}
  .ref-home-side{grid-template-columns:1fr!important}.ref-side-card,.ref-fair-card{padding:16px!important}
  .auth-layout-v63{grid-template-columns:1fr!important;min-height:0!important}.auth-showcase-v63{display:none!important}.auth-form-v63{padding:34px 24px!important}.modal-content.modal-lg{width:calc(100vw - 20px)!important}
  .coin-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.qr-box{grid-template-columns:1fr!important}.qr-placeholder{margin:auto!important}
  .promo-grid,.promos-grid{grid-template-columns:1fr!important}
}
.wtx-status{display:inline-flex;align-items:center;gap:4px;margin-left:7px;padding:2px 6px;border-radius:999px;border:1px solid var(--wz-border);font-size:9px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--wz-copy-dim)}
.wtx-status.confirmed{color:#b9d2bd;border-color:rgba(145,181,152,.28);background:rgba(145,181,152,.08)}
.wtx-status.pending{color:#e1c47d;border-color:rgba(199,168,102,.25);background:rgba(199,168,102,.07)}