@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--sk-bg:#0f1419;--sk-bg2:#1a2028;--sk-panel:#213743;--sk-panel2:#2a4553;--sk-line:#2a3a45;--sk-green:#00e701;--sk-green-dk:#00c701;--sk-blue:#1475e1;--sk-dim:#8a9ba8}
body{background:var(--sk-bg)!important;font-family:'Inter',system-ui,sans-serif!important;color:#fff!important;font-size:14px!important}
body::before,body::after{display:none!important}
.app-shell,.page-shell,.page-content{position:relative;z-index:1}
.topbar{background:var(--sk-bg)!important;backdrop-filter:none!important;border-bottom:1px solid var(--sk-line)!important;padding:0 24px!important;height:64px!important}
.brand{font-weight:800!important;font-size:20px!important}
.brand span{background:var(--sk-green)!important;color:#00300a!important;border-radius:7px!important;width:32px!important;height:32px!important;display:grid!important;place-items:center!important;box-shadow:none!important}
.brand b{color:#fff!important}.brand strong{color:var(--sk-green)!important;font-weight:800!important}
.desktop-nav a{padding:9px 15px!important;border-radius:8px!important;color:var(--sk-dim)!important;font-weight:600!important;font-size:14px!important;transition:.15s!important;border:0!important;box-shadow:none!important}
.desktop-nav a:hover{background:var(--sk-panel)!important;color:#fff!important}
.desktop-nav a.active,.desktop-nav a[class*="active"]{background:var(--sk-panel)!important;color:#fff!important;box-shadow:none!important}
.nav-dot{background:var(--sk-green)!important;color:#00300a!important;border-radius:20px!important;font-weight:800!important;padding:1px 6px!important;font-size:10px!important;margin-left:6px}
.balance-chip{background:var(--sk-bg2)!important;border:1px solid var(--sk-line)!important;border-radius:8px!important;padding:9px 16px!important}
.balance-chip small{color:var(--sk-dim)!important;font-weight:600!important;font-size:10px!important;text-transform:uppercase}
.balance-chip b{color:var(--sk-green)!important;font-size:15px!important;font-weight:700!important}
.primary-btn{background:var(--sk-green)!important;color:#00300a!important;border:0!important;border-radius:8px!important;font-weight:800!important;padding:11px 22px!important;box-shadow:none!important;transition:.15s!important}
.primary-btn:hover{background:var(--sk-green-dk)!important;transform:none!important}
.login-btn{color:var(--sk-dim)!important;font-weight:600!important;border-radius:8px!important;box-shadow:none!important}
.login-btn:hover{color:#fff!important}
.login-btn[type="submit"]{background:var(--sk-panel)!important;color:#fff!important;border:0!important}
.account-btn{background:linear-gradient(135deg,var(--sk-blue),#0d4ba0)!important;color:#fff!important;border-radius:8px!important;font-weight:800!important;border:0!important;box-shadow:none!important}
.icon-btn{background:var(--sk-bg2)!important;border:1px solid var(--sk-line)!important;border-radius:8px!important;color:var(--sk-dim)!important}
.icon-btn:hover{color:#fff!important}
.side-rail{background:var(--sk-bg2)!important;border-right:1px solid var(--sk-line)!important;backdrop-filter:none!important}
.railbtn{color:var(--sk-dim)!important;border-radius:8px!important;font-weight:600!important;font-size:11px!important;transition:.15s!important;margin:2px 0;padding:12px 4px!important}
.railbtn span{font-size:20px!important}
.railbtn:hover{background:var(--sk-panel)!important;color:#fff!important}
.railbtn.active,.railbtn[class*="active"]{background:var(--sk-panel)!important;color:#fff!important;box-shadow:none!important}
.card,.tile,.panel,[class*="card"],[class*="panel"]{border-radius:10px!important;background:var(--sk-bg2)!important;border:1px solid var(--sk-line)!important}
[class*="game"] [class*="cover"],.game-tile,.lobby-game{border-radius:10px!important;overflow:hidden!important;transition:.18s!important}
[class*="game"] [class*="cover"]:hover,.game-tile:hover,.lobby-game:hover{transform:translateY(-4px)!important}
.campaign-banner{border-radius:12px!important;overflow:hidden!important;transition:.18s!important;border:1px solid var(--sk-line)!important}
.campaign-banner:hover{transform:translateY(-3px)!important}
.btn,.btn-blue,.btn-line{border-radius:8px!important;font-weight:700!important}
.btn-blue{background:var(--sk-green)!important;color:#00300a!important;border:0!important;box-shadow:none!important}
.btn-blue:hover{background:var(--sk-green-dk)!important;transform:none!important}
.btn-line{border:1px solid var(--sk-line)!important;background:var(--sk-bg2)!important;color:#fff!important}
h1,h2,h3,h4,.hk{font-family:'Inter'!important;font-weight:800!important;letter-spacing:-.4px}
input,select,textarea{border-radius:8px!important;font-family:'Inter'!important;background:var(--sk-bg2)!important;border:1px solid var(--sk-line)!important}
.skin-flash{border-radius:8px!important;font-weight:600!important}
.skin-flash.ok{background:rgba(0,231,1,.1)!important;color:var(--sk-green)!important;border:1px solid rgba(0,231,1,.25)!important}
.mobile-nav{background:var(--sk-bg2)!important;backdrop-filter:none!important;border-top:1px solid var(--sk-line)!important}
.mobile-nav a{color:var(--sk-dim)!important;font-weight:600!important}
.mobile-nav a.active,.mobile-nav a[class*="active"]{color:var(--sk-green)!important}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--sk-bg)}::-webkit-scrollbar-thumb{background:var(--sk-panel)!important;border-radius:8px}