body{font-family:Arial,sans-serif;color:#e2e8f0!important;background:linear-gradient(135deg,#0f172a,#1e293b)!important;margin:0!important}.top-bar{justify-content:space-between;align-items:center;padding:20px;display:flex}.top-bar .right{align-items:center;gap:12px;display:flex}.username{color:#cbd5f5;font-size:14px}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px 14px}.top-bar h2{color:#38bdf8!important}.game-grid{grid-template-columns:repeat(auto-fill,160px)!important;gap:20px!important;padding:20px!important;display:grid!important}.game-card{text-align:center;background:#1e293b;border-radius:12px;padding:10px;position:relative;overflow:hidden}.game-card:hover{border-color:#38bdf8;transform:translateY(-5px)scale(1.02);box-shadow:0 0 12px #38bdf866}.game-card img{object-fit:cover;border-radius:8px;width:100%;height:110px}.game-card p{color:#e2e8f0!important}.game-card.disabled{opacity:.4}.coming-soon{color:#94a3b8!important;background:#334155!important}.badge{color:#000!important;background:#f59e0b!important}.login-wrapper{justify-content:center;align-items:center;height:100vh;display:flex}.login-box{background:#1e293b;border-radius:12px;flex-direction:column;gap:12px;width:300px;padding:30px;display:flex;box-shadow:0 0 20px #00000080}.login-box h2{text-align:center;color:#38bdf8}.login-box input{color:#fff;background:#0f172a;border:none;border-radius:6px;outline:none;padding:10px}.login-box button{color:#000;cursor:pointer;background:#38bdf8;border:none;border-radius:6px;padding:10px;font-weight:700}.login-box button:hover{background:#0ea5e9}.error{color:#ef4444;text-align:center}