/* winnerZ v60 final clean layer — intentionally flat, quiet and interaction-first. */
:root{
  --wz-bg:#081218;
  --wz-panel:#0d1a21;
  --wz-panel-2:#101f27;
  --wz-panel-3:#14262f;
  --wz-line:#1d323c;
  --wz-line-2:#29434e;
  --wz-text:#f5f6f5;
  --wz-muted:#8b9aa1;
  --wz-dim:#65767e;
  --wz-gold:#d7b36a;
  --wz-gold-dark:#b28f4c;
  --wz-green:#6eb092;
  --wz-red:#c27a7e;
  --wz-blue:#7895a2;
  --wz-sidebar:192px;
  --wz-header:58px;
  --wz-radius:10px;
}
*{box-sizing:border-box}
html{background:var(--wz-bg)!important}
body{background:var(--wz-bg)!important;color:var(--wz-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;overflow-x:hidden!important}
body.on-game{background:#071116!important}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{appearance:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8fa7b1!important;outline-offset:2px}
.view:not(.active){display:none!important}
.modal:not(.show),.dropdown:not(.show),#profileDropdown:not(.show),#notifDropdown:not(.show),#chatPanel:not(.show),#overlay:not(.show){pointer-events:none!important}
.modal:not(.show){visibility:hidden!important;opacity:0!important}
.dropdown:not(.show){visibility:hidden!important;opacity:0!important}
#overlay:not(.show){display:none!important}
button:disabled{opacity:.48;cursor:not-allowed!important}

/* Quiet icon treatment — preserve the V57 icon set. */
.ui-icon,.ui-icon svg,.game-title-icon svg,.ref-cat-icon svg,.notif-icon svg,.winnerz-cardmark,.winnerz-cardmark *{filter:none!important;box-shadow:none!important;text-shadow:none!important}
.ui-icon svg{width:17px;height:17px}

/* Shell */
.site-header{left:var(--wz-sidebar)!important;right:0!important;top:0!important;height:var(--wz-header)!important;display:flex!important;align-items:center!important;padding:0 20px!important;background:#09151c!important;border-bottom:1px solid var(--wz-line)!important;box-shadow:0 4px 16px rgba(0,0,0,.13)!important;backdrop-filter:none!important;z-index:100!important}
.site-header .winnerz-wordmark{display:flex!important;align-items:center!important;gap:9px!important;margin:0!important}
.site-header .stakr-wordmark-text{font-size:19px!important;font-weight:900!important;letter-spacing:-.06em!important;color:#f5f6f6!important}
.header-actions{margin-left:auto!important;display:flex!important;gap:8px!important}
.stakr-login-btn,.stakr-signup-btn{height:36px!important;min-height:36px!important;padding:0 14px!important;border-radius:8px!important;font-size:11px!important;font-weight:850!important;box-shadow:none!important;transform:none!important}
.stakr-login-btn{background:#0d1e26!important;border:1px solid var(--wz-line-2)!important;color:#d7e0e3!important}
.stakr-login-btn:hover{background:#12262f!important;border-color:#38525e!important}
.stakr-signup-btn{background:var(--wz-gold)!important;border:1px solid var(--wz-gold-dark)!important;color:#17191a!important}
.stakr-signup-btn:hover{background:#e1bf74!important}
.burger{display:none!important}
.casino-sidebar{position:fixed!important;left:0!important;top:var(--wz-header)!important;bottom:0!important;width:var(--wz-sidebar)!important;height:calc(100vh - var(--wz-header))!important;padding:12px 9px!important;background:#09151c!important;border-right:1px solid var(--wz-line)!important;z-index:90!important;overflow:hidden!important}
.winnerz-side-brand{display:flex!important;align-items:center!important;gap:9px!important;padding:4px 10px 18px!important;color:#f5f6f6!important}
.winnerz-side-brand>span:last-child{font-size:17px!important;font-weight:900!important;letter-spacing:-.055em!important}
.winnerz-cardmark{position:relative!important;width:28px!important;height:29px!important;display:block!important;min-width:28px!important}
.winnerz-cardmark i{position:absolute!important;display:block!important;width:14px!important;height:20px!important;border:1px solid #cfd8db!important;border-radius:3px!important;background:#f7f7f4!important;box-shadow:0 2px 4px rgba(0,0,0,.16)!important}
.winnerz-cardmark i:first-child{left:1px!important;top:5px!important;transform:rotate(-9deg)!important;background:#0e1c23!important;border-color:#d7b36a!important}
.winnerz-cardmark i:first-child:after{content:"♠";position:absolute;left:3px;top:2px;font-size:7px;color:#d7b36a}
.winnerz-cardmark i:last-child{right:1px!important;top:2px!important;transform:rotate(9deg)!important}
.winnerz-cardmark i:last-child:after{content:"♥";position:absolute;left:3px;top:2px;font-size:7px;color:#a85e64}
.stakr-side-top,.stakr-side-bottom{gap:4px!important}
.stakr-side-bottom{padding-top:12px!important;border-top:1px solid var(--wz-line)!important}
.stakr-side-item,.stakr-side-profile{min-height:41px!important;height:41px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#8799a1!important;padding:0 11px!important;font-size:11px!important;font-weight:780!important;box-shadow:none!important;transform:none!important}
.stakr-side-item:hover,.stakr-side-profile:hover{background:#0f222b!important;border-color:#203b46!important;color:#edf2f4!important}
.stakr-side-item.active{background:#142a34!important;border-color:#2c4651!important;color:#f3f6f7!important}
.stakr-profile-avatar{background:#10232c!important;border:1px solid #29444f!important;color:#e6ecee!important}
.main{margin-left:var(--wz-sidebar)!important;width:calc(100% - var(--wz-sidebar))!important;padding:calc(var(--wz-header) + 16px) 22px 50px!important;min-height:100vh!important}

/* Home / casino */
.ref-home-layout{grid-template-columns:minmax(0,1fr) 254px!important;gap:15px!important}
.ref-home-side{width:254px!important}
.ref-hero{height:296px!important;border:1px solid var(--wz-line-2)!important;border-radius:12px!important;background:#0a1a22!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important;overflow:hidden!important}
.ref-hero-image{opacity:1!important;visibility:visible!important;display:block!important;object-fit:cover!important}
.ref-hero-shade{pointer-events:none!important;background:linear-gradient(90deg,rgba(4,11,15,.78) 0%,rgba(4,11,15,.49) 47%,rgba(4,11,15,.18) 100%)!important}
.ref-hero-copy{padding:28px 30px!important}
.ref-hero-kicker{font-size:10px!important;letter-spacing:.14em!important;color:var(--wz-gold)!important;font-weight:850!important}
.ref-hero-copy h1{font-size:39px!important;line-height:.99!important;letter-spacing:-.052em!important;color:#f5f6f6!important;text-shadow:none!important}
.ref-hero-copy h1 span{color:#dfe5e7!important}
.ref-hero-copy p{font-size:12px!important;line-height:1.55!important;color:#b0bec3!important;max-width:470px!important}
.ref-yellow-btn{height:42px!important;border-radius:8px!important;padding:0 15px!important;background:var(--wz-gold)!important;border:1px solid var(--wz-gold-dark)!important;color:#17191a!important;box-shadow:none!important;font-size:11px!important;font-weight:900!important}
.ref-yellow-btn:hover{background:#e1bf74!important;transform:none!important}
.ref-mode-row{gap:8px!important}
.ref-mode-card,.stakr-searchbar,.ref-category,.ref-side-card,.ref-fair-card,.promo-card{background:var(--wz-panel)!important;border:1px solid var(--wz-line)!important;box-shadow:none!important}
.ref-mode-card{min-height:50px!important;border-radius:9px!important}
.ref-mode-card.active{background:#10232b!important;border-color:#314b56!important}
.ref-mode-card:hover,.ref-category:hover,.ref-side-card:hover,.promo-card:hover{border-color:#324b55!important}
.stakr-searchbar{height:44px!important;min-height:44px!important;border-radius:8px!important}
.stakr-searchbar input{font-size:11px!important;color:#edf3f5!important}
.ref-category-row{gap:7px!important}
.ref-category{min-height:40px!important;border-radius:8px!important;color:#81949c!important}
.ref-category.active{background:#152832!important;color:#f4f6f7!important;border-color:#34515c!important}
.ref-gcard,.gcard,.game-card{overflow:hidden!important;border:1px solid var(--wz-line)!important;border-radius:10px!important;background:var(--wz-panel)!important;box-shadow:none!important;transform:none!important;transition:border-color .14s ease,background-color .14s ease,transform .14s ease!important}
.ref-gcard:hover,.gcard:hover,.game-card:hover{background:#102029!important;border-color:#324c57!important;transform:translateY(-2px)!important;box-shadow:0 9px 20px rgba(0,0,0,.14)!important}
.gcard-art,.ref-gcard-art,.game-card-art{aspect-ratio:4/5!important;background:#0b171d!important;overflow:hidden!important}
.gcard-image,.ref-gcard-image,.game-card img,.ref-gcard-art img{display:block!important;width:100%!important;height:100%!important;opacity:1!important;visibility:visible!important;object-fit:cover!important;object-position:center!important;filter:none!important}
.gcard-copy{min-width:0!important}
.ref-gcard-meta{min-height:58px!important;background:var(--wz-panel)!important;border-top:1px solid var(--wz-line)!important}
.ref-gcard-name{font-size:12px!important;font-weight:850!important;color:#eff3f4!important}
.ref-gcard-prov{font-size:9px!important;color:#7d9199!important}
.ref-card-badge.live,.ref-card-badge.hot,.ref-card-badge.new{box-shadow:none!important}
.gfav{z-index:3!important}
.ref-play-overlay{pointer-events:none!important;background:linear-gradient(180deg,transparent 45%,rgba(7,14,18,.56) 100%)!important}
.ref-play-icon{box-shadow:none!important;background:rgba(14,28,35,.92)!important;border:1px solid rgba(220,226,228,.18)!important}
.stakr-live-strip{background:#0c1a21!important;border:1px solid var(--wz-line)!important;border-radius:8px!important;box-shadow:none!important}
.stakr-live-pulse{box-shadow:none!important;background:#75aa8f!important}
.ref-section-head h2{font-size:15px!important;letter-spacing:-.02em!important;color:#edf2f3!important}

/* Right rail */
.ref-side-card,.ref-fair-card{border-radius:10px!important}
.ref-card-title{color:#aebbc0!important;font-size:10px!important}
.ref-wallet-amount{font-size:23px!important;font-weight:900!important}
.ref-wallet-actions{gap:6px!important}
.ref-wallet-actions button{height:36px!important;border-radius:8px!important;box-shadow:none!important}
.ref-deposit-btn{background:var(--wz-gold)!important;border:1px solid var(--wz-gold-dark)!important;color:#17191a!important}
.ref-withdraw-btn{background:#11242d!important;border:1px solid #2d4853!important;color:#d8e1e4!important}

/* Game room */
body.on-game .main{padding-top:calc(var(--wz-header) + 12px)!important}
.game-layout{gap:14px!important;align-items:stretch!important}
.bet-panel{background:#0b1920!important;border:1px solid var(--wz-line-2)!important;border-radius:12px!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important;padding:14px!important}
.game-area{background:#0a171e!important;border:1px solid var(--wz-line-2)!important;border-radius:12px!important;box-shadow:0 12px 28px rgba(0,0,0,.14)!important}
.bet-panel-title{gap:10px!important}
.game-title-icon{width:34px!important;height:34px!important;border-radius:8px!important;background:#13252d!important;border:1px solid #2b454f!important;color:#d7b36a!important;box-shadow:none!important}
.panel-kicker,.v42-kicker,.v10-kicker,.v54-game-art-kicker{color:#9aabb1!important;letter-spacing:.11em!important;font-size:9px!important}
.bet-panel h2,.game-area h2{color:#f1f4f4!important;letter-spacing:-.035em!important}
.bet-group{padding:10px 0!important;border-top:1px solid rgba(205,216,220,.055)!important}
.bet-label{font-size:10px!important;color:#91a1a7!important}
.bet-input-shell{background:#0d2028!important;border:1px solid #29434e!important;border-radius:8px!important;box-shadow:none!important}
.bet-input{color:#f2f5f5!important}
.bet-actions{gap:6px!important}
.bet-actions button,.v16-mode-switch button,.v10-diff button,.fair-mini-btn,.fair-verify-link{height:34px!important;border-radius:7px!important;background:#11242c!important;border:1px solid #2a4651!important;color:#9fb0b5!important;box-shadow:none!important}
.bet-actions button:hover,.v16-mode-switch button:hover,.v10-diff button:hover{background:#162c35!important;color:#edf3f4!important}
.v16-mode-switch button.active,.v10-diff button.active{background:#192f38!important;border-color:#3a5661!important;color:#f2f5f5!important}
.game-play-btn,.v10-secondary-btn,.btn-primary{min-height:42px!important;border-radius:8px!important;box-shadow:none!important}
.game-play-btn,.btn-primary{background:var(--wz-gold)!important;border:1px solid var(--wz-gold-dark)!important;color:#17191a!important}
.game-play-btn:hover,.btn-primary:hover{background:#e1bf74!important;transform:none!important}
.btn-warn,.v10-secondary-btn{background:#17252d!important;border:1px solid #334952!important;color:#e2e9eb!important}
.fair-mini-wrap{position:relative!important}
.fair-mini-btn{width:100%!important;justify-content:center!important}
.fair-popover{background:#0c1a21!important;border:1px solid #29434f!important;box-shadow:0 16px 34px rgba(0,0,0,.25)!important;backdrop-filter:none!important}
.v42-stage,.v43-stage,.v54-game-shell,.v10-original-layout .game-area{background:#0a171e!important}
.v42-stage:before,.v42-stage:after,.v43-stage:before,.v43-stage:after,.game-area:before,.game-area:after{display:none!important}
.v42-stat-card,.v54-game-art-panel,.v10-stat-card,.v10-result-banner,.v42-result-banner,.v42-status-chip{background:#0f2028!important;border:1px solid #29434e!important;box-shadow:none!important}

/* Tables / modals / dropdowns */
.dropdown{background:#0c1a21!important;border:1px solid #29434f!important;box-shadow:0 16px 34px rgba(0,0,0,.23)!important;backdrop-filter:none!important}
.dp-menu button{min-height:36px!important;color:#a9b7bc!important}
.dp-menu button:hover{background:#12262f!important;color:#f0f4f5!important}
.dp-admin-link{color:#e2ca91!important}
.modal{background:rgba(4,10,13,.72)!important;backdrop-filter:none!important}
.modal-card,.modal-content{background:#0c1a21!important;border:1px solid #29434f!important;box-shadow:0 18px 44px rgba(0,0,0,.3)!important}
.toast{background:#10222a!important;border:1px solid #2c4651!important;box-shadow:none!important}

/* Prevent stale decorative overlays from blocking input. */
.ref-hero-shade,.ref-gcard-sheen,.gcard-hover,.ref-play-overlay,.bg-orbs,.color-stripe,#pageLoader,#bootOverlay,.site-decoration,.noise-overlay{pointer-events:none!important}

/* Responsive */
@media(max-width:1100px){
  :root{--wz-sidebar:176px}
  .ref-home-layout{grid-template-columns:1fr!important}
  .ref-home-side{width:auto!important}
}
@media(max-width:760px){
  :root{--wz-sidebar:0px;--wz-header:58px}
  .casino-sidebar{display:none!important}
  .site-header{left:0!important;padding:0 14px!important}
  .burger{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;margin-right:8px!important;border:1px solid var(--wz-line-2)!important;border-radius:8px!important;background:#0d1e26!important;color:#dfe6e8!important}
  .main{margin-left:0!important;width:100%!important;padding:calc(var(--wz-header) + 12px) 12px 36px!important}
  .header-actions .stakr-login-btn{display:none!important}
  .ref-hero{height:255px!important}
  .ref-hero-copy{padding:24px 20px!important}
  .ref-hero-copy h1{font-size:31px!important}
  .game-layout{grid-template-columns:1fr!important}
  .bet-panel{order:2!important}
}
