:root{--bg-color:#0f172a;--text-color:#f8fafc;--primary:#3b82f6;--accent:#f59e0b;--glass-bg:#0f172a99}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-color);margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}.hub-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);z-index:1000;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:100%;padding:20px 50px;display:flex;position:fixed;top:0;left:0}.user-profile button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:8px;padding:8px 16px;font-size:.9rem;transition:background .3s,border-color .3s}.user-profile button:hover{background:#ffffff1a;border-color:#fff}main{padding-top:100px}.carousel-container{scroll-behavior:smooth;gap:25px;padding:20px 50px 80px;display:flex;overflow-x:auto}.carousel-container::-webkit-scrollbar{display:none}.carousel-container{-ms-overflow-style:none;scrollbar-width:none}.game-card{cursor:pointer;background-position:50%;background-size:cover;border-radius:12px;min-width:320px;height:180px;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 10px 20px #0006}.game-card:hover{z-index:10;transform:scale(1.15)translateY(-10px);box-shadow:0 20px 40px #000c}.card-details{opacity:0;background:linear-gradient(#0000 0%,#0f172a99 40%,#0f172af2 100%);width:100%;padding:20px;transition:opacity .3s;position:absolute;bottom:0;left:0}.game-card:hover .card-details{opacity:1}.card-actions{gap:10px;margin-top:15px;display:flex}.btn-play{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50px;padding:8px 20px;font-size:.9rem;font-weight:700;transition:transform .1s,background .2s}.btn-play:hover{background:#e2e8f0;transform:scale(1.05)}.btn-icon{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.1rem;transition:background .2s,transform .1s;display:flex}.btn-icon:hover{background:#fff6;transform:scale(1.1)}.flex-center{justify-content:center;align-items:center;display:flex}