:root{background-color:#eff3fa}:root[data-theme=dark]{background-color:#041227}:root{--bg-base: #041227;--bg-page-gradient: radial-gradient(circle at top, rgba(32, 98, 255, .28), transparent 34%), radial-gradient(circle at right, rgba(255, 199, 76, .18), transparent 20%), linear-gradient(180deg, #041227 0%, #071a35 52%, #030914 100%);--bg-section: linear-gradient(180deg, rgba(13, 30, 58, .86) 0%, rgba(6, 16, 33, .9) 100%);--bg-section-accent: radial-gradient(circle at top left, rgba(255, 198, 62, .18), transparent 26%);--bg-panel: linear-gradient(180deg, rgba(10, 25, 48, .94) 0%, rgba(5, 12, 24, .94) 100%);--bg-panel-accent: radial-gradient(circle at top right, rgba(255, 188, 59, .16), transparent 24%);--bg-card: linear-gradient(180deg, rgba(10, 23, 44, .92) 0%, rgba(4, 10, 20, .94) 100%);--bg-card-accent: radial-gradient(circle at top left, rgba(255, 209, 102, .12), transparent 24%);--bg-inner-card: rgba(7, 17, 33, .76);--bg-meta-row: rgba(255, 255, 255, .04);--bg-input: rgba(3, 10, 20, .82);--bg-pill: rgba(6, 16, 32, .8);--bg-empty: rgba(5, 13, 24, .52);--bg-glow: radial-gradient(circle, rgba(49, 132, 255, .22) 0%, transparent 70%);--text-primary: #f4f8ff;--text-muted: rgba(233, 243, 255, .78);--text-faint: rgba(233, 243, 255, .62);--text-dimmer: rgba(233, 243, 255, .66);--text-summary: rgba(233, 243, 255, .74);--accent-blue: #8fc5ff;--accent-blue-muted: rgba(143, 197, 255, .82);--accent-gold: #ffd477;--accent-gold-bright: #ffe18b;--accent-gold-dim: rgba(255, 209, 102, .16);--accent-gold-text: #ffe2a5;--border-subtle: rgba(166, 205, 255, .12);--border-faint: rgba(255, 255, 255, .08);--border-input: rgba(166, 205, 255, .16);--border-focus: rgba(255, 209, 102, .48);--border-pill: rgba(166, 205, 255, .16);--border-pill-active: rgba(255, 209, 102, .6);--border-empty: rgba(166, 205, 255, .2);--shadow-section: 0 26px 60px rgba(3, 9, 20, .45);--shadow-card: 0 20px 38px rgba(3, 8, 18, .34);--shadow-button-primary: 0 12px 28px rgba(255, 191, 63, .2);--shadow-focus: 0 0 0 3px rgba(255, 209, 102, .1);--shadow-inner: inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-inner-card: inset 0 1px 0 rgba(255, 255, 255, .04);--btn-primary-bg: linear-gradient(135deg, #ffe18b 0%, #ffbf3f 100%);--btn-primary-color: #051121;--btn-ghost-bg: rgba(8, 20, 40, .68);--btn-ghost-border: rgba(143, 197, 255, .24);--badge-bg: rgba(143, 197, 255, .12);--badge-color: #b8d9ff;--badge-label-color: #b8d9ff;--genre-tag-bg: rgba(255, 255, 255, .06);--genre-tag-color: rgba(244, 248, 255, .82);--header-bg: rgba(4, 18, 39, .88);--header-border: rgba(166, 205, 255, .1);color-scheme:dark}[data-theme=light]{--bg-base: #eff3fa;--bg-page-gradient: radial-gradient(circle at top, rgba(32, 98, 255, .1), transparent 34%), radial-gradient(circle at right, rgba(255, 199, 76, .12), transparent 20%), linear-gradient(180deg, #dce8f7 0%, #e8f0fb 52%, #f0f5fc 100%);--bg-section: linear-gradient(180deg, rgba(255, 255, 255, .92) 0%, rgba(240, 247, 255, .95) 100%);--bg-section-accent: radial-gradient(circle at top left, rgba(255, 198, 62, .1), transparent 26%);--bg-panel: linear-gradient(180deg, rgba(255, 255, 255, .96) 0%, rgba(235, 245, 255, .97) 100%);--bg-panel-accent: radial-gradient(circle at top right, rgba(255, 188, 59, .1), transparent 24%);--bg-card: linear-gradient(180deg, rgba(255, 255, 255, .97) 0%, rgba(240, 248, 255, .98) 100%);--bg-card-accent: radial-gradient(circle at top left, rgba(255, 209, 102, .08), transparent 24%);--bg-inner-card: rgba(240, 247, 255, .9);--bg-meta-row: rgba(32, 98, 200, .05);--bg-input: rgba(255, 255, 255, .95);--bg-pill: rgba(235, 244, 255, .9);--bg-empty: rgba(220, 232, 248, .6);--bg-glow: radial-gradient(circle, rgba(49, 132, 255, .1) 0%, transparent 70%);--text-primary: #0d1b2e;--text-muted: rgba(15, 30, 60, .78);--text-faint: rgba(15, 30, 60, .58);--text-dimmer: rgba(15, 30, 60, .66);--text-summary: rgba(15, 30, 60, .72);--accent-blue: #1a5fbf;--accent-blue-muted: rgba(26, 95, 191, .85);--accent-gold: #c47c00;--accent-gold-bright: #d48a00;--accent-gold-dim: rgba(196, 124, 0, .12);--accent-gold-text: #9a5e00;--border-subtle: rgba(26, 95, 191, .15);--border-faint: rgba(15, 30, 60, .1);--border-input: rgba(26, 95, 191, .2);--border-focus: rgba(196, 124, 0, .5);--border-pill: rgba(26, 95, 191, .18);--border-pill-active: rgba(196, 124, 0, .6);--border-empty: rgba(26, 95, 191, .18);--shadow-section: 0 26px 60px rgba(15, 40, 80, .1);--shadow-card: 0 20px 38px rgba(15, 40, 80, .08);--shadow-button-primary: 0 12px 28px rgba(196, 124, 0, .18);--shadow-focus: 0 0 0 3px rgba(196, 124, 0, .12);--shadow-inner: inset 0 1px 0 rgba(255, 255, 255, .8);--shadow-inner-card: inset 0 1px 0 rgba(255, 255, 255, .7);--btn-primary-bg: linear-gradient(135deg, #ffca4a 0%, #f0a000 100%);--btn-primary-color: #2a1200;--btn-ghost-bg: rgba(255, 255, 255, .85);--btn-ghost-border: rgba(26, 95, 191, .28);--badge-bg: rgba(26, 95, 191, .1);--badge-color: #1a5fbf;--badge-label-color: #1a5fbf;--genre-tag-bg: rgba(26, 95, 191, .07);--genre-tag-color: rgba(15, 35, 80, .85);--header-bg: rgba(235, 245, 255, .92);--header-border: rgba(26, 95, 191, .12);color-scheme:light}:root{font-family:Manrope,system-ui,sans-serif;background:var(--bg-page-gradient);background-color:var(--bg-base)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%}body{padding-top:72px;color:var(--text-primary);font-family:Manrope,system-ui,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}a,button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none;padding:0;cursor:pointer}img{display:block;max-width:100%}::selection{background:#ffd1664d;color:#fff}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:4px}h1,h2,h3{text-wrap:balance}a,button{touch-action:manipulation}.site-header{position:fixed;top:16px;left:0;right:0;z-index:100;padding:0 16px;display:flex;justify-content:center;pointer-events:none}.site-header__inner{display:flex;align-items:center;gap:12px;width:min(1024px,100%);height:56px;padding:0 12px 0 24px;pointer-events:auto;background:#0f172acc;border:1px solid rgba(100,116,139,.5);backdrop-filter:blur(12px) saturate(1.6);-webkit-backdrop-filter:blur(12px) saturate(1.6);border-radius:999px;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}[data-theme=light] .site-header__inner{background:#ffffffb3;border-color:#ffffff80;box-shadow:0 4px 24px #0000001a}.site-header__logo{font-family:Oxanium,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.04em;color:var(--text-primary);opacity:.85;white-space:nowrap;flex-shrink:0;text-decoration:none;transition:opacity .18s ease}[data-theme=light] .site-header__logo{color:#0f172a}.site-header__logo:hover{opacity:1}.site-nav{display:flex;align-items:center;gap:4px;flex:1;padding:0 12px}.site-nav__link{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:.875rem;font-weight:600;color:var(--text-muted);border:1px solid transparent;transition:color .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap;text-decoration:none}[data-theme=light] .site-nav__link{color:#475569}.site-nav__link:hover{color:var(--text-primary);background:var(--bg-pill);border-color:var(--border-subtle)}[data-theme=light] .site-nav__link:hover{color:#4f46e5;background:#4f46e50f;border-color:transparent}.site-nav__link.is-active{color:var(--accent-gold);background:var(--accent-gold-dim);border-color:#ffd16640}[data-theme=light] .site-nav__link.is-active{color:#4f46e5;background:#4f46e517;border-color:#4f46e52e}.site-nav__icon{width:20px;height:20px;flex-shrink:0;opacity:.8}.nav-logo--ps5{filter:brightness(0) invert(1);opacity:.75}[data-theme=light] .nav-logo--ps5{filter:brightness(0);opacity:.8}.nav-logo--xbox{opacity:.9}[data-theme=light] .nav-logo--xbox{filter:brightness(.72) saturate(1.2)}.site-header__controls{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.site-header__hamburger{display:none!important}.site-header__mobile-menu{display:none;position:absolute;top:calc(100% + 8px);left:16px;right:16px;z-index:99;pointer-events:auto;background:#0c1426f7;border:1px solid rgba(100,116,139,.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;padding:8px;box-shadow:0 12px 40px #00000080}[data-theme=light] .site-header__mobile-menu{background:#fffffff7;border-color:#c8d2e699;box-shadow:0 8px 32px #0000001f}.site-header__mobile-menu.is-open{display:flex;flex-direction:column}.site-header__mobile-link{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:.9rem;font-weight:600;color:var(--text-muted);text-decoration:none;transition:background .12s,color .12s}.site-header__mobile-link:hover,.site-header__mobile-link.is-active{background:var(--bg-pill);color:var(--text-primary)}[data-theme=light] .site-header__mobile-link{color:#475569}[data-theme=light] .site-header__mobile-link:hover,[data-theme=light] .site-header__mobile-link.is-active{background:#4f46e512;color:#4f46e5}.site-header__mobile-divider{height:1px;background:var(--border-subtle);margin:4px 10px}.site-footer{margin-top:72px;border-top:1px solid var(--border-subtle);background:var(--header-bg);backdrop-filter:blur(16px)}.site-footer__inner{display:grid;grid-template-columns:1fr repeat(2,auto);gap:32px 48px;width:min(1200px,calc(100% - 32px));margin:0 auto;padding:40px 0 28px}.site-footer__brand{display:flex;flex-direction:column;gap:8px}.site-footer__logo{font-family:Oxanium,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.04em;color:var(--text-primary);opacity:.7;text-decoration:none;transition:opacity .15s ease}.site-footer__logo:hover{opacity:1}.site-footer__tagline{margin:0;font-size:.78rem;color:var(--text-faint);max-width:28ch;line-height:1.5}.site-footer__social{display:flex;align-items:center;gap:8px;margin-top:4px}.site-footer__social-note{margin:6px 0 0;font-size:.72rem;color:var(--text-faint);line-height:1.4}.site-footer__social-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--bg-pill);color:var(--text-faint);transition:color .15s ease,border-color .15s ease}.site-footer__social-link:hover{color:var(--text-primary);border-color:var(--border-input)}.site-footer__social-link svg,.site-footer__social-link img.social-icon{display:block;width:16px;height:16px;filter:brightness(0) invert(.72)}.site-footer__social-link img.social-icon--color{filter:none}[data-theme=light] .site-footer__social-link img.social-icon{filter:brightness(0) invert(.3)}[data-theme=light] .site-footer__social-link img.social-icon--color{filter:none}.site-footer__social-link:hover img.social-icon:not(.social-icon--color){filter:brightness(0) invert(1)}[data-theme=light] .site-footer__social-link:hover img.social-icon:not(.social-icon--color){filter:brightness(0) invert(.1)}.site-footer__col{display:flex;flex-direction:column;gap:10px}.site-footer__col-title{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.site-footer__nav{display:flex;flex-direction:column;gap:2px}.site-footer__nav a,.site-footer__text-btn{display:inline-flex;align-items:center;gap:7px;padding:5px 0;font-size:.82rem;font-weight:500;color:var(--text-faint);transition:color .15s ease;text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left}.site-footer__nav a:hover,.site-footer__nav a.is-active,.site-footer__text-btn:hover{color:var(--accent-gold)}.site-footer__bottom{grid-column:1 / -1;padding-top:20px;border-top:1px solid var(--border-faint);display:flex;flex-direction:column;gap:6px}.site-footer__copyright{margin:0;font-size:.78rem;color:var(--text-faint)}.site-footer__disclaimer{margin:0;font-size:.72rem;color:var(--text-faint);opacity:.65;line-height:1.6}@media(max-width:640px){.site-nav__link span:not(.site-nav__icon){display:none}.site-footer__inner{grid-template-columns:1fr 1fr}.site-footer__brand{grid-column:1 / -1;align-items:center;text-align:center}.site-footer__col{align-items:center;text-align:center}.site-footer__nav{align-items:center}.site-footer__bottom{text-align:center}}@media(max-width:720px){.site-nav{display:none}.site-header__hamburger{display:inline-flex!important}.lang-toggle-link{display:none!important}.site-header__inner{padding:0 12px 0 16px;gap:10px}.site-header__logo{font-size:.92rem;max-width:42vw;overflow:hidden;text-overflow:ellipsis}}@media(max-width:480px){.site-header{top:10px;padding:0 10px}.site-header__inner{height:52px;padding:0 10px 0 14px}.site-header__controls{gap:6px}.site-header__mobile-menu{left:10px;right:10px}.site-footer__tagline,.site-footer__copyright,.site-footer__disclaimer{overflow-wrap:anywhere;word-break:break-word}.site-footer__inner{grid-template-columns:1fr}}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-pill);color:var(--text-primary);font-size:.9rem;font-weight:800;transition:border-color .18s ease,background .18s ease;text-decoration:none;cursor:pointer}.icon-button:hover{border-color:var(--border-focus);background:var(--bg-inner-card)}.icon-button svg{width:18px;height:18px}.icon-sun{display:none}.icon-moon,[data-theme=light] .icon-sun{display:block}[data-theme=light] .icon-moon{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}