*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}body{font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,system-ui,sans-serif;font-weight:700;line-height:1.2;color:#e5e7eb}h1{font-size:clamp(2.5rem,5vw + 1rem,5rem)}h2{font-size:clamp(2rem,3vw,2.5rem)}h3{font-size:1.25rem;font-weight:600}code,pre,.code{font-family:JetBrains Mono,Fira Code,monospace}.pixel-text{font-family:"Press Start 2P",monospace;font-size:.75rem;letter-spacing:.05em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) both}.animate-slide-up{animation:slideUp .5s cubic-bezier(.16,1,.3,1) both}@keyframes scroll-reveal-slide{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline: view()){.scroll-reveal{animation:scroll-reveal-slide ease-in-out both;animation-timeline:view();animation-range:entry min(20%,40px) entry min(100%,400px)}}@supports not (animation-timeline: view()){.scroll-reveal{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.animate-fade-in,.animate-slide-up,.scroll-reveal{animation:none;opacity:1;transform:none}}.extras-section__content:has(.extra-game__popout-backdrop){animation:none;transform:none}.main-page .main-page__section:has(.extra-game__popout-backdrop){z-index:1300}html.extra-game--popout-open,html.extra-game--popout-open body{overflow:hidden;overscroll-behavior:none}html.extra-game--popout-open{scrollbar-gutter:stable}.extra-game__popout-backdrop{position:fixed;z-index:1300;inset:0;display:grid;place-items:center;padding:1rem;--popout-outline: rgba(var(--accent-cyan-rgb), .28);background:#030610d1}.extra-game__popout-dialog{position:relative;display:grid;gap:1rem;width:min(100%,64vw + 4rem,88rem);max-height:min(92vh,58rem);margin:0;padding:clamp(1.25rem,2vw,2rem);overflow:auto;overscroll-behavior:contain;background:var(--bg-surface);border:1px solid var(--popout-outline);border-radius:1rem}.extra-game__popout-close{position:absolute;z-index:2;top:.65rem;right:.65rem;display:grid;place-items:center;width:2.4rem;height:2.4rem;padding:0;color:var(--popout-outline);background:#050812bd;border:1px solid var(--popout-outline);border-radius:999px;font-size:1.7rem;line-height:1;cursor:pointer}.extra-game__popout-close span{display:block;line-height:1}.extra-game__popout-close:hover,.extra-game__popout-close:focus-visible{color:var(--accent-cyan);border-color:var(--accent-cyan)}.extra-game__popout-header{padding-right:3rem}.extra-game__popout-header p{color:var(--accent-cyan);font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.extra-game__popout-header h2{color:var(--text-primary);font-size:clamp(1.45rem,3vw,2.5rem);line-height:1.08}.extra-game__popout-header>span{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.extra-game__popout-media{width:min(100%,64vw);height:auto;aspect-ratio:16/9;min-height:0;overflow:hidden;justify-self:center}.extra-game__popout-media app-extra-media-screen{display:block;height:100%}.extra-game__popout-media .extra-screen--popout .extra-screen__media-slide iframe,.extra-game__popout-media .extra-screen--popout .extra-screen__media-slide img{object-fit:contain!important}@media(max-width:480px){.extra-game__popout-backdrop{padding:.65rem}.extra-game__popout-dialog{width:100%;max-height:96vh;padding:1rem;border-radius:.7rem}.extra-game__popout-media{width:100%}}:root{--bg-primary: #0b0f1a;--bg-surface: #111827;--bg-border: #1e2a45;--accent-cyan: #22d3ee;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-pink: #ec4899;--accent-gold: #f59e0b;--accent-cyan-rgb: 34, 211, 238;--accent-blue-rgb: 59, 130, 246;--accent-purple-rgb: 139, 92, 246;--accent-pink-rgb: 236, 72, 153;--accent-gold-rgb: 245, 158, 11;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--gradient-accent: linear-gradient(135deg, var(--accent-cyan), var(--accent-blue), var(--accent-purple));--glow-cyan: 0 0 15px rgba(34, 211, 238, .3);--glow-blue: 0 0 15px rgba(59, 130, 246, .3);--glow-purple: 0 0 15px rgba(139, 92, 246, .3);--glow-pink: 0 0 15px rgba(236, 72, 153, .3);--glow-gold: 0 0 15px rgba(245, 158, 11, .3);--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-6: 3rem;--space-8: 4rem;--max-content-width: 1200px;--navbar-height: 4rem;--section-padding-v: 5rem;--section-padding-h: 1.5rem}html{background-color:var(--bg-primary);color:var(--text-primary)}body{background-color:transparent}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}::selection{background-color:#3b82f64d;color:#e5e7eb}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0b0f1a}::-webkit-scrollbar-thumb{background:#1e2a45;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b82f666}.about-section__chapter{will-change:transform}.about-section__rail-progress{filter:drop-shadow(0 0 4px rgba(229,231,235,.28))}.about-section__scroll-debug{position:fixed;right:1rem;bottom:1rem;z-index:1200;width:min(17rem,100vw - 2rem);padding:.75rem .875rem;color:var(--text-primary);background:var(--bg-primary);background:color-mix(in srgb,var(--bg-primary) 94%,transparent);border:1px solid rgba(var(--accent-cyan-rgb),.55);border-radius:12px;box-shadow:0 14px 32px #0000006b,0 0 18px rgba(var(--accent-cyan-rgb),.14);font-family:JetBrains Mono,monospace;font-size:.7rem;font-variant-numeric:tabular-nums;line-height:1.35;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-section__scroll-debug dl{display:grid;gap:.2rem;margin:0}.about-section__scroll-debug dl>div{display:flex;justify-content:space-between;gap:.5rem}.about-section__scroll-debug dt{color:var(--text-secondary)}.about-section__scroll-debug dd{margin:0;color:var(--accent-cyan);text-align:right}.about-section__scroll-debug-title{margin-bottom:.4rem;color:var(--accent-pink);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.about-section__scroll-debug-hint{margin-top:.45rem;color:var(--text-secondary);font-size:.62rem}