@font-face{font-family:Game;src:url('assets/pixel-latin.ttf') format('truetype');font-display:swap}@font-face{font-family:World;src:url('assets/pixel-world.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--paper:#e7e4df;--muted:#908985;--red:#aa2925;--mx:0;--my:0;--scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:50px}body{margin:0;background:#080606;color:var(--paper);font-family:Game,World,monospace;overflow-x:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid #e7e4df;outline-offset:8px}.scene{position:fixed;inset:0;overflow:hidden;z-index:-2;background:#110603;perspective:1000px}.scene-image{position:absolute;inset:-7%;background:url('assets/menu-scene.png') center 55%/cover no-repeat;image-rendering:pixelated;transform:translate3d(calc(var(--mx)*-18px),calc(var(--my)*-12px - var(--scroll)*60px),0) scale(1.08);will-change:transform;animation:scene-in 2.8s ease-out both}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,3,2,.14),rgba(7,3,2,.08) 45%,#080606 100%);pointer-events:none}.red-haze{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#8c18151a,transparent 65%);animation:breathe 7s ease-in-out infinite}.fog{position:absolute;inset:15% -30%;background:radial-gradient(ellipse at 25% 60%,#a69c8c0b,transparent 42%),radial-gradient(ellipse at 70% 40%,#98605410,transparent 40%);filter:blur(35px);animation:fog 30s ease-in-out infinite alternate}.fog-two{animation-delay:-15s;animation-duration:38s;opacity:.7;transform:scale(1.4)}#dust{position:absolute;inset:0;width:100%;height:100%;opacity:.65}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.1;background:repeating-linear-gradient(transparent 0 3px,#000 3px 4px)}.hero{height:100svh;min-height:640px;position:relative;display:grid;place-items:center;text-align:center;padding:50px 24px 100px;perspective:1000px}.hero-content{transform-style:preserve-3d;transform:rotateX(calc(var(--my)*-3deg)) rotateY(calc(var(--mx)*4deg));will-change:transform}h1{font-size:clamp(90px,16vw,232px);font-weight:400;line-height:.85;letter-spacing:-.035em;margin:0 0 55px;text-shadow:0 5px 0 #71635c,0 10px 0 #31221d,0 16px 28px #0009;transform:translateZ(55px);animation:title-in 1.5s cubic-bezier(.16,1,.3,1) both}h1:after{content:attr(data-text);position:absolute;inset:0;color:transparent;text-shadow:2px 0 #a3292540;clip-path:inset(45% 0 48%);animation:glitch 9s infinite;pointer-events:none}.download-area{transform:translateZ(85px);animation:ui-in 1.2s .35s both}.download{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:21px;min-width:290px;padding:18px 24px 16px;background:#2c2927cc;box-shadow:inset 0 1px #77716b66,0 5px 0 #14100e,0 12px 35px #0006;text-decoration:none;font-size:32px;line-height:1;border:1px solid #5c5149;transition:background .2s,transform .2s,box-shadow .2s;overflow:hidden}.download:after{content:'';position:absolute;inset:-100% -30%;background:linear-gradient(110deg,transparent 40%,#fff1 50%,transparent 60%);transform:translateX(-100%);transition:transform .6s}.download:hover{background:#49413b;transform:translateY(-4px);box-shadow:inset 0 1px #a6988d88,0 9px 0 #14100e,0 15px 50px #6c1e1838}.download:hover:after{transform:translateX(100%)}.download:active{transform:translateY(3px);box-shadow:0 1px 0 #14100e}.download svg{width:20px;fill:currentColor}.button-mark{color:#8e8279;font-size:28px}.version{display:flex;justify-content:center;align-items:center;gap:11px;font-size:18px;color:#b4aaa3;margin:25px 0 0}.version svg{width:15px;height:15px;fill:currentColor}.download-status{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(360px,85vw);font-family:Game,World,monospace;font-size:18px;line-height:1.5;color:#d3b1a4;margin-top:16px}.scroll-cue{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:5px;padding:15px}.scroll-cue span{width:1px;height:30px;background:linear-gradient(transparent,#988277)}.scroll-cue svg{width:22px;fill:none;stroke:#baaaa0;stroke-width:1.5;animation:arrow 2s infinite}.hero-rule{position:absolute;bottom:0;left:6%;right:6%;display:flex;align-items:center;gap:22px;color:#75655b;font-size:14px;letter-spacing:2px}.hero-rule i{height:1px;background:#78605240;flex:1}.about{max-width:1240px;margin:auto;padding:115px 50px 70px;display:grid;grid-template-columns:1fr 1fr;gap:60px 80px;background:linear-gradient(#08060600,#080606 30%)}.section-index{font-size:16px;color:#a58675;letter-spacing:2px}h2{font-family:World,Game,monospace;font-size:clamp(34px,4vw,58px);line-height:1.25;font-weight:400;letter-spacing:1px;margin:24px 0 0}h2 span{color:#8b7c72}.about-copy{padding-top:30px}.about-copy p{font-family:World,Game,monospace;font-size:20px;line-height:1.6;color:#a99f98;margin:0 0 20px}.about-copy p:first-child{color:#ddd5ce;font-size:22px}.objectives{display:grid;grid-template-columns:repeat(3,1fr);grid-column:1/-1;border-top:1px solid #55403766;padding-top:34px;gap:40px}.number{font-size:18px;color:#9f4d3d}h3{font-family:World,Game,monospace;font-weight:400;font-size:21px;margin:17px 0 14px}.objective p{font-family:World,Game,monospace;color:#918781;font-size:17px;line-height:1.65;margin:0}.objective{transition:transform .3s}.objective:hover{transform:translateY(-7px)}.closing{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:14px;padding:38px 0 12px}.closing p{font-family:World,Game,monospace;font-size:15px;letter-spacing:2px;color:#89756b;margin:0}.signal{width:5px;height:5px;background:#a84535;box-shadow:0 0 12px #a84535;animation:breathe 3s infinite}footer{margin:0 6%;border-top:1px solid #55403766;padding:28px 0;display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#887b72}footer a{text-decoration:none;font-size:23px;padding:8px}.reveal{opacity:0;transform:translateY(35px);transition:opacity 1s,transform 1s}.reveal.visible{opacity:1;transform:translateY(0)}.objective:nth-child(2){transition-delay:.12s}.objective:nth-child(3){transition-delay:.24s}
@keyframes title-in{from{opacity:0;transform:translateZ(160px) translateY(25px);filter:blur(10px)}to{opacity:1;transform:translateZ(55px);filter:blur(0)}}@keyframes ui-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes scene-in{from{opacity:0;scale:1.12}to{opacity:1;scale:1}}@keyframes fog{from{translate:-5% 3%}to{translate:9% -4%}}@keyframes breathe{50%{opacity:.4}}@keyframes arrow{50%{translate:0 7px;opacity:.4}}@keyframes glitch{0%,94%,97%,100%{translate:0}95%{translate:-4px 0}96%{translate:3px 0}}
@media(min-width:1800px){.scene-image{background-position:center 60%}}@media(max-width:700px){.hero{min-height:570px;padding-bottom:100px}h1{font-size:clamp(76px,20vw,140px);margin-bottom:40px}.download{font-size:27px;min-width:252px;padding:18px 20px;gap:16px}.version{font-size:16px}.scene-image{background-position:62% 50%;inset:-8% -40%}.about{padding:75px 26px 45px;grid-template-columns:1fr;gap:28px}.about-copy{padding-top:0}.about-copy p{font-size:19px}.objectives{grid-template-columns:1fr;gap:30px;margin-top:15px}.objective{position:relative;padding-left:45px}.number{position:absolute;left:0;top:3px}h3{margin-top:0}.closing{padding:30px 0 0;gap:10px}.closing p{font-size:12px;letter-spacing:1px}footer{font-size:14px}.hero-rule{font-size:12px}.scroll-cue{bottom:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene-image,.hero-content,.download-area,h1{transform:none!important;will-change:auto}.reveal{opacity:1;transform:none}#dust{display:none}}
/* Frame the original menu's environment, excluding its interface on the left. */
.scene-image{inset:-7%;background-size:220% auto;background-position:100% 55%}
@media(max-width:700px){.scene-image{inset:-7% -58%;background-size:220% auto;background-position:100% 52%}}
.version span{font-family:World,Game,monospace}
.creator-credit{position:absolute;top:32px;left:50%;transform:translateX(-50%);font-family:Game,World,monospace;font-size:20px;line-height:1.2;letter-spacing:3px;white-space:nowrap;color:#b4aaa3;text-shadow:0 2px 0 #31221d,0 0 18px #a8453526;animation:credit-in 1.6s ease-out both,credit-flicker 7s 1.6s infinite}
@keyframes credit-in{from{opacity:0;translate:0 -8px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes credit-flicker{0%,89%,93%,97%,100%{opacity:1}90%,96%{opacity:.55}91%,94%{opacity:.85}}
@media(max-width:700px){.creator-credit{top:25px;font-size:18px;letter-spacing:2px}}