:root{--bg:#16131f;--panel:#211c2d;--ink:#fff9e8;--muted:#b6adbe;--line:#484055;--pink:#ff4fa3;--green:#7dff9b;--cyan:#57e8ff;--yellow:#ffd64a;--purple:#8d62ff;--pixel:"Pixelify Sans",monospace;--mono:"DM Mono",monospace;--sans:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden;background-image:radial-gradient(#383044 1px,transparent 1px);background-size:24px 24px}a{color:inherit}.skip-link{position:fixed;top:-100px;left:1rem;z-index:99;background:var(--yellow);color:#111;padding:1rem}.skip-link:focus{top:1rem}.site-header{height:76px;padding:0 clamp(1.2rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--line);background:#16131feb;backdrop-filter:blur(10px);position:absolute;z-index:10;width:100%}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font:400 .66rem var(--pixel)}.brand-pixel{display:grid;place-items:center;width:38px;height:32px;background:var(--pink);color:#1b1220;border:3px solid #fff;box-shadow:4px 4px 0 #08070a;font:700 .65rem var(--pixel)}.header-status{font:400 .58rem var(--pixel);color:var(--green)}.header-status i{display:inline-block;width:8px;height:8px;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:6px}.site-header nav{display:flex;gap:2rem}.site-header nav a{text-decoration:none;font:400 .58rem var(--pixel)}.site-header nav a:hover{color:var(--yellow);text-shadow:2px 2px 0 var(--pink)}.menu-toggle{display:none}.hero{min-height:100svh;padding:clamp(8rem,15vh,11rem) clamp(1.2rem,7vw,8rem) 7rem;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:7vw;position:relative;overflow:hidden;background:linear-gradient(155deg,#201930 0,#12101a 68%)}.pixel-sky{position:absolute;inset:0;opacity:.62;overflow:hidden}.pixel-sky canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated}.pixel-sky>i{opacity:.45}.pixel-sky:before,.pixel-sky:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}.pixel-sky:before{width:420px;height:420px;background:var(--purple);right:-180px;top:10%;box-shadow:0 0 0 18px #8d62ff22,0 0 0 40px #8d62ff12}.pixel-sky:after{width:220px;height:220px;background:var(--pink);left:-140px;bottom:8%;opacity:.35}.pixel-sky i{position:absolute;width:5px;height:5px;background:white;box-shadow:10vw 22vh 0 var(--cyan),24vw 10vh 0 var(--yellow),45vw 28vh 0 white,70vw 12vh 0 var(--pink),88vw 48vh 0 white}.hero-copy,.handheld{position:relative;z-index:1}.kicker,.section-tag{font:400 .62rem var(--pixel);color:var(--cyan);letter-spacing:.05em}.hero h1{font:700 clamp(3rem,6.8vw,7.1rem)/.98 var(--pixel);letter-spacing:-.06em;margin:1.5rem 0 2rem;text-shadow:6px 6px 0 #060509}.hero h1 span,.contact h2 span{color:var(--pink);-webkit-text-stroke:1px white}.hero-intro{font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.7;color:#dad1de;max-width:620px}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.5rem}.game-button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 1.2rem;text-decoration:none;color:#17111d;border:3px solid white;box-shadow:6px 6px 0 #070608;font:400 .65rem var(--pixel);transition:.15s}.game-button:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 #070608}.game-button.pink{background:var(--pink)}.game-button.green{background:var(--green)}.game-button.yellow{background:var(--yellow)}.plain-link{font:400 .62rem var(--pixel);text-decoration:none;border-bottom:2px dotted var(--muted);padding:.5rem 0}.handheld{max-width:440px;justify-self:center;background:#d7cebb;color:#231f27;border:4px solid #fff;border-radius:24px 24px 70px 24px;padding:1.1rem 1.3rem 1.6rem;box-shadow:15px 18px 0 #08070a,inset -8px -8px 0 #aaa18f}.handheld-top{display:flex;justify-content:space-between;font:700 .52rem var(--pixel);padding:.2rem 0 .7rem}.speaker-slots{width:80px;border-top:3px double #6b645c}.screen-bezel{background:#4e4652;padding:1.3rem;border-radius:10px 10px 35px 10px}.screen{background:#b9e27c;min-height:265px;padding:1rem;color:#1c3321;position:relative;overflow:hidden;box-shadow:inset 0 0 25px #375b3399}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#203b1c17 4px)}.screen-head,.screen-foot{position:relative;display:flex;justify-content:space-between;font:400 .48rem var(--pixel);border-bottom:2px solid #31532d;padding-bottom:.5rem}.screen-foot{border:0;border-top:2px solid #31532d;padding:.6rem 0 0;margin-top:1rem}.pixel-avatar{position:relative;width:78px;height:93px;float:left;margin:1.3rem 1.1rem .5rem .2rem;image-rendering:pixelated}.pixel-avatar .hair{position:absolute;background:#203721;width:62px;height:42px;left:8px;clip-path:polygon(12% 0,88% 0,100% 30%,88% 30%,100% 70%,82% 60%,75% 100%,12% 88%,0 30%)}.pixel-avatar .face{position:absolute;background:#6d9d4e;width:50px;height:48px;top:28px;left:15px}.pixel-avatar .glasses{position:absolute;top:42px;left:10px;width:58px;height:15px;border:5px solid #203721;border-left-width:10px;border-right-width:10px}.pixel-avatar .body{position:absolute;background:#203721;width:75px;height:24px;bottom:0;left:2px;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.player-data{position:relative;padding-top:1.2rem;font-family:var(--pixel)}.player-data strong{display:block;font-size:.75rem}.player-data small{display:block;font-size:.38rem;margin:.35rem 0 1rem}.player-data div{font-size:.38rem;margin:.45rem 0}meter{width:76px;height:8px}.controls{height:94px;display:flex;align-items:center;justify-content:space-between;padding:1rem .5rem 0}.dpad{width:80px;height:80px;position:relative}.dpad i{position:absolute;background:#302c31;border-radius:4px;box-shadow:inset -3px -3px #171519}.dpad i:first-child{width:28px;height:76px;left:26px}.dpad i:last-child{height:28px;width:76px;top:25px;left:2px}.ab{display:flex;gap:13px;transform:rotate(-18deg)}.ab i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#9f3059;color:#e5b9c9;font:400 .7rem var(--pixel);box-shadow:inset -4px -4px #5c1934}.tiny-buttons{align-self:end;display:flex;gap:8px}.tiny-buttons i{width:28px;height:8px;border-radius:10px;background:#726b6b;transform:rotate(-18deg)}.ticker{position:absolute;bottom:0;left:0;width:100%;background:var(--yellow);color:#17111d;border-block:3px solid white;padding:.8rem 0;overflow:hidden;font:700 .6rem var(--pixel);white-space:nowrap}.ticker div{display:inline-block;animation:ticker 22s linear infinite}.ticker span{margin-left:1rem}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding:clamp(5rem,10vw,9rem) clamp(1.2rem,7vw,8rem);border-top:3px solid var(--line)}.profile{background:#f5ebd7;color:#1d1924;background-image:linear-gradient(#ded4c3 1px,transparent 1px),linear-gradient(90deg,#ded4c3 1px,transparent 1px);background-size:32px 32px}.profile .section-tag{color:#7e2864}.profile-grid{display:grid;grid-template-columns:1fr .8fr;gap:9vw;margin-top:4rem}.quest{display:inline-block;background:var(--yellow);padding:.45rem .7rem;border:3px solid #1c1721;box-shadow:4px 4px 0 var(--pink);font:400 .55rem var(--pixel);transform:rotate(-3deg)}.profile h2,.section-intro h2,.mission-aside h2,.contact h2{font:700 clamp(2.8rem,5.4vw,5.8rem)/1 var(--pixel);letter-spacing:-.06em;margin:1.8rem 0}.profile h2 em,.mission-aside h2 em{font-style:normal;color:#cc337d}.profile-story{border:3px solid #1c1721;background:#fff8e9;padding:clamp(1.5rem,4vw,3.5rem);box-shadow:10px 10px 0 #1c1721}.profile-story .lead{font-weight:700;font-size:1.25rem}.profile-story p{line-height:1.7}.profile-story .game-button{margin-top:1rem}.loadout{background:#17131f}.section-intro{display:flex;align-items:end;justify-content:space-between;margin:3rem 0 4rem}.section-intro h2{margin:0}.section-intro p{max-width:430px;color:var(--muted)}.cartridge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.cartridge{background:#aaa3b0;color:#19151f;padding:1rem 1rem 0;border:3px solid white;border-radius:12px 12px 3px 3px;box-shadow:7px 8px 0 #070608,inset -5px -5px #706a74;transition:.2s}.cartridge:hover,.cartridge:focus{transform:translateY(-12px) rotate(-1deg);outline:none}.cart-top{font:400 .45rem var(--pixel);padding-bottom:1rem}.cart-label{min-height:330px;padding:1.4rem;border:3px solid #19151f;background:var(--cyan)}.cartridge.pink .cart-label{background:var(--pink)}.cartridge.yellow .cart-label{background:var(--yellow)}.cartridge.green .cart-label{background:var(--green)}.cart-label>span{font:700 1.4rem var(--mono)}.cart-label small{display:block;font:400 .45rem var(--pixel);margin-top:2rem}.cart-label h3{font:700 clamp(1.2rem,2vw,2rem)/1.15 var(--pixel);margin:1rem 0}.cart-label p{font-size:.85rem;line-height:1.5}.cart-teeth{height:24px;margin:1rem 2rem 0;background:repeating-linear-gradient(90deg,#55505a 0 6px,#8e8793 6px 11px)}.missions{background:#3c3152}.mission-window{margin-top:3rem;border:4px solid white;box-shadow:12px 12px 0 #130f19;background:#1b1723}.window-bar{display:flex;justify-content:space-between;background:var(--cyan);color:#16131f;padding:.8rem 1rem;border-bottom:4px solid white;font:400 .57rem var(--pixel)}.mission-content{display:grid;grid-template-columns:.7fr 1.3fr}.mission-aside{padding:3rem;border-right:3px solid var(--line)}.mission-aside>p{font:400 .55rem var(--pixel);color:var(--cyan)}.mission-aside h2{font-size:clamp(2rem,3.6vw,4rem)}.save-status{display:inline-block;color:var(--green);border:2px solid var(--green);padding:.6rem;font:400 .5rem var(--pixel)}.mission-content ol{list-style:none;padding:0;margin:0}.mission-content li{display:grid;grid-template-columns:42px 1fr auto;gap:1.2rem;padding:1.7rem 2rem;border-bottom:2px dashed var(--line)}.mission-content li:last-child{border:0}.mission-content li>b,.mission-content li>span{font:400 .5rem var(--pixel);color:var(--yellow)}.mission-content h3{font:400 .8rem var(--pixel);margin-bottom:.6rem}.mission-content p{font-size:.9rem;color:var(--muted);line-height:1.55;margin:0}.contact{min-height:85vh;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#422855,transparent 55%)}.contact-card{max-width:900px}.contact h2{font-size:clamp(3rem,7vw,7.5rem);text-shadow:6px 6px #070608}.contact-card>p:not(.kicker){max-width:600px;margin:0 auto 2.5rem;color:#d0c7d4;line-height:1.7}.contact-prompt{margin-top:4rem;font:400 .5rem var(--pixel);color:var(--muted)}.contact-prompt i{display:inline-block;width:8px;height:12px;background:var(--pink);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}footer{padding:2rem clamp(1.2rem,4vw,4rem);border-top:3px solid var(--line);display:flex;align-items:center;justify-content:space-between;font:400 .5rem var(--pixel);color:var(--muted)}footer div{display:flex;align-items:center;gap:1.5rem}footer a{text-decoration:none;color:var(--ink)}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.ticker div,.contact-prompt i{animation:none}}@media(max-width:1000px){.cartridge-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr 1fr;gap:3vw}.mission-aside{padding:2rem}}@media(max-width:760px){.site-header{height:68px}.header-status{display:none}.menu-toggle{display:block;background:none;border:0;width:42px;height:42px;position:relative;z-index:2}.menu-toggle span{display:block;width:25px;height:3px;background:white;margin:6px;box-shadow:2px 2px var(--pink)}.site-header nav{display:none;position:absolute;inset:0 0 auto;background:#16131f;padding:6rem 1.5rem 2rem;flex-direction:column}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:8rem}.hero-copy{text-align:center}.hero-actions{justify-content:center}.handheld{width:min(94%,420px);margin:2rem auto 1rem}.profile-grid,.mission-content{grid-template-columns:1fr}.mission-aside{border-right:0;border-bottom:3px solid var(--line)}.section-intro{display:block}.section-intro p{margin-top:1rem}.cartridge-grid{grid-template-columns:1fr 1fr}.cart-label{min-height:300px;padding:1rem}.mission-content li{grid-template-columns:30px 1fr}.mission-content li>span{display:none}footer{flex-direction:column;gap:1.5rem;text-align:center}footer>span{display:none}}@media(max-width:500px){.hero h1{font-size:2.7rem}.hero-actions{flex-direction:column;gap:1rem}.handheld{padding:.8rem .9rem 1rem}.screen-bezel{padding:.8rem}.cartridge-grid{grid-template-columns:1fr}.cart-label{min-height:260px}.profile h2,.section-intro h2,.contact h2{font-size:2.45rem}.profile-story{padding:1.3rem}.mission-aside{padding:1.5rem}.mission-content li{padding:1.3rem 1rem}.section{padding-inline:1.1rem}}