:root{
  --bg:#050505;--panel:#0a0a0a;--ink:#f4f3ed;--muted:#979797;--grid:#202020;
  --pink:#ED5FA1;--cyan:#4FC2CC;--yellow:#F5E50C;--acid:#F5E50C;
  --body:"Space Grotesk",Arial,Helvetica,sans-serif;--pixel:"Press Start 2P",ui-monospace,monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);overflow-x:hidden}button,a{font:inherit;color:inherit}.mono{font-family:var(--pixel);letter-spacing:.06em}.noise{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:screen}.scanlines{position:fixed;inset:0;z-index:998;pointer-events:none;opacity:.025;background:repeating-linear-gradient(to bottom,transparent 0 2px,#fff 3px,transparent 4px)}
.pixel-field{position:fixed;inset:0;pointer-events:none;z-index:2;overflow:hidden}.pixel-field i{position:absolute;width:5px;height:5px;background:var(--cyan);opacity:.35;animation:drift 9s linear infinite}.pixel-field i:nth-child(2n){background:var(--pink);animation-duration:12s}.pixel-field i:nth-child(3n){background:var(--yellow);animation-duration:15s}.pixel-field i:nth-child(1){left:8%;top:22%}.pixel-field i:nth-child(2){left:17%;top:73%}.pixel-field i:nth-child(3){left:29%;top:41%}.pixel-field i:nth-child(4){left:43%;top:84%}.pixel-field i:nth-child(5){left:56%;top:17%}.pixel-field i:nth-child(6){left:64%;top:64%}.pixel-field i:nth-child(7){left:72%;top:34%}.pixel-field i:nth-child(8){left:84%;top:79%}.pixel-field i:nth-child(9){left:91%;top:25%}.pixel-field i:nth-child(10){left:48%;top:53%}@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,-24px)}}
.site-header{position:fixed;z-index:70;left:0;top:0;width:100%;height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;border-bottom:1px solid #1b1b1b;background:rgba(5,5,5,.84);backdrop-filter:blur(12px)}.mini-brand{display:flex;align-items:center;gap:10px;text-decoration:none;width:max-content}.mini-gorilla{width:34px;height:34px;object-fit:contain}.mini-wordmark{width:118px;height:auto;display:block}.status{font:700 9px/1 var(--pixel);letter-spacing:.1em;color:#a8a8a8}.status i{display:inline-block;width:7px;height:7px;background:var(--yellow);box-shadow:0 0 16px var(--yellow);margin-right:8px}.site-header nav{justify-self:end;display:flex;align-items:center;gap:18px;font:400 9px/1 var(--pixel);letter-spacing:.04em}.site-header nav a,.site-header nav button{background:none;border:0;text-decoration:none;padding:9px 0;cursor:pointer;color:#d4d4d4}.site-header nav a:hover,.site-header nav button:hover{color:var(--yellow)}.nav-play{border:1px solid #3a3a3a!important;padding:9px 13px!important}.nav-play:hover{border-color:var(--yellow)!important}
.section-grid{position:relative;min-height:100svh;padding:120px clamp(24px,5vw,82px) 60px;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:36px 36px;background-position:center}.section-grid:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 76% 22%,rgba(79,194,204,.05),transparent 24%),radial-gradient(circle at 10% 85%,rgba(237,95,161,.04),transparent 25%)}
.reveal>*{position:relative;z-index:3}.reveal{opacity:.45;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
.hero{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;overflow:hidden}.hero-code{position:absolute;top:112px;left:clamp(24px,5vw,82px);font-size:9px;color:#8b8b8b;line-height:1.7}.hero-title-wrap{position:relative;z-index:3;max-width:900px;padding-top:62px}.eyebrow{font-size:10px;color:var(--yellow);margin-bottom:20px}.hero h1,.quest h2,.reboot-title h2,.play-copy h2,.portal-card h3,.end-screen h2,.archive-intro h2{font-family:var(--pixel);font-weight:400;text-transform:uppercase}.hero h1{font-size:clamp(42px,6vw,92px);line-height:1.16;letter-spacing:-.03em;margin:0}.hero h1 span{color:transparent;-webkit-text-stroke:1px #fff}.hero-lede{max-width:650px;margin:34px 0 0;color:#b7b7b7;font-size:clamp(18px,1.55vw,24px);line-height:1.52}.hero-actions{display:flex;gap:10px;margin-top:34px;flex-wrap:wrap}.btn{border:1px solid #323232;background:transparent;text-decoration:none;padding:14px 17px;font:400 9px/1.3 var(--pixel);letter-spacing:.03em;cursor:pointer;transition:.2s transform,.2s border-color,.2s background}.btn.primary{background:var(--yellow);color:#050505;border-color:var(--yellow)}.btn:hover{transform:translateY(-2px);border-color:var(--yellow)}
.hero-gorilla{position:relative;z-index:2;margin:0;display:grid;place-items:center;min-height:70vh}.hero-gorilla img{width:min(40vw,610px);max-width:100%;image-rendering:pixelated;filter:drop-shadow(0 0 1px var(--cyan));animation:float 5s ease-in-out infinite}.hero-gorilla figcaption{position:absolute;right:0;bottom:6%;font-size:8px;color:#696969;line-height:1.7}.hero-pixel-frame{position:absolute;width:min(39vw,600px);height:min(39vw,600px);max-height:68vh}.hero-pixel-frame span{position:absolute;width:14px;height:14px;border:2px solid var(--cyan);opacity:.5}.hero-pixel-frame span:nth-child(1){left:0;top:10%}.hero-pixel-frame span:nth-child(2){right:0;top:22%;border-color:var(--pink)}.hero-pixel-frame span:nth-child(3){right:8%;bottom:4%;border-color:var(--yellow)}.hero-pixel-frame span:nth-child(4){left:10%;bottom:12%;width:6px;height:6px;background:var(--cyan);border:0}.hero-corners{position:absolute;bottom:26px;left:clamp(24px,5vw,82px);right:clamp(24px,5vw,82px);display:flex;justify-content:space-between;font-size:8px;color:#6d6d6d;z-index:2}@keyframes float{50%{transform:translateY(-10px)}}
.section-tag{position:absolute;left:clamp(24px,5vw,82px);top:112px;font-size:8px;color:#696969}
.quest{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center;background-color:#070707}.quest-copy{max-width:860px}.quest-label{font-size:9px;color:var(--yellow);display:flex;align-items:center;gap:10px}.blink{width:8px;height:8px;background:var(--yellow);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.quest h2{font-size:clamp(34px,5.4vw,80px);line-height:1.2;margin:24px 0 30px}.quest h2 span{color:var(--pink)}.quest-copy>p{font-size:clamp(18px,1.7vw,27px);line-height:1.55;color:#b8b8b8;max-width:760px}.quest-copy .quest-emphasis{color:var(--ink);font-weight:600}.quest-button{margin-top:26px;display:flex;align-items:center;justify-content:space-between;max-width:640px;min-height:72px;padding:0 12px 0 22px;border:1px solid var(--yellow);border-radius:2px;text-decoration:none;color:var(--yellow);transition:.2s}.quest-button span{font-size:10px;line-height:1.5}.quest-button b{display:grid;place-items:center;width:48px;height:48px;background:var(--yellow);color:#050505;font:700 25px/1 var(--body)}.quest-button:hover{background:rgba(245,229,12,.06);transform:translateX(4px)}
.quest-terminal{border:1px solid #303030;padding:12px;background:#090909;box-shadow:0 0 0 8px #050505,0 0 0 9px #222}.terminal-top{font-size:7px;color:#767676;border-bottom:1px solid #292929;padding:10px}.terminal-screen{min-height:520px;padding:34px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(rgba(79,194,204,.04),rgba(237,95,161,.02)),repeating-linear-gradient(0deg,transparent 0 18px,#111 19px)}.terminal-gorilla img{width:min(250px,60%);animation:float 4s ease-in-out infinite}.terminal-screen p{font-size:8px;color:var(--cyan);margin:20px 0 12px}.terminal-screen strong{font-family:var(--pixel);font-size:clamp(22px,2.7vw,40px);line-height:1.4;color:#fff}.terminal-progress{display:flex;gap:5px;margin:28px 0}.terminal-progress i{width:18px;height:18px;border:1px solid #555;background:var(--yellow)}.terminal-progress i:nth-last-child(-n+2){background:transparent}.terminal-screen small{font-size:6px;color:#747474}
.story{display:grid;grid-template-columns:1fr 2.5fr .6fr;align-items:center;gap:4vw}.large-copy{grid-column:2}.large-copy p{font-size:clamp(28px,3.5vw,56px);line-height:1.2;letter-spacing:-.04em;margin:.35em 0;color:#d7d7d7;font-weight:500}.large-copy strong{color:var(--pink);font-weight:700}.story-meta{align-self:end;margin-bottom:20px;font-size:9px;line-height:1.7;color:#6e6e6e}
.signal{display:grid;align-content:center;gap:60px;overflow:hidden}.signal-line{font-family:var(--pixel);display:flex;align-items:center;gap:clamp(14px,2vw,34px);white-space:nowrap;font-size:clamp(20px,4.2vw,62px);line-height:1.25;overflow:hidden}.signal-line span:nth-of-type(2){color:var(--cyan)}.signal-line span:nth-of-type(4){color:var(--pink)}.signal-line span:nth-of-type(5){color:var(--yellow)}.signal-line b{font-family:var(--body);font-weight:400;color:#4c4c4c}.signal-copy{max-width:850px;font-size:clamp(19px,2vw,30px);line-height:1.5;color:#b7b7b7;margin:0}.equalizer{height:120px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #333;padding-bottom:8px}.equalizer i{width:min(4vw,42px);height:var(--h);background:var(--yellow);opacity:.82;animation:eq 1.6s ease-in-out infinite alternate}.equalizer i:nth-child(2n){animation-delay:-.8s;background:var(--cyan)}.equalizer i:nth-child(3n){animation-delay:-.3s;background:var(--pink)}@keyframes eq{to{height:calc(var(--h) * .45)}}
.reboot{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}.reboot-title span{color:var(--yellow);font-size:9px}.reboot-title h2{font-size:clamp(30px,4.8vw,72px);line-height:1.25;margin:18px 0 0}.reboot-title em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--pink)}.reboot-copy{font-size:clamp(18px,1.8vw,27px);line-height:1.55;color:#aaa}.reboot-copy p{margin:0 0 1.2em}.reboot-copy .accent{color:var(--ink);border-left:3px solid var(--yellow);padding-left:18px}
.play-section{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8vw;min-height:110svh}.play-copy{max-width:620px}.play-kicker{font-size:8px;color:var(--cyan)}.play-copy h2{font-size:clamp(34px,5vw,76px);line-height:1.22;margin:22px 0}.play-copy h2 span{color:var(--yellow)}.play-copy p{font-size:clamp(18px,1.7vw,26px);line-height:1.55;color:#b6b6b6;margin-bottom:28px}.game-embed-wrap{justify-self:center;width:min(100%,520px);border:1px solid #343434;background:#050505;padding:10px;box-shadow:0 0 0 8px #090909,0 0 0 9px #222}.game-embed-wrap iframe{display:block;width:100%;height:min(760px,78svh);min-height:660px;border:0;background:#000}
.portal{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-content:center}.portal-card{min-height:410px;border:1px solid #323232;background:#0a0a0a;display:grid;grid-template-columns:50px 1fr;gap:12px;padding:24px;text-decoration:none;position:relative;overflow:hidden;transition:.25s transform,.25s border-color,.25s background}.portal-card:hover{transform:translateY(-6px);border-color:#777;background:#0d0d0d}.portal-no{font:400 10px/1 var(--pixel);color:#666}.portal-card>div:nth-child(2){align-self:center}.portal-card span.mono{font-size:8px;color:#777}.portal-card h3{font-size:clamp(22px,2.3vw,38px);line-height:1.35;margin:20px 0}.portal-card p{color:#909090;max-width:360px;line-height:1.5}.round-arrow{position:absolute;right:22px;bottom:22px;width:54px;height:54px;border:1px solid #414141;background:transparent;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:24px;cursor:pointer;text-decoration:none}.archive-card .round-arrow{background:var(--pink);color:#050505;border-color:var(--pink)}.video-card .round-arrow{background:var(--cyan);color:#050505;border-color:var(--cyan)}
.end-screen{min-height:74svh;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:50px}.end-gorilla{width:clamp(110px,17vw,250px);image-rendering:pixelated}.end-screen .mono{font-size:8px;color:#747474}.end-screen h2{font-size:clamp(34px,5.3vw,76px);line-height:1.3;margin:18px 0 0}.end-screen h2 span{color:var(--yellow)}.end-subscribe{display:inline-block;margin-top:24px;color:var(--pink);font-weight:700;text-decoration:none;font-size:18px}.end-subscribe:hover{text-decoration:underline}.backtop{text-decoration:none;align-self:end;margin-bottom:14px;font-size:8px}
.archive-overlay{position:fixed;z-index:200;inset:0;background:#050505;color:var(--ink);transform:translateY(105%);transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow:auto}.archive-overlay.open{transform:translateY(0)}.archive-top{min-height:68px;border-bottom:1px solid #242424;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,3vw,34px);background:rgba(5,5,5,.96);position:sticky;top:0;z-index:6}.archive-brand{display:flex;align-items:center;gap:18px;min-width:0}.archive-brand img{width:150px;max-width:42vw;height:auto}.archive-brand span{font:400 8px/1.4 var(--pixel);color:#7d7d7d;white-space:nowrap}.close-btn{border:1px solid #383838;background:#0b0b0b;color:#fff;padding:12px 14px;font:400 8px/1 var(--pixel);cursor:pointer}.archive-gallery{padding:clamp(34px,6vw,92px) clamp(16px,5vw,72px) 80px;background-image:linear-gradient(#151515 1px,transparent 1px),linear-gradient(90deg,#151515 1px,transparent 1px);background-size:34px 34px}.archive-intro{display:grid;grid-template-columns:.6fr 1.4fr 1fr;gap:4vw;align-items:start;margin-bottom:clamp(34px,6vw,70px);border-bottom:1px solid #242424;padding-bottom:clamp(28px,4vw,46px)}.section-tag-static{font:400 8px/1.5 var(--pixel);color:var(--yellow);padding-top:8px}.archive-intro h2{font-size:clamp(30px,5vw,72px);line-height:1.3;margin:0}.archive-intro p{font-size:clamp(18px,1.8vw,28px);line-height:1.4;color:#a7a7a7;margin:0;max-width:560px}.poster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.5vw,20px);align-items:start}.poster-tile{appearance:none;border:1px solid #222;background:#0a0a0a;padding:0;cursor:zoom-in;position:relative;overflow:hidden;min-width:0}.poster-tile:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.poster-tile img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) saturate(0) contrast(1.08);transition:transform .22s ease,filter .22s ease}.poster-tile:hover img,.poster-tile:focus-visible img,.poster-tile.is-touched img{transform:scale(1.015);filter:grayscale(0) saturate(1) contrast(1.03)}.lightbox{position:fixed;inset:0;z-index:220;background:rgba(0,0,0,.94);display:none;grid-template-columns:68px minmax(0,1fr) 68px;align-items:center}.lightbox.open{display:grid}.lightbox-stage{height:100%;display:grid;place-items:center;padding:70px 10px}.lightbox-stage img{max-width:min(90vw,1100px);max-height:86vh;width:auto;height:auto;object-fit:contain;box-shadow:0 0 0 1px #2d2d2d}.lightbox-close,.lightbox-nav{font-family:var(--pixel);border:1px solid #3b3b3b;background:#090909;color:#fff;cursor:pointer}.lightbox-close{position:absolute;right:20px;top:20px;width:48px;height:48px;z-index:3}.lightbox-nav{width:48px;height:48px;justify-self:center}.lightbox-count{position:absolute;left:20px;bottom:18px;font:400 8px/1 var(--pixel);color:#777}
@media(max-width:1100px){.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-intro{grid-template-columns:1fr 1.4fr}.archive-intro p{grid-column:2}.section-tag-static{grid-row:1 / span 2}.quest{gap:4vw}.quest-terminal{max-width:500px}.play-section{gap:4vw}}
@media(max-width:900px){
 .site-header{height:58px;padding:0 14px;grid-template-columns:1fr auto}.status{display:none}.mini-gorilla{width:28px;height:28px}.mini-wordmark{width:92px}.site-header nav{gap:9px}.site-header nav a,.site-header nav button{font-size:6px}.site-header nav a:nth-child(1),.site-header nav a:nth-child(2){display:none}.nav-play{padding:8px 9px!important}
 .section-grid{padding:92px 18px 42px;min-height:auto;background-size:28px 28px}.hero{min-height:100svh;display:block;padding-top:105px}.hero-code{top:78px;left:18px;font-size:6px}.hero-title-wrap{padding-top:24px}.eyebrow{font-size:7px;margin-bottom:14px}.hero h1{font-size:clamp(30px,8.8vw,46px);line-height:1.34}.hero-lede{font-size:19px;margin-top:22px;max-width:95%}.hero-actions{margin-top:22px}.btn{padding:12px 13px;font-size:6px;line-height:1.5}.hero-gorilla{min-height:0;margin-top:34px;height:35svh}.hero-gorilla img{width:min(67vw,320px)}.hero-pixel-frame{width:70vw;height:70vw}.hero-gorilla figcaption{right:0;bottom:0;font-size:5px}.hero-corners{display:none}
 .section-tag{top:72px;left:18px;font-size:6px}.quest{min-height:100svh;display:block;padding-top:124px}.quest h2{font-size:clamp(28px,7.8vw,44px);line-height:1.38}.quest-copy>p{font-size:19px}.quest-button{min-height:66px;padding-left:14px}.quest-button span{font-size:7px}.quest-terminal{margin-top:46px}.terminal-screen{min-height:400px;padding:24px}.terminal-screen strong{font-size:24px}.terminal-progress i{width:13px;height:13px}
 .story{min-height:88svh;display:block;padding-top:125px}.large-copy p{font-size:clamp(28px,8vw,42px);line-height:1.13}.story-meta{margin-top:36px;font-size:6px}.signal{min-height:100svh;gap:36px;padding-top:130px}.signal-line{font-size:clamp(18px,5.8vw,30px);overflow:visible;white-space:normal;flex-wrap:wrap;line-height:1.4}.signal-copy{font-size:20px}.equalizer{height:90px;gap:4px}.equalizer i{flex:1;width:auto}
 .reboot{min-height:100svh;display:block;padding-top:130px}.reboot-title h2{font-size:clamp(26px,7vw,40px);line-height:1.45}.reboot-copy{font-size:20px;margin-top:42px}
 .play-section{display:block;padding-top:124px}.play-copy h2{font-size:clamp(28px,7.5vw,42px);line-height:1.45}.play-copy p{font-size:19px}.game-embed-wrap{margin-top:36px;width:100%;padding:6px;box-shadow:0 0 0 5px #090909,0 0 0 6px #222}.game-embed-wrap iframe{height:clamp(610px,150vw,760px);min-height:610px}
 .portal{display:block;padding-top:120px}.portal-card{min-height:330px;margin-bottom:12px;grid-template-columns:34px 1fr;padding:18px}.portal-card h3{font-size:22px;line-height:1.5}.portal-card p{font-size:16px;max-width:84%}.round-arrow{width:48px;height:48px;right:16px;bottom:16px}.end-screen{min-height:70svh;display:block;padding-top:110px}.end-gorilla{width:120px}.end-screen h2{font-size:clamp(27px,7.6vw,42px);line-height:1.5;margin-top:22px}.end-subscribe{font-size:17px}.backtop{display:inline-block;margin-top:38px}
 .archive-top{min-height:58px;padding:0 12px}.archive-brand{gap:10px}.archive-brand img{width:105px}.archive-brand span{font-size:6px}.close-btn{font-size:6px;padding:10px}.archive-gallery{padding:28px 12px 50px;background-size:26px 26px}.archive-intro{display:block;margin-bottom:28px;padding-bottom:24px}.section-tag-static{font-size:6px;margin-bottom:18px}.archive-intro h2{font-size:clamp(25px,7vw,38px);line-height:1.5;margin-bottom:22px}.archive-intro p{font-size:18px;max-width:94%}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.poster-tile img{aspect-ratio:auto;object-fit:contain}.lightbox{grid-template-columns:46px minmax(0,1fr) 46px}.lightbox-stage{padding:64px 4px}.lightbox-stage img{max-width:86vw;max-height:82vh}.lightbox-close{top:10px;right:10px;width:42px;height:42px}.lightbox-nav{width:40px;height:40px;font-size:11px}.lightbox-count{left:10px;bottom:10px;font-size:6px}
}
@media(max-width:520px){.site-header nav button{display:none}.portal-card h3{font-size:20px}.archive-brand span{display:none}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.quest-button{width:100%}.quest-button b{width:44px;height:44px}.game-embed-wrap iframe{height:640px}}
@media(hover:none){.poster-tile:active img{filter:grayscale(0) saturate(1)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* v6: text-only SVG arrows + contextual arcade preview */
.ui-icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter}
.btn,.nav-play,.end-subscribe,.backtop,.game-launch{display:inline-flex;align-items:center;gap:.7em}
.quest-button b .ui-icon,.round-arrow .ui-icon,.lightbox-nav .ui-icon{width:18px;height:18px}
.end-subscribe .ui-icon{width:16px;height:16px}.backtop .ui-icon{width:13px;height:13px}
.terminal-screen strong{max-width:520px;font-size:clamp(17px,2vw,31px);line-height:1.65}
.play-section{grid-template-columns:.95fr 1.05fr;min-height:100svh}
.play-context{color:var(--ink)!important}
.game-preview{position:relative;justify-self:center;width:min(100%,540px);aspect-ratio:9/12;overflow:hidden;border:1px solid #343434;background-color:#030303;background-image:linear-gradient(#151515 1px,transparent 1px),linear-gradient(90deg,#151515 1px,transparent 1px);background-size:28px 28px;text-decoration:none;color:var(--ink);box-shadow:0 0 0 8px #090909,0 0 0 9px #222;transition:transform .25s ease,border-color .25s ease}
.game-preview:hover{transform:translateY(-6px);border-color:var(--yellow)}
.game-preview-hud{position:absolute;left:18px;right:18px;top:18px;z-index:3;display:flex;justify-content:space-between;gap:14px;color:var(--yellow);font-size:7px}
.game-preview>img{position:absolute;z-index:2;width:42%;left:12%;top:39%;image-rendering:pixelated;filter:drop-shadow(7px 7px 0 rgba(79,194,204,.12));animation:gameFloat 2.2s steps(5,end) infinite alternate}
@keyframes gameFloat{to{transform:translateY(-18px)}}
.game-preview-obstacles i{position:absolute;right:12%;width:76px;background:#0d0d0d;border:2px solid var(--pink);box-shadow:inset 0 0 0 8px #151515}
.game-preview-obstacles i::before,.game-preview-obstacles i::after{content:"";position:absolute;left:15px;right:15px;height:22px;background:#202020;border-left:7px solid var(--cyan);border-right:7px solid var(--yellow)}
.game-preview-obstacles i::before{top:20%}.game-preview-obstacles i::after{bottom:20%}
.game-preview-obstacles i:nth-child(1){top:0;height:31%}.game-preview-obstacles i:nth-child(2){bottom:0;height:31%}.game-preview-obstacles i:nth-child(3){display:none}
.game-preview-cta{position:absolute;z-index:4;left:18px;right:18px;bottom:18px;min-height:56px;border:1px solid var(--yellow);background:#050505;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:var(--yellow);font-size:8px}
.game-preview::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px)}
@media(max-width:900px){
  .terminal-screen strong{font-size:18px;line-height:1.7}
  .play-section{display:block;padding-top:124px}
  .game-preview{margin:42px auto 0;width:min(100%,480px);aspect-ratio:9/13;box-shadow:0 0 0 5px #090909,0 0 0 6px #222}
  .game-preview-hud{font-size:6px;left:14px;right:14px;top:14px}
  .game-preview-cta{left:14px;right:14px;bottom:14px;font-size:7px}
  .game-preview>img{width:46%;left:8%;top:38%}
  .game-preview-obstacles i{right:8%;width:64px}
}
@media(max-width:520px){
  .game-preview{aspect-ratio:9/14}
  .game-preview-cta{min-height:52px}
  .quest-button b .ui-icon,.round-arrow .ui-icon{width:17px;height:17px}
}
@media(prefers-reduced-motion:reduce){.game-preview>img{animation:none!important}}

/* v7: archive CTA integrated into reboot, text-only game entry */
.reboot{align-content:center}
.archive-cta{grid-column:1/-1;margin-top:clamp(28px,5vw,64px);width:100%;border:1px solid #323232;background:#080808;color:var(--ink);display:grid;grid-template-columns:160px 1fr 72px;gap:24px;align-items:center;padding:clamp(22px,3vw,38px);text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.archive-cta:hover{border-color:var(--pink);background:#0b0b0b;transform:translateY(-3px)}
.archive-cta-index{font-size:7px;color:#666;align-self:start;padding-top:7px}
.archive-cta-copy{display:block;min-width:0}
.archive-cta-copy small{display:block;font-size:8px;color:var(--pink);margin-bottom:16px}
.archive-cta-copy strong{display:block;font-family:var(--pixel);font-weight:400;font-size:clamp(28px,4.2vw,64px);line-height:1.18;color:var(--yellow);margin-bottom:18px}
.archive-cta-copy em{display:block;font-style:normal;font-family:var(--body);font-size:clamp(16px,1.45vw,22px);line-height:1.5;color:#aaa;max-width:760px}
.archive-cta-arrow{width:58px;height:58px;border:1px solid var(--pink);color:#050505;background:var(--pink);display:grid;place-items:center;justify-self:end}
.archive-cta-arrow .ui-icon{width:22px;height:22px}
.play-section{grid-template-columns:1fr;min-height:auto;padding-top:clamp(120px,12vw,190px);padding-bottom:clamp(120px,12vw,190px)}
.play-copy{max-width:860px;margin:0 auto;width:100%}
.play-copy .game-launch{margin-top:8px}
/* old preview remains unused in markup */
.game-preview{display:none!important}
.portal{display:none!important}
@media(max-width:900px){
  .archive-cta{grid-template-columns:1fr 52px;gap:18px;padding:20px;margin-top:38px}
  .archive-cta-index{grid-column:1/-1;padding:0}
  .archive-cta-copy small{font-size:6px;line-height:1.7}
  .archive-cta-copy strong{font-size:clamp(25px,7vw,39px);line-height:1.35}
  .archive-cta-copy em{font-size:17px}
  .archive-cta-arrow{width:50px;height:50px}
  .play-section{display:block;padding-top:120px;padding-bottom:120px}
  .play-copy{max-width:none}
}

/* v8: color-coded navigation sections */
.quest{
  background-color:var(--yellow);
  color:#050505;
  background-image:
    linear-gradient(rgba(5,5,5,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(5,5,5,.12) 1px,transparent 1px);
  border-top:1px solid #050505;
  border-bottom:1px solid #050505;
}
.quest:after{
  background:
    radial-gradient(circle at 78% 20%,rgba(237,95,161,.13),transparent 24%),
    radial-gradient(circle at 8% 84%,rgba(79,194,204,.11),transparent 24%);
}
.quest .section-tag,
.quest .quest-label,
.quest-copy>p,
.quest-copy .quest-emphasis{color:#050505}
.quest .blink{background:#050505}
.quest h2{color:#050505}
.quest h2 span{color:var(--pink)}
.quest-button{
  border-color:#050505;
  background:#050505;
  color:var(--yellow);
}
.quest-button b{background:var(--pink);color:#050505}
.quest-button:hover{background:#111;color:var(--yellow)}
.quest-terminal{
  border-color:#050505;
  background:#050505;
  box-shadow:0 0 0 8px var(--yellow),0 0 0 9px #050505;
}
.quest .terminal-top{color:#9b9b9b}

.story{
  background-color:var(--cyan);
  color:#050505;
  background-image:
    linear-gradient(rgba(5,5,5,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(5,5,5,.12) 1px,transparent 1px);
  border-bottom:1px solid #050505;
}
.story:after{
  background:
    radial-gradient(circle at 82% 16%,rgba(245,229,12,.12),transparent 22%),
    radial-gradient(circle at 14% 82%,rgba(237,95,161,.10),transparent 24%);
}
.story .section-tag,
.story .story-meta{color:rgba(5,5,5,.60)}
.story .large-copy p{color:#050505}
.story .large-copy strong{color:#050505;text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:.12em;text-underline-offset:.14em}

.reboot{
  background-color:var(--pink);
  color:#050505;
  background-image:
    linear-gradient(rgba(5,5,5,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(5,5,5,.12) 1px,transparent 1px);
  border-top:1px solid #050505;
  border-bottom:1px solid #050505;
}
.reboot:after{
  background:
    radial-gradient(circle at 78% 18%,rgba(79,194,204,.12),transparent 24%),
    radial-gradient(circle at 12% 86%,rgba(245,229,12,.10),transparent 22%);
}
.reboot .section-tag{color:rgba(5,5,5,.58)}
.reboot-title span{color:#050505}
.reboot-title h2{color:#050505}
.reboot-title em{color:transparent;-webkit-text-stroke:1px #050505}
.reboot-copy,.reboot-copy p{color:#111}
.reboot-copy .accent{color:#050505;border-left-color:var(--yellow)}
.reboot .archive-cta{
  border-color:#050505;
  background:#050505;
  color:var(--ink);
  box-shadow:8px 8px 0 rgba(5,5,5,.18);
}
.reboot .archive-cta:hover{border-color:#050505;background:#111;transform:translate(-2px,-3px);box-shadow:10px 10px 0 rgba(5,5,5,.22)}
.reboot .archive-cta-index{color:#777}
.reboot .archive-cta-copy small{color:var(--pink)}
.reboot .archive-cta-copy strong{color:var(--yellow)}
.reboot .archive-cta-copy em{color:#b7b7b7}
.reboot .archive-cta-arrow{background:var(--cyan);border-color:var(--cyan)}

@media(max-width:900px){
  .quest-terminal{box-shadow:0 0 0 5px var(--yellow),0 0 0 6px #050505}
  .reboot .archive-cta{box-shadow:5px 5px 0 rgba(5,5,5,.18)}
}

/* v9: single-weight body type + faster mobile + social links */
body{font-weight:400}
.quest-copy .quest-emphasis,.large-copy,.large-copy p,.large-copy strong,.end-subscribe{font-weight:400}
.quest-button b{font:400 25px/1 var(--body)}
.quest h2{white-space:normal;overflow-wrap:anywhere}
.founder-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:28px}
.founder-links a{display:inline-flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid rgba(5,5,5,.45);color:#050505;text-decoration:none;font-family:var(--pixel);font-size:7px;line-height:1.5}
.founder-links a span{font-family:var(--body);font-size:13px;letter-spacing:0}
.founder-links a:hover{background:#050505;color:var(--cyan)}
.end-socials{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.end-socials a{color:#8d8d8d;text-decoration:none;font-size:7px;line-height:1.6}
.end-socials a:hover{color:var(--cyan)}
@media(max-width:900px){
  .quest h2{font-size:clamp(29px,9vw,48px);line-height:1.32;word-break:normal}
  .noise,.pixel-field{display:none}
  .scanlines{opacity:.015}
  .founder-links{display:grid;grid-template-columns:1fr;gap:8px;margin-top:22px}
  .founder-links a{width:100%;justify-content:space-between}
}

/* v10: archive mission + memory preview + clearer footer separation */
.archive-mission{
  grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);
  gap:clamp(44px,6vw,100px);
  align-items:center;
  min-height:100svh;
}
.archive-mission-copy{max-width:760px}
.archive-mission .reboot-copy{margin-top:34px;max-width:720px}
.archive-mission-button{
  width:100%;min-height:82px;margin-top:36px;padding:0 14px 0 24px;
  border:1px solid #050505;background:#050505;color:var(--yellow);
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  cursor:pointer;text-align:left;box-shadow:7px 7px 0 rgba(5,5,5,.16);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.archive-mission-button>span{font-size:10px;line-height:1.5}
.archive-mission-button b{width:58px;height:58px;display:grid;place-items:center;background:var(--cyan);color:#050505;flex:0 0 auto}
.archive-mission-button b .ui-icon{width:22px;height:22px}
.archive-mission-button:hover{transform:translate(-2px,-3px);box-shadow:10px 10px 0 rgba(5,5,5,.20);background:#111}
.memory-terminal{position:relative;border:1px solid #050505;background:#050505;padding:12px;box-shadow:0 0 0 8px var(--pink),0 0 0 9px #050505;min-width:0}
.memory-terminal-top{height:42px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid #242424;color:#8d8d8d;font-size:7px}
.memory-screen{position:relative;min-height:560px;overflow:hidden;background:#080808}
.memory-grid-lines{position:absolute;inset:0;background-image:linear-gradient(#151515 1px,transparent 1px),linear-gradient(90deg,#151515 1px,transparent 1px);background-size:28px 28px;opacity:.75}
.memory-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(79,194,204,.035),transparent 38%,rgba(237,95,161,.045))}
.memory-shot{position:absolute;display:block;object-fit:cover;border:2px solid #eae9e3;box-shadow:7px 7px 0 rgba(0,0,0,.45);filter:grayscale(1) contrast(1.03);image-rendering:auto;transition:filter .22s ease,transform .22s ease;z-index:2;background:#111}
.memory-shot-1{width:42%;height:31%;left:7%;top:10%;transform:rotate(-4deg)}
.memory-shot-2{width:39%;height:35%;right:6%;top:7%;transform:rotate(5deg)}
.memory-shot-3{width:36%;height:31%;left:15%;bottom:13%;transform:rotate(3deg)}
.memory-shot-4{width:41%;height:30%;right:9%;bottom:12%;transform:rotate(-5deg)}
.memory-shot-5{width:31%;height:36%;left:35%;top:32%;transform:rotate(1deg);z-index:3;border-color:var(--yellow)}
.memory-terminal:hover .memory-shot{filter:grayscale(0) contrast(1)}
.memory-terminal:hover .memory-shot-1{transform:rotate(-5deg) translate(-3px,-2px)}
.memory-terminal:hover .memory-shot-2{transform:rotate(6deg) translate(3px,-2px)}
.memory-terminal:hover .memory-shot-3{transform:rotate(4deg) translate(-3px,3px)}
.memory-terminal:hover .memory-shot-4{transform:rotate(-6deg) translate(3px,3px)}
.memory-terminal:hover .memory-shot-5{transform:rotate(0deg) scale(1.025)}
.memory-copy{position:absolute;left:22px;bottom:18px;z-index:5;font-size:7px;color:var(--yellow);background:#050505;padding:9px 11px;border:1px solid #282828}
.memory-counter{position:absolute;right:18px;top:18px;z-index:5;font-size:6px;color:var(--cyan);background:#050505;padding:7px 9px;border:1px solid #282828}

/* Archive grid stays fast and mixes posters + photos naturally */
.poster-tile img{aspect-ratio:auto}

/* Game / footer separation */
.play-section{border-bottom:8px solid var(--cyan)}
.end-screen{
  background-color:#090909;
  background-image:linear-gradient(rgba(79,194,204,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(79,194,204,.08) 1px,transparent 1px);
  border-top:1px solid #2b2b2b;
}
.end-screen:after{background:linear-gradient(90deg,rgba(79,194,204,.04),transparent 45%,rgba(237,95,161,.035))}

@media(max-width:1100px){
  .archive-mission{grid-template-columns:1fr 1fr;gap:38px}
  .memory-screen{min-height:480px}
}
@media(max-width:900px){
  .archive-mission{display:block;padding-top:124px;padding-bottom:96px}
  .archive-mission-copy{max-width:none}
  .archive-mission .reboot-copy{margin-top:30px}
  .archive-mission-button{min-height:70px;margin-top:30px;padding-left:18px;box-shadow:5px 5px 0 rgba(5,5,5,.16)}
  .archive-mission-button>span{font-size:8px}
  .archive-mission-button b{width:50px;height:50px}
  .memory-terminal{margin-top:52px;box-shadow:0 0 0 5px var(--pink),0 0 0 6px #050505;padding:8px}
  .memory-screen{min-height:440px}
  .memory-terminal-top{height:36px;font-size:6px}
  .memory-copy{left:14px;bottom:14px;font-size:6px}
  .memory-counter{right:12px;top:12px;font-size:5px}
  .play-section{border-bottom-width:6px}
}
@media(max-width:520px){
  .memory-screen{min-height:360px}
  .memory-shot{border-width:1px;box-shadow:4px 4px 0 rgba(0,0,0,.45)}
  .memory-shot-1{width:46%;height:29%;left:4%;top:10%}
  .memory-shot-2{width:43%;height:30%;right:4%;top:8%}
  .memory-shot-3{width:42%;height:27%;left:8%;bottom:16%}
  .memory-shot-4{width:44%;height:28%;right:5%;bottom:14%}
  .memory-shot-5{width:35%;height:35%;left:33%;top:32%}
  .memory-copy{max-width:70%;line-height:1.7}
}