:root[data-mode=game][data-mode=game]{--brand-1:#8b5cf6;--brand-2:#22d3ee;--gradient:linear-gradient(135deg, #8b5cf6, #5b4de0 50%, #0891b2);--ok:#34d399;--warn:#f59e0b;--bad:#fb7185;--bg:#070816;--surface:#0f1230;--surface-2:#171b47;--text:#e8eaff;--muted:#9aa0d4;--line:#272c63;--shadow:0 18px 40px -26px rgba(0, 0, 0, 0.95),0 0 0 1px rgba(139, 92, 246, 0.06);color-scheme:dark}[data-mode=game] body{background:var(--bg)}[data-mode=game] body::before{background:radial-gradient(620px 380px at 92% -6%,rgba(139,92,246,.32),transparent),radial-gradient(520px 340px at 0 10%,rgba(34,211,238,.2),transparent),radial-gradient(700px 300px at 50% 115%,rgba(244,63,94,.12),transparent)}[data-mode=game] body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(139,92,246,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.05) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 70%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 70%)}[data-mode=game] .sidebar{background:rgba(10,11,34,.86);border-inline-end:1px solid transparent;border-image:linear-gradient(to bottom,#22d3ee,#8b5cf6 55%,#f43f5e) 1;box-shadow:0 0 40px -12px rgba(139,92,246,.5)}[data-mode=game] .sidebar .brand{position:relative}[data-mode=game] .sidebar .brand::after{content:"GAME MODE";position:absolute;inset-inline-start:10px;bottom:4px;font-family:"Barlow Condensed",sans-serif;font-size:.7rem;letter-spacing:3px;color:var(--brand-2);text-shadow:0 0 10px var(--brand-2)}[data-mode=game] .nav button:hover{background:rgba(139,92,246,.14);color:#fff}[data-mode=game] .nav button.is-active{box-shadow:0 0 24px -4px var(--brand-1),0 0 0 1px rgba(255,255,255,.18) inset}[data-mode=game] .avatar{box-shadow:0 0 16px -2px var(--brand-2)}[data-mode=game] .topbar h1{font-weight:800;text-shadow:0 0 22px rgba(139,92,246,.7)}[data-mode=game] .wallet-chip{background:rgba(15,18,48,.9);border-color:rgba(34,211,238,.4);box-shadow:0 0 20px -8px var(--brand-2)}[data-mode=game] .wallet-chip:hover{border-color:var(--brand-2);box-shadow:0 0 26px -4px var(--brand-2)}[data-mode=game] .card{background:linear-gradient(180deg,rgba(20,23,62,.9),rgba(12,14,40,.94));border-color:var(--line);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .25s,box-shadow .25s,transform .25s}[data-mode=game] .card:hover{border-color:rgba(34,211,238,.5);box-shadow:0 0 34px -12px var(--brand-2),var(--shadow)}[data-mode=game] .btn{box-shadow:0 12px 26px -12px var(--brand-1),0 0 0 1px rgba(255,255,255,.14) inset}[data-mode=game] .btn:hover{box-shadow:0 16px 32px -12px var(--brand-1),0 0 26px -6px var(--brand-2)}[data-mode=game] .btn--light,[data-mode=game] .btn--outline{background:rgba(139,92,246,.1);color:#fff;border-color:rgba(139,92,246,.55);box-shadow:none}[data-mode=game] .link{border-color:rgba(34,211,238,.4);background:rgba(34,211,238,.07);color:var(--brand-2)}[data-mode=game] .link:hover{box-shadow:0 0 18px -6px var(--brand-2)}[data-mode=game] .link--danger{border-color:rgba(251,113,133,.5);background:rgba(251,113,133,.08);color:#fb7185}[data-mode=game] .field,[data-mode=game] input,[data-mode=game] select,[data-mode=game] textarea{background-color:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:var(--text)}[data-mode=game] .field:focus{border-color:var(--brand-2);box-shadow:0 0 0 4px rgba(34,211,238,.12),0 0 22px -8px var(--brand-2)}[data-mode=game] .modal{background:linear-gradient(180deg,#14173e,#0b0d2a);border:1px solid rgba(139,92,246,.5);box-shadow:0 0 60px -14px var(--brand-1),0 40px 90px -30px #000}[data-mode=game] .modal-backdrop{background:rgba(3,4,16,.75)}[data-mode=game] .fab{box-shadow:0 0 26px -4px var(--brand-1)}[data-mode=game] ::selection{background:rgba(34,211,238,.35)}[data-mode=game] ::-webkit-scrollbar{width:10px}[data-mode=game] ::-webkit-scrollbar-thumb{background:#2a2f6b;border-radius:99px}[data-mode=game] .hero{background:linear-gradient(135deg,#3a1fa0 0,#4f46e5 45%,#0e7490 100%);border:1px solid rgba(139,92,246,.6);box-shadow:0 0 60px -18px #8b5cf6,0 30px 60px -36px #000}@keyframes g-scan{to{background-position:0 6px}}@keyframes g-sweep{from{transform:translateX(-130%) skewX(-18deg)}to{transform:translateX(330%) skewX(-18deg)}}@keyframes g-pulse{50%{box-shadow:0 0 22px -2px var(--brand-2)}}@keyframes g-border{to{background-position:300% 0}}[data-mode=game] .card{position:relative;border-radius:16px;--b:var(--brand-2);--b2:var(--brand-1);--bl:18px;background:linear-gradient(var(--b),var(--b)) top right/var(--bl) 2px no-repeat,linear-gradient(var(--b),var(--b)) top right/2px var(--bl) no-repeat,linear-gradient(var(--b2),var(--b2)) bottom left/var(--bl) 2px no-repeat,linear-gradient(var(--b2),var(--b2)) bottom left/2px var(--bl) no-repeat,linear-gradient(180deg,rgba(20,23,62,.9),rgba(12,14,40,.94));transition:background-size .25s,border-color .25s,box-shadow .25s}[data-mode=game] .card:hover{--bl:34px}[data-mode=game] .card__title{display:flex;align-items:center;gap:10px;letter-spacing:.3px}[data-mode=game] .card__title::before{content:"";width:4px;height:1.1em;border-radius:4px;background:linear-gradient(to bottom,var(--brand-2),var(--brand-1));box-shadow:0 0 10px var(--brand-2)}[data-mode=game] .hero{position:relative;overflow:hidden;isolation:isolate}[data-mode=game] .hero>*{position:relative;z-index:1}[data-mode=game] .hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.05) 0 1px,transparent 1px 3px);animation:g-scan .6s linear infinite;mix-blend-mode:overlay}[data-mode=game] .hero::after{content:"";position:absolute;top:0;bottom:0;width:22%;z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);animation:g-sweep 5.5s ease-in-out infinite}[data-mode=game] .nav button{position:relative;transition:background .2s,transform .2s,box-shadow .2s}[data-mode=game] .nav button:hover{transform:translateX(-3px)}[data-mode=game] .nav button.is-active::after{content:"";position:absolute;inset-inline-end:-14px;top:18%;bottom:18%;width:4px;border-radius:4px;background:var(--brand-2);box-shadow:0 0 14px 2px var(--brand-2)}[data-mode=game] .stat-number{font-family:"Barlow Condensed",Vazirmatn,sans-serif;font-size:1.8rem;letter-spacing:1px;background:linear-gradient(90deg,#fff,var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(34, 211, 238, .5))}[data-mode=game] .icon-tile{box-shadow:0 0 22px -6px currentColor;border:1px solid rgba(255,255,255,.12)}[data-mode=game] .bars__bar,[data-mode=game] .ipreg__fill{box-shadow:0 0 14px -2px var(--brand-2);background-image:linear-gradient(90deg,var(--brand-1),var(--brand-2))}[data-mode=game] .badge{border:1px solid currentColor;background:rgba(255,255,255,.04);text-shadow:0 0 10px currentColor;letter-spacing:.3px}[data-mode=game] .badge--active{color:#34d399;background:rgba(52,211,153,.1)}[data-mode=game] .dot--on{box-shadow:0 0 12px 2px #34d399;animation:g-pulse 2s infinite}[data-mode=game] .btn{position:relative;overflow:hidden;text-transform:none;letter-spacing:.2px}[data-mode=game] .btn:not(.btn--outline):not(.btn--light):not(.btn--glass)::after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-130%) skewX(-18deg)}[data-mode=game] .btn:hover::after{animation:g-sweep .9s ease}[data-mode=game] .btn:active{transform:translateY(1px) scale(.98)}[data-mode=game] .game,[data-mode=game] .shop-card{border:1px solid var(--line);background:linear-gradient(180deg,#151947,#0c0e2c);transition:transform .25s,border-color .25s,box-shadow .25s}[data-mode=game] .game:hover,[data-mode=game] .shop-card:hover{transform:translateY(-5px) scale(1.02);border-color:var(--brand-2);box-shadow:0 0 30px -8px var(--brand-2),0 20px 30px -20px #000}[data-mode=game] .game__cover{position:relative}[data-mode=game] .game__cover::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,8,22,.75),transparent 55%);pointer-events:none}[data-mode=game] .pchip.is-active,[data-mode=game] .tabs button.is-active{background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff;box-shadow:0 0 20px -4px var(--brand-2)}[data-mode=game] .topbar{position:relative}[data-mode=game] .topbar::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--brand-2),var(--brand-1),#f43f5e,transparent);background-size:300% 100%;animation:g-border 6s linear infinite;opacity:.8}[data-mode=game] table thead th{color:var(--brand-2);letter-spacing:.4px;border-bottom:1px solid rgba(34,211,238,.35)}[data-mode=game] table tbody tr:hover{background:rgba(139,92,246,.1)}@media (prefers-reduced-motion:reduce){[data-mode=game] .btn:hover::after,[data-mode=game] .dot--on,[data-mode=game] .hero::after,[data-mode=game] .hero::before,[data-mode=game] .topbar::after{animation:none}}