/* Centered game-mode navigation shared across all existing pages. */
.navbar{position:relative}.navbar .game-nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;z-index:2}.navbar .game-nav .game-nav-link{padding:10px 18px;border-radius:8px;border:1px solid transparent;font-size:12px;font-weight:900;letter-spacing:1.1px;text-decoration:none;color:#c5b49b;background:transparent;white-space:nowrap}.navbar .game-nav .game-nav-link:hover{border-color:#906b38;color:#ffe2a9;background:#362715}.navbar .game-nav .game-nav-active{color:#1b1309;background:linear-gradient(130deg,#ffde9b,#eaa432);border-color:#ffe0a2;box-shadow:0 2px 14px #ffad3b40}.navbar .game-nav .game-nav-active:hover{color:#1b1309;background:#ffce71}.navbar .server-stats{gap:12px}.navbar .server-stat{min-width:65px}
@media(max-width:1450px){.navbar .game-nav{left:53%}.navbar .game-nav .game-nav-link{padding:9px 10px;font-size:11px}.navbar .server-stats{gap:8px}}
@media(max-width:1120px){.navbar .game-nav{position:static;transform:none;margin-left:10px}.navbar .server-stat-label{font-size:9px}.navbar .game-nav .game-nav-link{padding:8px 7px;font-size:10px}.navbar .nav-left{gap:12px}}
@media(max-width:820px){.navbar .server-stats{display:none}.navbar .game-nav{margin-left:0}.navbar .nav-left{gap:9px}.navbar .game-nav .game-nav-link{padding:7px 6px;letter-spacing:0}.navbar .logo{font-size:15px!important}}
@media(max-width:560px){.navbar{padding:0 8px!important}.navbar .logo{font-size:12px!important}.navbar .game-nav .game-nav-link{font-size:9px}.navbar .nav-right{gap:4px}.navbar .topup-btn{padding:7px!important;font-size:10px!important}.navbar .balance-pill{padding:6px!important;font-size:11px!important}.navbar .steam-login-btn{font-size:10px!important;padding:7px!important}}

/* Same centered padlock on Upgrader and Profile. Tooltip lives on the card. */
.roulette-locked-skin{position:relative!important;cursor:not-allowed!important;isolation:isolate}
.roulette-locked-skin > :not(.roulette-lock-label){opacity:.46}
.roulette-locked-skin .roulette-lock-label{
 position:absolute!important;inset:0!important;z-index:20!important;display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;height:100%!important;margin:0!important;padding:0!important;
 background:rgba(11,15,20,.22)!important;border-radius:inherit!important;
 color:#efb53c!important;font-size:28px!important;line-height:1!important;
 pointer-events:auto!important;cursor:not-allowed!important;text-align:center!important;
}
.roulette-locked-skin .roulette-lock-label i{font-size:inherit!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.7))}
.roulette-locked-skin:hover{transform:none!important}
.roulette-locked-skin button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:700px){.roulette-locked-skin .roulette-lock-label{font-size:25px!important}}

/* Legal/Fairness pages use <nav>, unlike the <header> on game pages. */
body.legal-body nav.navbar, body.provably-body nav.navbar {
  position:fixed!important;top:0!important;left:0!important;right:0!important;
  width:100%!important;height:var(--upgrader-header-height,64px)!important;
  z-index:1100!important;box-sizing:border-box!important;
}

/* Unified game lock: same Font Awesome pseudo-element, size, dimming and gold
   as body.upgrade-in-progress .item-card-mini::after in styles.css. */
.item-card-mini.roulette-locked-skin,
.roulette-skin.roulette-locked-skin {position:relative!important;isolation:isolate!important;overflow:hidden!important;cursor:not-allowed!important;filter:none!important;opacity:1!important}
.roulette-locked-skin > :not(.roulette-lock-label) {opacity:1!important;filter:brightness(.55)!important}
.roulette-locked-skin > .roulette-lock-label {display:none!important}
.roulette-locked-skin::after {
 content:"\f023"!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;
 position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
 background:rgba(8,10,15,.55)!important;color:#ffac21!important;font-size:25px!important;
 border-radius:8px!important;z-index:30!important;pointer-events:none!important;
}

.roulette-skin.roulette-locked-skin > .roulette-lock-label,
.item-card-mini.roulette-locked-skin > .roulette-lock-label{display:none!important}
