*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg: #0b0d14;--panel: #131722;--panel-2: #1a2030;--text: #ffffff;--muted: #b7bfd1;--accent: #7c5cff;--accent-2: #19c2ff;--border: rgba(255, 255, 255, .08)}body{margin:0;font-family:Arial,sans-serif;background:radial-gradient(circle at top left,rgba(124,92,255,.22),transparent 25%),radial-gradient(circle at top right,rgba(25,194,255,.18),transparent 25%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.page{min-height:100vh}.container{width:min(1280px,92%);margin:0 auto;padding:28px 0 50px}.header{display:flex;align-items:center;justify-content:space-between;min-height:96px;padding:16px 32px;background:#0b0d14d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.logo-link{display:flex;align-items:center;flex-shrink:0;text-decoration:none}.site-logo{width:120px;height:120px;object-fit:contain;display:block}.nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.nav-btn{padding:10px 16px;border-radius:14px;color:#fff;text-decoration:none;transition:.2s ease;font-size:16px;line-height:1}@media(max-width:900px){.header{padding:14px 18px;min-height:auto;gap:16px;flex-direction:column;align-items:flex-start}.site-logo{width:68px;height:68px}.nav{gap:10px}.nav-btn{font-size:14px;padding:9px 14px}}.hero{margin:10px 0 26px}.hero-large{min-height:280px;display:flex;align-items:center;padding:40px;border-radius:32px;background:linear-gradient(135deg,#7c5cffe6,#19c2ffbf),#151826;box-shadow:0 20px 60px #00000059}.hero-content{max-width:620px}.hero-label{display:inline-block;margin-bottom:14px;padding:8px 14px;border-radius:999px;background:#ffffff29;font-size:12px;font-weight:700;letter-spacing:1.3px}.hero h1{margin:0 0 14px;font-size:60px;line-height:1}.hero p{margin:0;color:#ffffffe6;font-size:18px;line-height:1.6}.search-bar{margin:24px 0 20px}.search-bar input{width:100%;padding:18px 20px;border-radius:18px;border:1px solid var(--border);background:#ffffff0a;color:#fff;font-size:16px;outline:none}.search-bar input::placeholder{color:#9aa4ba}.chips{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}.chip{border:1px solid var(--border);background:#ffffff0a;color:#fff;padding:11px 16px;border-radius:999px;cursor:pointer;transition:.2s ease}.chip:hover{transform:translateY(-1px)}.chip.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent}.section-block{margin-top:34px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-head h2{margin:0;font-size:28px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}.game-card{display:block;background:linear-gradient(180deg,#ffffff08,#ffffff05);border:1px solid var(--border);border-radius:24px;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.game-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00000059;border-color:#7c5cff59}.game-card-image-wrap{position:relative}.game-card img{width:100%;height:170px;object-fit:cover;display:block}.game-badge{position:absolute;left:12px;top:12px;padding:8px 12px;border-radius:999px;background:#0b0d14c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;font-weight:700}.game-card-body{padding:16px}.game-card-body h3{margin:0 0 10px;font-size:20px}.game-card-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.game-frame-wrapper{margin:24px 0 32px;border-radius:24px;overflow:hidden;background:#000;border:1px solid var(--border)}.game-frame-wrapper iframe{border:none;display:block}.back-link{display:inline-block;margin-bottom:18px;color:#b8b8ff}@media(max-width:900px){.header{padding:16px 18px;gap:20px;flex-direction:column;align-items:flex-start}.nav{flex-wrap:wrap;gap:14px}.hero-large{min-height:auto;padding:28px;border-radius:24px}.hero h1{font-size:42px}.hero p{font-size:16px}}.game-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:stretch;margin-bottom:34px}.game-hero-image{border-radius:28px;overflow:hidden;border:1px solid var(--border);min-height:320px;background:#ffffff08}.game-hero-image img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block}.game-hero-info{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid var(--border);border-radius:28px;padding:28px}.game-page-badge{display:inline-block;margin-bottom:16px;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));font-size:13px;font-weight:700}.game-hero-info h1{margin:0 0 14px;font-size:42px;line-height:1.05}.game-hero-info p{margin:0 0 24px;color:var(--muted);line-height:1.7;font-size:16px}.game-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.meta-card{padding:16px;border-radius:20px;background:#ffffff0a;border:1px solid var(--border)}.meta-card span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.meta-card strong{font-size:15px}.play-section{margin-bottom:34px}.large-frame iframe{min-height:720px}.game-description-block{margin-bottom:34px;padding:24px;border-radius:24px;border:1px solid var(--border);background:#ffffff08}.game-description-block p{margin:0;color:var(--muted);line-height:1.8;font-size:16px}@media(max-width:950px){.game-hero,.game-meta{grid-template-columns:1fr}.large-frame iframe{min-height:480px}.game-hero-info h1{font-size:34px}}.game-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tag-pill{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);font-size:13px;font-weight:600}.pagination{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}.page-btn{padding:10px 16px;border-radius:10px;border:1px solid var(--border);background:#ffffff0d;color:#fff;cursor:pointer}.page-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.pagination-wrap{margin-top:28px;display:flex;align-items:center;gap:14px;justify-content:center}.pagination-numbers{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#ffffff0d;border:1px solid var(--border)}.pagination-arrow{width:52px;height:52px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:28px;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.pagination-arrow:hover:not(:disabled){transform:translateY(-2px)}.pagination-arrow:disabled{opacity:.45;cursor:not-allowed}.page-pill{min-width:44px;height:44px;padding:0 14px;border:none;border-radius:999px;background:transparent;color:#fff;font-size:18px;cursor:pointer;transition:.2s ease}.page-pill:hover{background:#ffffff14}.page-pill.active{background:#4b2fe0;color:#fff}.results-title{margin:0 0 18px;font-size:28px}@media(max-width:700px){.pagination-wrap{gap:10px}.pagination-arrow{width:44px;height:44px;font-size:24px}.pagination-numbers{gap:6px;padding:6px 10px}.page-pill{min-width:38px;height:38px;font-size:16px;padding:0 10px}}.game-toolbar{position:absolute;top:14px;right:14px;z-index:20}.fullscreen-btn{padding:10px 16px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #00000040}.fullscreen-btn:hover{opacity:.95}.fullscreen-wrapper{position:relative}.fullscreen-wrapper.is-fullscreen{background:#000}.fullscreen-wrapper.is-fullscreen iframe{height:100vh!important}.auth-container{max-width:480px}.auth-form{display:flex;flex-direction:column;gap:14px;margin:24px 0}.auth-form input{padding:16px;border-radius:14px;border:1px solid var(--border);background:#ffffff0a;color:#fff;font-size:16px}.auth-form button,.logout-btn{padding:14px 18px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;cursor:pointer}.account-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.nav-btn{padding:10px 16px;border-radius:12px;color:#fff;text-decoration:none;transition:.2s}.back-btn{display:inline-block;margin-bottom:20px;color:#fff;opacity:.8}.favorite-btn{margin-top:15px;padding:12px 16px;border:none;border-radius:12px;background:#ffb300;color:#000;font-weight:700;cursor:pointer}.logo-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.site-logo{width:120px;height:100px;border-radius:10px}.site-logo-text{font-size:28px;font-weight:800;letter-spacing:.3px;color:#fff}.nav-btn{padding:10px 16px;border-radius:12px;color:#fff;text-decoration:none;transition:.2s ease}.nav-btn:hover{background:#ffffff14}.nav-btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.account-btn{background:#ffffff14;border:1px solid var(--border)}.account-btn:hover{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.back-btn{display:inline-block;margin-bottom:20px;color:#fff;opacity:.85;text-decoration:none}.back-btn:hover{opacity:1}.account-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-radius:24px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0a,#ffffff05);margin-bottom:24px}.account-hero-left{display:flex;align-items:center;gap:20px}.account-avatar{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;color:#fff}.account-hero h1{margin:0 0 8px}.account-email,.account-username{margin:0;color:var(--muted)}.account-stats{display:grid;grid-template-columns:repeat(2,minmax(180px,240px));gap:18px;margin-bottom:28px}.account-stat-card{padding:20px;border-radius:20px;border:1px solid var(--border);background:#ffffff0a}.account-stat-card span{display:block;color:var(--muted);margin-bottom:10px}.account-stat-card strong{font-size:28px}.empty-box{padding:24px;border-radius:20px;border:1px solid var(--border);background:#ffffff08}@media(max-width:900px){.account-hero{flex-direction:column;align-items:flex-start}.account-hero-left{align-items:flex-start}.account-stats{grid-template-columns:1fr}.site-logo-text{font-size:22px}.site-logo{width:36px;height:36px}}.hero-large{min-height:320px;display:grid;grid-template-columns:1.2fr .9fr;align-items:center;gap:28px;padding:40px;border-radius:32px;background:linear-gradient(135deg,#7c5cffe6,#19c2ffbf),#151826;box-shadow:0 20px 60px #00000059}.hero-games-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.hero-mini-card{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#ffffff14;box-shadow:0 12px 28px #00000038;aspect-ratio:1 / 1}.hero-mini-card img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:900px){.hero-large{grid-template-columns:1fr;padding:28px}.hero-games-preview{grid-template-columns:repeat(2,1fr)}}