:root{--neon-gold:gold;--neon-cyan:#00f5ff;--neon-pink:#ff007f;--neon-emerald:#00f59b;--bg-dark:#06020c;--bg-card:#10071cd9;--bg-card-hover:#1a0c2df2;--font-display:"Orbitron", -apple-system, BlinkMacSystemFont, sans-serif;--font-ui:"Rajdhani", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;min-height:100%;font-family:var(--font-ui);color:#fff;-webkit-font-smoothing:antialiased}#app-container{flex-direction:column;min-height:100vh;display:flex}#top-bar{z-index:100;backdrop-filter:blur(12px);background:#04010a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex;position:sticky;top:0}.portal-title{font-family:var(--font-display);letter-spacing:1px;background:linear-gradient(135deg,gold,#ff8c00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(16px,3vw,20px);font-weight:900}.top-right{align-items:center;gap:12px;display:flex}.vip-badge{font-family:var(--font-display);color:var(--neon-cyan);background:#00f5ff1f;border:1px solid #00f5ff4d;border-radius:12px;padding:4px 10px;font-size:10px;font-weight:800}.balance-display{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:flex-end;padding:3px 10px;display:flex}.balance-label{color:#8f7a9d;font-size:8px;font-weight:700}.balance-val{font-family:var(--font-display);color:var(--neon-gold);font-size:14px;font-weight:800}#category-bar{scrollbar-width:none;background:#0a041299;border-bottom:1px solid #ffffff0a;gap:8px;padding:14px 20px;display:flex;overflow-x:auto}#category-bar::-webkit-scrollbar{display:none}.cat-btn{color:#bfaec9;font-family:var(--font-display);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .2s}.cat-btn.active{border-color:var(--neon-cyan);color:#fff;background:linear-gradient(135deg,#ff007f4d,#00f5ff4d);box-shadow:0 0 14px #00f5ff4d}#games-grid-container{flex:1;padding:24px 20px}.games-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.game-card{background:var(--bg-card);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000080}.game-card:hover{border-color:var(--accent);box-shadow:0 12px 30px #000c, 0 0 20px var(--accent);transform:translateY(-4px)}.card-media{background:radial-gradient(circle,#ffffff14 0%,#0006 100%);border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;height:120px;display:flex;position:relative}.card-emoji{filter:drop-shadow(0 0 12px var(--accent));font-size:54px}.live-pill{backdrop-filter:blur(4px);font-family:var(--font-display);color:var(--accent);border:1px solid var(--accent);background:#000000a6;border-radius:10px;padding:3px 8px;font-size:9px;font-weight:800;position:absolute;top:10px;right:10px}.card-info{flex-direction:column;flex:1;padding:16px;display:flex}.game-name{font-family:var(--font-display);color:#fff;margin-bottom:6px;font-size:16px;font-weight:800}.game-desc{color:#9e8ba8;flex:1;margin-bottom:16px;font-size:13px;line-height:1.4}.card-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.game-type-badge{font-family:var(--font-display);color:#8f7a9d;letter-spacing:.5px;font-size:9px;font-weight:800}.play-link-btn{color:#041a0e;font-family:var(--font-display);background:linear-gradient(135deg,#00c853,#00e676);border-radius:8px;padding:8px 16px;font-size:11px;font-weight:800;text-decoration:none;transition:transform .15s;box-shadow:0 4px 12px #00e67659}.play-link-btn:active{transform:scale(.95)}@media (width<=600px){#top-bar{height:52px;padding:0 14px}#games-grid-container{padding:16px 12px}.games-grid{grid-template-columns:1fr;gap:14px}}