:root{--bg: #0b0c14;--bg-elevated: #12141f;--bg-card: #171a26;--text: #f5f6fb;--text-muted: #9296ab;--accent: #8b5cf6;--accent-2: #22d3ee;--accent-3: #f472b6;--gradient: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);--glow: 0 8px 24px -8px rgba(139, 92, 246, .45);--header-h: 60px;--sidebar-w: 240px;--radius: 14px;--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:1600px;margin:0 auto;padding:0 16px}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);display:flex;align-items:center;gap:16px;background:var(--bg-elevated);border-bottom:1px solid #23263380;padding:0 16px;backdrop-filter:blur(8px);box-shadow:0 2px 14px -6px #00000080}.logo{font-weight:800;font-size:1.3rem;letter-spacing:-.02em;color:var(--text);flex-shrink:0}.logo span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:0;border:none;border-radius:8px;background:transparent;cursor:pointer;flex-shrink:0;transition:background .15s ease}.menu-toggle:hover{background:var(--bg-card)}.menu-toggle span{display:block;width:100%;height:2px;border-radius:2px;background:var(--text);transition:transform .2s ease,opacity .2s ease}body.sidebar-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.sidebar-open .menu-toggle span:nth-child(2){opacity:0}body.sidebar-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar-backdrop{position:fixed;inset:0;background:#0009;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:55}body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.search-form{flex:1;max-width:520px;display:flex}.search-form input{flex:1;background:var(--bg-card);border:1px solid #262a3a;color:var(--text);padding:8px 14px;border-radius:999px;font-size:.9rem;transition:border-color .15s ease}.search-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf62e}.btn{padding:8px 18px;border-radius:999px;font-size:.85rem;font-weight:700;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease}.btn-primary{background:var(--gradient);color:#0b0c14}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--glow)}.layout{display:block;min-height:calc(100dvh - var(--header-h))}.sidebar{position:fixed;top:var(--header-h);left:0;bottom:0;z-index:60;width:min(82vw,280px);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:var(--bg-elevated);border-right:1px solid #23263380;padding:16px 8px;box-shadow:12px 0 30px -10px #00000080;transform:translate(-100%);transition:transform .25s ease}body.sidebar-open .sidebar{transform:translate(0)}body.sidebar-open{overflow:hidden}.sidebar-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:8px 12px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--text);font-size:.9rem;white-space:normal;flex-shrink:0;transition:background .15s ease,color .15s ease}.sidebar-link:hover{background:var(--bg-card)}.sidebar-link[aria-current=page]{background:var(--bg-card);color:var(--accent-2);box-shadow:inset 3px 0 0 var(--accent-2)}.main{padding:20px 16px 60px}.home-player{max-width:860px;margin:0 auto 10px}.section-title{font-size:1.15rem;font-weight:800;margin:26px 0 12px;letter-spacing:-.01em}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.game-card{border-radius:var(--radius);overflow:visible;background:transparent;position:relative;display:block}.game-card .thumb-wrap{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius);background:linear-gradient(160deg,#1c2032,#10121c);transition:transform .2s ease,box-shadow .2s ease}.thumb-media{position:absolute;inset:0;border-radius:var(--radius);overflow:hidden;background:#0d0f18}.thumb-media img,.thumb-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.thumb-wrap>img,.thumb-wrap>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.game-card video{opacity:0;transition:opacity .25s ease}.game-card.is-playing video,.game-card:hover video,.game-card:focus-visible video{opacity:1}.game-card:hover .thumb-wrap,.game-card:focus-visible .thumb-wrap{transform:translateY(-4px) scale(1.03);box-shadow:0 14px 28px -10px #0000008c,0 0 0 2px var(--accent-2) inset}.card-overlay{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 8px;background:linear-gradient(0deg,#000000e0,#0000);opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.game-card:hover .card-overlay,.game-card:focus-visible .card-overlay{opacity:1;transform:translateY(0)}.card-title{margin:0;font-size:.85rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{margin:2px 0 0;font-size:.72rem;color:var(--accent-2)}.game-title{font-size:.85rem;font-weight:600;margin-top:6px;padding:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-meta{font-size:.72rem;color:var(--text-muted);padding:0 2px}.hero-card{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:21 / 9;box-shadow:var(--glow)}.hero-card img{width:100%;height:100%;object-fit:cover}.hero-card .hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#000c,#0000000d 65%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}.hero-card h1{margin:0 0 6px;font-size:1.7rem;letter-spacing:-.02em}.player-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius);overflow:hidden;box-shadow:var(--glow)}.player-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.game-detail-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;margin-top:16px}.related-rail{display:grid;grid-template-columns:1fr;gap:12px}footer.site-footer{border-top:1px solid #23263380;padding:24px 16px;color:var(--text-muted);font-size:.8rem;text-align:center}@media (max-width: 1024px){.game-detail-layout{grid-template-columns:1fr}}@media (max-width: 640px){.logo{font-size:1.05rem}.search-form{max-width:none}.sidebar{width:min(85vw,280px)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.hero-card{aspect-ratio:4 / 3}.hero-card h1{font-size:1.2rem}.card-overlay{opacity:1;transform:none;background:linear-gradient(0deg,#000000d1,#0000)}.game-card:hover .thumb-wrap,.game-card:focus-visible .thumb-wrap{transform:none}}@media (max-width: 400px){.game-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){.game-card .thumb-wrap,.card-overlay,.btn-primary,.play-btn span{transition:none!important}}