/* Index2 only: an original late-80s neon city, with readable game UI. */
.arcade{--paper:#090e19;--ink:#edf3f4;--muted:#a6b8c5;--gold:#f5ed39;--navy:#111c2b;--line:#30414f;background:#090e19;color:#edf3f4;background-image:linear-gradient(90deg,#1a334022 1px,transparent 1px);background-size:80px 80px}
.arcade header{background:#090e19f5;border-bottom:2px solid #f14b48;position:relative;z-index:12}.arcade .wordmark{font-family:'Courier New',monospace;font-weight:900;letter-spacing:-2px;color:#f5ed39}.arcade .wordmark span{color:#e5f4f5}.arcade nav a{font:600 14px/1.3 monospace;color:#c4d3da}.arcade nav a:hover,.arcade nav a[aria-current]{background:#18303b;border-color:#67f6e0;color:#67f6e0}.arcade nav .arcade-link{color:#f5ed39;border-color:#6d733b}.arcade-hud{background:#111b27;color:#92b5c5;border-color:#334957;font:14px/1.4 monospace}.player-tag i{color:#f14b48}.arcade-hud button{background:#f14b48;color:#09131d;border:0;font-weight:700;clip-path:polygon(0 0,100% 0,100% 75%,90% 100%,0 100%)}
.arcade .hero{position:relative;isolation:isolate;overflow:hidden;min-height:740px;padding-top:70px;padding-bottom:65px;gap:5vw;background:radial-gradient(ellipse at 80% 30%,#532a3d70,transparent 55%),linear-gradient(135deg,#101d2d,#090d18 65%);border-bottom:1px solid #f14b48;grid-template-columns:1.2fr 1fr}.arcade .hero:before{content:'';position:absolute;inset:12% 4% 4%;z-index:-1;opacity:.25;background:repeating-linear-gradient(0deg,transparent 0 59px,#38e6e455 60px 61px),repeating-linear-gradient(90deg,transparent 0 79px,#38e6e444 80px 81px);transform:perspective(600px) rotateX(55deg);transform-origin:50% 100%;pointer-events:none}.arcade .hero:after{content:'1985 / ∞';position:absolute;right:5%;bottom:35px;color:#4b7285;font:700 14px monospace;letter-spacing:6px;pointer-events:none}.arcade .hero-copy{position:relative;z-index:2}.arcade .hero .eyebrow{color:#72f5e3;font:700 14px monospace;letter-spacing:2px}.arcade .hero h1{font:900 clamp(54px,6.5vw,102px)/.9 'Arial Black','Arial',sans-serif;letter-spacing:-5px;text-transform:uppercase;margin:30px 0}.arcade .hero h1 em{font:inherit;color:#f5ed39;text-shadow:3px 2px 0 #e6505266}.arcade .hero .intro{max-width:44ch;font-size:18px;line-height:1.75;color:#e0e9ed}.arcade .hero-note{color:#9eb5c4;font-size:16px}.arcade .eyebrow{font-size:14px;letter-spacing:1.2px}.arcade .hero .button{margin-right:12px}.arcade .portrait-photo{position:relative;padding:0;border:1px solid #f14b48;background:linear-gradient(135deg,#ac323c,#45213b 60%,#132331);box-shadow:12px 12px 0 #050a11;clip-path:polygon(0 0,90% 0,100% 8%,100% 100%,10% 100%,0 92%);max-width:460px;align-self:center}.arcade .portrait-photo:before{content:'KLYFF // TIME ENGINEER';display:block;padding:15px 20px;background:#0c1526;color:#67f6e0;font:700 14px monospace;letter-spacing:1px}.arcade .fullbody-photo .photo-window{aspect-ratio:4/5;background:radial-gradient(ellipse at 50% 80%,#fc72534d,transparent 60%);height:auto;max-height:550px;overflow:hidden}.arcade .fullbody-photo .photo-window img{height:100%;width:100%;object-fit:contain;object-position:center;image-rendering:pixelated;transform:none;filter:drop-shadow(8px 8px 0 #11162699)}.arcade .portrait-photo figcaption{background:#0d1826;padding:16px 20px;gap:10px;font-size:14px;color:#bed5df}.arcade .portrait-photo figcaption strong{color:#f5ed39}.arcade .button{background:#f5ed39;border:1px solid #f5ed39;box-shadow:4px 4px 0 #716426;color:#08141d;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);font:700 14px/1.5 monospace;min-height:48px}.arcade .button:hover{background:#fff875;color:#08141d}.arcade .text-link{color:#67f6e0;border-color:#3b827f;font-size:14px}.arcade :focus-visible{outline:3px solid #fff875;outline-offset:5px}
.arcade .quest-map{background:#0d1724;border-color:#345060}.arcade .quest-title h2,.arcade .section-heading h2{font-family:'Arial Black','Arial',sans-serif;font-weight:900;letter-spacing:-2px}.arcade .quest-buttons a{background:#152331;border:1px solid #3b6375;box-shadow:none;border-left:3px solid #f14b48;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.arcade .quest-buttons a:hover{background:#203949;border-color:#67f6e0}.arcade .quest-buttons span{font-size:14px;color:#9db5c8}.arcade .quest-buttons b{color:#f5ed39}.arcade .quest-buttons a.visited{border-color:#67f6e0}.arcade .exploration,.arcade .exploration button{font-size:14px}.arcade .ribbon{background:#f14b48;color:#09131d;border:0;font-weight:700;font-size:14px}.arcade .learning{background:#0d1521}.arcade .course-promo{background:linear-gradient(120deg,#1b2a3c,#251d32);border:1px solid #f14b48;box-shadow:8px 8px 0 #050a12}.arcade .course-promo img{image-rendering:pixelated}.arcade .path,.arcade .compact,.arcade .venture,.arcade .research-list article{background:#131f2d;border-color:#3a586a;box-shadow:none;border-top:3px solid #f14b48}.arcade .path-icon,.arcade .exercise-toggle,.arcade .research-list .number{color:#f5ed39}.arcade .exercise,.arcade .ide-visual{background:#090f1c;border-color:#4d7683}.arcade .essay-art{background:repeating-linear-gradient(-45deg,#142330 0 20px,#192d3b 20px 21px);border-color:#40827e}.arcade .essay:hover .essay-art{background:#203a45}.arcade .essay-art em{color:#f5ed39}.arcade .art-bracket{color:#f14b48}.arcade .ventures{background:#101827}.arcade .pam{background:#241b2b;border-color:#9e536c;border-top-color:#f14b48}.arcade .pam h3{color:#ff9aaf}.arcade .welcome{background:#162638;border-color:#41717b}.arcade footer{background:#070d16;border-color:#305361}.arcade .small,.arcade .dated,.arcade .stage-controls,.arcade .stage-paper span,.arcade .stage-paper b,.arcade .cameo-caption p,.arcade .portrait-photo figcaption,.arcade #pet-panel .small{font-size:14px}.arcade .stage-set .stage-paper{background:#182e3b;border-color:#579394;color:#f4f4e8}.arcade #pet-panel,#arcade-dialog,.arcade #essay-reader{background:#111f2d;color:#edf5f5;border-color:#67f6e0}.arcade .ambient-controls button,.arcade #site-motion,.arcade .time-travel-anywhere{background:#10212cef;color:#67f6e0;border-color:#448481;font-size:14px}.arcade #time-travel-cameo{background:#111e2e;border-color:#f14b48}.arcade .cameo-caption strong{color:#f5ed39}.arcade #time-travel-cameo>img{image-rendering:pixelated}.arcade .manifesto-scene{background:linear-gradient(135deg,#0d2431,#2c1b31);border-color:#366b77}.arcade .manifesto-principles details{background:#132431;border-color:#3d6878}.arcade .manifesto-principles summary{color:#e4eeef}.arcade .coast-finale{border-top:3px solid #f14b48}
.cyber-crew{padding:75px 6vw;background:#090e18;border-block:1px solid #3b5b6a;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.cyber-crew-art{position:relative;margin:0;border:1px solid #f14b48;box-shadow:8px 8px 0 #21384a}.cyber-crew-art img{width:100%;display:block;image-rendering:pixelated}.cyber-crew-art figcaption{padding:12px 16px;background:#132633;font:14px/1.5 monospace;color:#98ccc9}.cyber-crew h2{font:900 clamp(34px,4vw,54px)/1.05 'Arial Black',sans-serif;letter-spacing:-2px;margin:15px 0 25px}.cyber-crew p{color:#b4c6d1;font-size:16px}.crew-select{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.crew-select button{padding:12px 16px;min-height:48px;border:1px solid #517582;background:#132a36;color:#b5e6e4;font:700 14px monospace}.crew-select button[aria-pressed=true]{background:#f5ed39;color:#0c1822;border-color:#f5ed39}.crew-profile{min-height:125px;border-left:3px solid #f14b48;padding:5px 0 5px 20px}.crew-profile h3{font:700 23px monospace;color:#67f6e0}.cyber-signal{height:3px;width:80px;background:#67f6e0;box-shadow:0 0 15px #67f6e088;position:absolute;bottom:15px;left:5%;pointer-events:none}.arcade.crt-enabled .hero:before{background-image:repeating-linear-gradient(0deg,#0b152026 0 2px,transparent 2px 5px);transform:none;opacity:.5}.crt-toggle{background:#132a36;color:#67f6e0;border:1px solid #517582;min-height:48px;padding:12px 18px;font:14px monospace;margin:0 0 20px}
@media(max-width:1000px){.arcade .hero h1{font-size:clamp(54px,7vw,80px);letter-spacing:-3px}.arcade nav{gap:3px}.arcade .hero{gap:30px;min-height:0}.cyber-crew{grid-template-columns:1fr}.cyber-crew-art{max-width:850px}.arcade .hero .button{margin-right:0}}
@media(max-width:800px){.arcade .hero{grid-template-columns:1fr;padding:45px 6vw 65px}.arcade .hero h1{font-size:clamp(52px,12vw,82px)}.arcade .portrait-photo{width:min(100%,430px);margin:15px auto}.arcade .hero .eyebrow{font-size:14px;letter-spacing:.5px}.arcade .hero .intro{font-size:17px}.arcade .quest-buttons span{font-size:14px}.arcade .quest-buttons a{min-height:140px}.arcade .quest-buttons strong{font-size:17px}.arcade .arcade-hud{font-size:14px}.cyber-crew{padding:50px 6vw}.arcade .ambient-controls button,.arcade #site-motion,.arcade .time-travel-anywhere{font-size:14px}.arcade .fullbody-photo .photo-window{max-height:480px}.arcade .wordmark{font-size:30px}}
@media(prefers-reduced-motion:reduce){.cyber-signal{display:none}.arcade .hero:before{transform:none}}
.arcade figure.portrait-photo.fullbody-photo{background:linear-gradient(135deg,#ce454d,#6a283e 65%,#173341);border-color:#f14b48}.arcade .portrait-photo.fullbody-photo .photo-window{background:radial-gradient(ellipse at 50% 70%,#ffaf5b40,transparent 65%)}