:root{--background:#0d0f17;--foreground:#fff;--accent-purple:#8b5cf6;--accent-purple-dark:#6d28d9;--accent-violet:#a78bfa;--accent-blue:#3b82f6;--accent-gold:#facc15;--nav-bg:#13151f;--sidebar-bg:#11131c;--card-bg:#161824;--card-border:#ffffff14;--card-hover:#8b5cf64d}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0b0d13}::-webkit-scrollbar-thumb{background:#272a38;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3e4257}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;margin:0;font-weight:800}.navbar{background:var(--nav-bg);z-index:100;border-bottom:1px solid #ffffff0f;padding:.75rem 1.5rem;position:sticky;top:0;box-shadow:0 4px 20px #0006}.navbar-content{justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;display:flex}.navbar-brand{color:#fff;letter-spacing:.5px;align-items:center;gap:.6rem;font-size:1.4rem;font-weight:900;display:flex}.navbar-brand img{border-radius:8px}.navbar-nav{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.navbar-nav a{color:#8e95a5;border-radius:8px;align-items:center;gap:6px;padding:.4rem .6rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.navbar-nav a:hover,.navbar-nav a.active{color:#fff;background:#ffffff0a}.navbar-actions{align-items:center;gap:1rem;display:flex}.balance-display{background:#1a1d2b;border:1px solid #8b5cf64d;border-radius:10px;align-items:center;gap:.6rem;padding:.35rem .4rem .35rem .9rem;display:flex;box-shadow:inset 0 2px 4px #0000004d}.dl-icon{object-fit:contain;width:20px;height:20px;filter:drop-shadow(0 0 5px var(--accent-purple))}.balance-amount{color:#fff;font-size:.95rem;font-weight:800}.deposit-btn-pill{background:linear-gradient(135deg, var(--accent-purple), var(--accent-purple-dark));color:#fff;border-radius:8px;align-items:center;gap:4px;padding:.4rem .75rem;font-size:.78rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 2px 10px #8b5cf666}.deposit-btn-pill:hover{transform:scale(1.03);box-shadow:0 4px 15px #8b5cf699}.btn{cursor:pointer;border:none;border-radius:8px;padding:.65rem 1.25rem;font-size:.88rem;font-weight:700;transition:all .2s}.btn-sm{padding:.45rem .9rem;font-size:.8rem}.btn-primary{background:linear-gradient(135deg, var(--accent-purple), var(--accent-purple-dark));color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.page-wrapper{flex-direction:column;flex:1;display:flex}.container{max-width:1500px;margin:0 auto;padding:2rem}.lobby-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.lobby-title{color:#fff;align-items:center;gap:.6rem;font-size:1.5rem;font-weight:900;display:flex}.games-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.game-card-v2{background:var(--card-bg);border:1px solid var(--card-border);aspect-ratio:3/4;border-radius:14px;flex-direction:column;justify-content:flex-end;text-decoration:none;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}.game-card-v2:hover{border-color:var(--accent-purple);transform:translateY(-6px)scale(1.02);box-shadow:0 14px 32px #8b5cf640}.game-card-badge{z-index:5;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:900;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #00000080}.badge-new{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.badge-hot{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c)}.game-card-media{object-fit:cover;z-index:1;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.game-card-v2:hover .game-card-media{transform:scale(1.08)}.game-card-footer{z-index:3;background:linear-gradient(#0000 0%,#0b0d14b3 40%,#0b0d14f2 100%);flex-direction:column;gap:2px;width:100%;padding:1rem .85rem;display:flex;position:relative}.game-card-title{color:#fff;text-shadow:0 2px 4px #000c;letter-spacing:.5px;font-size:1.05rem;font-weight:900}.game-card-subtitle{color:#94a3b8;font-size:.75rem;font-weight:600}.text-purple{color:var(--accent-purple)}.text-violet{color:var(--accent-violet)}.text-success{color:#10b981}.text-danger{color:#ef4444}.dot-spinner{--uib-size:2.8rem;--uib-speed:.9s;--uib-color:#183153;height:var(--uib-size);width:var(--uib-size);justify-content:flex-start;align-items:center;display:flex;position:relative}.dot-spinner__dot{justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.dot-spinner__dot:before{content:"";background-color:var(--uib-color);opacity:.5;width:20%;height:20%;animation:pulse0112 calc(var(--uib-speed) * 1.111) ease-in-out infinite;border-radius:50%;transform:scale(0);box-shadow:0 0 20px #121f354d}.dot-spinner__dot:nth-child(2){transform:rotate(45deg)}.dot-spinner__dot:nth-child(2):before{animation-delay:calc(var(--uib-speed) * -.875)}.dot-spinner__dot:nth-child(3){transform:rotate(90deg)}.dot-spinner__dot:nth-child(3):before{animation-delay:calc(var(--uib-speed) * -.75)}.dot-spinner__dot:nth-child(4){transform:rotate(135deg)}.dot-spinner__dot:nth-child(4):before{animation-delay:calc(var(--uib-speed) * -.625)}.dot-spinner__dot:nth-child(5){transform:rotate(180deg)}.dot-spinner__dot:nth-child(5):before{animation-delay:calc(var(--uib-speed) * -.5)}.dot-spinner__dot:nth-child(6){transform:rotate(225deg)}.dot-spinner__dot:nth-child(6):before{animation-delay:calc(var(--uib-speed) * -.375)}.dot-spinner__dot:nth-child(7){transform:rotate(270deg)}.dot-spinner__dot:nth-child(7):before{animation-delay:calc(var(--uib-speed) * -.25)}.dot-spinner__dot:nth-child(8){transform:rotate(315deg)}.dot-spinner__dot:nth-child(8):before{animation-delay:calc(var(--uib-speed) * -.125)}@keyframes pulse0112{0%,to{opacity:.5;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes shatterGlass{0%{opacity:1;filter:brightness();transform:scale(1)rotate(0)}20%{opacity:.9;filter:brightness(2);transform:scale(1.1)rotate(5deg)}40%{opacity:.8;filter:brightness(1.5);transform:scale(.9)rotate(-5deg)}to{opacity:0;filter:brightness(0);transform:scale(0)rotate(45deg)}}@keyframes neonPulse{0%{box-shadow:0 0 5px}50%{box-shadow:0 0 20px,inset 0 0 10px}to{box-shadow:0 0 5px}}@keyframes hackerDecrypt{0%{opacity:.2;transform:translateY(-10px)}50%{opacity:1;filter:drop-shadow(0 0 15px #06b6d4);transform:translateY(0)}to{opacity:.8;transform:translateY(0)}}.shatter{animation:.4s cubic-bezier(.25,.46,.45,.94) forwards shatterGlass}.data-node-pulse{animation:2s ease-in-out infinite neonPulse}.hacker-reveal{animation:.5s ease-out forwards hackerDecrypt}
