@layer reset,base,layout,components,states;@layer reset{*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,p,blockquote{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}img,canvas{display:block}}@layer base{:root{color-scheme:dark;--ink: #080a0a;--paper: #d9d7cc;--bezel: #232535;--magenta: #d52878;--blue: #3d57b9;--button: #b0003a;--lcd-0: #0f180d;--lcd-1: #33462a;--lcd-2: #7a8e45;--lcd-3: #c4d26b;--ease: cubic-bezier(.2,.72,.18,1);--gutter: clamp(18px, 3vw, 48px);--vh: 1vh}html{background:var(--ink)}body{min-width:320px;background:var(--ink);color:#f2f0e8;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip;text-rendering:geometricPrecision}::selection{background:var(--lcd-3);color:var(--lcd-0)}:focus-visible{outline:2px solid var(--lcd-3);outline-offset:4px}.skip-link{position:fixed;z-index:1000;left:16px;top:12px;transform:translateY(-160%);background:var(--lcd-3);color:var(--lcd-0);padding:10px 14px;font-weight:800}.skip-link:focus{transform:none}}@layer layout{#webgl{position:fixed;inset:0;width:100%;height:100%;z-index:0;touch-action:pan-y}main{position:relative;z-index:2}.chapter{position:relative;min-height:150vh;min-height:calc(var(--vh) * 150);padding:12vh var(--gutter) 10vh;pointer-events:none}.chapter--hero{min-height:175vh}.chapter--screen,.chapter--lcd-world{min-height:190vh}.chapter--philosophy{min-height:170vh}.chapter--battery,.chapter--sound{min-height:160vh}.chapter--return{min-height:170vh}.chapter--viewer{min-height:150vh;pointer-events:auto}.chapter--credits{min-height:110vh;pointer-events:auto}.topbar{position:fixed;z-index:40;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:18px var(--gutter);pointer-events:none;mix-blend-mode:difference;color:#fff}.topbar a,.topbar button{pointer-events:auto}.brand{display:grid;gap:2px;text-transform:uppercase}.brand b{font-size:13px;letter-spacing:-.01em}.brand span{font-size:9px;letter-spacing:.14em;opacity:.66}.topbar__right{display:flex;align-items:center;gap:16px}.progress{width:clamp(70px,10vw,150px);height:1px;background:#ffffff47;margin-top:12px;overflow:hidden}.progress i{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.hero-copy{position:sticky;top:17vh;width:min(58vw,820px)}.hero-copy h1{margin-top:18px;font-size:clamp(86px,14vw,225px);line-height:.73;letter-spacing:-.085em;text-transform:uppercase;font-weight:950}.hero-copy h1 span{display:block}.hero-copy h1 span:last-child{margin-left:.34em;color:transparent;-webkit-text-stroke:1px rgb(255 255 255 / .65)}.hero-deck{margin-top:42px;max-width:400px;font-size:clamp(18px,2vw,30px);line-height:1.02;letter-spacing:-.035em}.hero-meta{position:absolute;right:var(--gutter);top:28vh;display:grid;gap:8px;text-align:right;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#fff9}.drag-cue{position:absolute;left:var(--gutter);bottom:24vh;display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.16em;opacity:.65}.drag-cue i{width:46px;height:1px;background:currentColor;position:relative}.drag-cue i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid;border-top:1px solid;transform:rotate(45deg)}.chapter-index{position:absolute;top:16vh;right:var(--gutter);font-size:clamp(72px,16vw,260px);font-weight:900;line-height:.8;letter-spacing:-.08em;color:#ffffff0e}.copy{position:sticky;top:30vh;width:min(540px,42vw)}.copy--left{margin-right:auto}.copy--right{margin-left:auto}.copy--center{margin-inline:auto;width:min(760px,72vw);text-align:center}.copy--bottom{top:auto;position:absolute;bottom:18vh;left:var(--gutter)}.copy h2,.viewer-heading h2,.return-copy h2,.credits-grid h2{margin:12px 0 20px;font-size:clamp(44px,6vw,102px);font-weight:860;line-height:.88;letter-spacing:-.06em}.copy>p:last-child,.viewer-heading>p:last-child,.return-copy>p:last-child{max-width:550px;font-size:clamp(16px,1.5vw,22px);line-height:1.36;color:#ffffffa8}.kicker{font-size:10px;font-weight:780;letter-spacing:.18em;text-transform:uppercase;opacity:.72}.spec-stack{position:absolute;top:42vh;right:var(--gutter);width:min(270px,30vw);display:grid;border-top:1px solid rgb(255 255 255 / .25)}.spec-stack div{display:grid;grid-template-columns:1fr auto;align-items:end;padding:15px 0;border-bottom:1px solid rgb(255 255 255 / .14)}.spec-stack b{font-size:clamp(34px,4vw,60px);letter-spacing:-.06em}.spec-stack span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding-bottom:7px;opacity:.55}.screen-copy{position:sticky;top:29vh;text-align:center;margin-inline:auto;width:min(1000px,86vw)}.screen-copy h2{font-size:clamp(92px,17vw,280px);line-height:.72;letter-spacing:-.09em;margin:20px 0 34px}.screen-copy>p:last-child{margin-inline:auto;max-width:550px;color:#fff9;font-size:18px}.enter-label{position:absolute;bottom:20vh;left:50%;transform:translate(-50%);display:flex;gap:16px;align-items:center;font-size:9px;letter-spacing:.17em}.enter-label i{height:1px;width:80px;background:currentColor}.lcd-title{position:sticky;top:10vh;font-size:clamp(160px,27vw,450px);line-height:.57;font-weight:950;letter-spacing:-.1em;color:#c4d26b14;pointer-events:none}.copy--lcd{color:var(--lcd-3)}.copy--lcd>p:last-child{color:#c4d26bb3}.chapter--philosophy blockquote{position:sticky;top:22vh;display:grid;width:min(92vw,1200px);color:var(--lcd-3);font-weight:900;letter-spacing:-.06em}.chapter--philosophy blockquote span{font-size:clamp(30px,5vw,74px);opacity:.55}.chapter--philosophy blockquote strong{font-size:clamp(100px,19vw,320px);line-height:.72}.battery-word{position:sticky;top:15vh;font-size:clamp(140px,25vw,410px);font-weight:950;letter-spacing:-.1em;color:#c4d26b14;white-space:nowrap}.chapter--battery .copy{margin-top:-18vh}.chapter--battery em{color:var(--lcd-3);font-style:normal}.sound-rings{position:sticky;top:22vh;margin-inline:auto;width:min(58vw,760px);aspect-ratio:1}.sound-rings i{position:absolute;inset:50%;border:1px solid rgb(196 210 107 / .38);border-radius:50%;transform:translate(-50%,-50%);animation:pulse 3.6s ease-in-out infinite}.sound-rings i:nth-child(1){width:24%;height:24%}.sound-rings i:nth-child(2){width:45%;height:45%;animation-delay:-.8s}.sound-rings i:nth-child(3){width:70%;height:70%;animation-delay:-1.6s}.sound-rings i:nth-child(4){width:98%;height:98%;animation-delay:-2.4s}.return-copy{position:sticky;top:28vh;text-align:center;margin-inline:auto;width:min(900px,86vw)}.return-copy>p:last-child{margin-inline:auto}.viewer-heading{position:sticky;top:18vh;width:min(580px,44vw)}.viewer-controls{position:absolute;right:var(--gutter);top:23vh;display:grid;width:110px}.viewer-controls button{pointer-events:auto;color:#fff;background:transparent;border:0;border-top:1px solid rgb(255 255 255 / .23);padding:11px 0;text-align:right;font-size:9px;letter-spacing:.14em;cursor:pointer}.viewer-controls button:last-child{border-bottom:1px solid rgb(255 255 255 / .23)}.viewer-controls button:hover,.viewer-controls button:focus-visible{color:var(--lcd-3)}.secret-hint{position:absolute;bottom:18vh;right:var(--gutter);font-size:8px;letter-spacing:.15em;opacity:.22;transition:opacity .4s}.secret-hint:hover{opacity:.8}.credits-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10vw;align-items:start;padding-top:16vh}.credits-grid h2{font-size:clamp(70px,10vw,160px)}.credits-copy{font-size:15px;line-height:1.55;color:#ffffffa1;display:grid;gap:18px;max-width:520px}.sources-links{display:grid;gap:10px;font-size:11px;letter-spacing:.02em}.sources-links a{border-bottom:1px solid rgb(255 255 255 / .25);padding-bottom:8px}.sources-links a:hover{color:var(--lcd-3)}footer{position:absolute;left:var(--gutter);right:var(--gutter);bottom:24px;display:flex;justify-content:space-between;border-top:1px solid rgb(255 255 255 / .15);padding-top:14px;font-size:9px;letter-spacing:.15em}}@layer components{.sound{border:0;background:transparent;color:inherit;display:flex;gap:7px;align-items:center;padding:5px 0;cursor:pointer;font-size:9px;letter-spacing:.12em}.sound__dot{width:6px;height:6px;border-radius:50%;border:1px solid currentColor}.sound[aria-pressed=true] .sound__dot{background:currentColor;box-shadow:0 0 0 3px #ffffff1f}.grain{position:fixed;z-index:15;inset:-60%;pointer-events:none;opacity:.03;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='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:grain .24s steps(2) infinite}.lcd-overlay{position:fixed;z-index:14;inset:0;opacity:0;pointer-events:none;background:linear-gradient(#0f180d1f,#0f180d1f),repeating-linear-gradient(0deg,transparent 0 3px,rgb(15 24 13 / .075) 3px 4px);mix-blend-mode:multiply;transition:opacity .3s linear}body.is-lcd .lcd-overlay{opacity:1}.boot{position:fixed;z-index:200;inset:0;display:grid;align-content:end;padding:var(--gutter);background:#090b0b;color:#f1efe6;transition:opacity .65s var(--ease),visibility .65s}.boot.is-done{opacity:0;visibility:hidden}.boot__line{display:flex;justify-content:space-between;font-size:clamp(38px,8vw,110px);line-height:.9;font-weight:900;letter-spacing:-.06em}.boot__bar{height:2px;background:#ffffff2e;margin-top:18px}.boot__bar i{display:block;height:100%;width:100%;background:var(--lcd-3);transform-origin:left;transform:scaleX(0)}.boot p{font-size:9px;margin-top:10px;letter-spacing:.14em;opacity:.45;text-transform:uppercase}.game-ui{position:fixed;z-index:80;inset:auto var(--gutter) 24px auto;width:min(440px,calc(100vw - 36px));border:1px solid var(--lcd-1);background:#0f180deb;color:var(--lcd-3);padding:12px;box-shadow:0 18px 80px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-ui__head{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;font-size:10px;letter-spacing:.12em}.game-ui__head button{border:0;background:transparent;color:inherit;font-size:24px;line-height:1;cursor:pointer}.game-ui__help{margin-top:8px;font-size:9px;line-height:1.4;opacity:.65}.touch-controls{margin-top:12px;display:flex;justify-content:space-between}.touch-dpad,.touch-ab{display:flex;gap:8px}.touch-controls button{min-width:52px;min-height:45px;border:1px solid var(--lcd-1);background:var(--lcd-0);color:var(--lcd-3);font-weight:900;cursor:pointer}.noscript{position:fixed;z-index:999;inset:0;padding:30px;background:#111;color:#fff}}@layer states{body.is-lcd{background:var(--lcd-0)}body.is-lcd .topbar{color:var(--lcd-3);mix-blend-mode:normal}body.is-lcd .grain{opacity:.055}body.game-active{cursor:crosshair}body.game-active .secret-hint{opacity:1;color:var(--lcd-3)}@keyframes grain{0%{transform:translateZ(0)}25%{transform:translate3d(3%,-2%,0)}50%{transform:translate3d(-2%,2%,0)}75%{transform:translate3d(1%,3%,0)}to{transform:translate3d(-3%,-1%,0)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(.96);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.04);opacity:.75}}@media(max-width:800px){.topbar{padding-top:14px}.progress{display:none}.chapter{min-height:135vh;padding-top:15vh}.chapter--hero{min-height:155vh}.chapter--screen,.chapter--lcd-world{min-height:165vh}.hero-copy{top:19vh;width:92vw}.hero-copy h1{font-size:clamp(76px,25vw,150px)}.hero-copy h1 span:last-child{margin-left:.14em}.hero-deck{font-size:18px;margin-top:28px}.hero-meta{top:auto;bottom:36vh;right:var(--gutter)}.copy,.copy--center{width:88vw;top:28vh}.copy--right{margin-left:0}.spec-stack{top:auto;bottom:20vh;width:44vw}.screen-copy{top:31vh}.screen-copy h2{font-size:clamp(76px,25vw,140px)}.lcd-title{font-size:39vw;top:18vh}.chapter--philosophy blockquote{top:28vh}.chapter--philosophy blockquote strong{font-size:25vw}.battery-word{font-size:28vw;top:24vh}.chapter--battery .copy{margin-top:0}.sound-rings{width:88vw;top:22vh}.viewer-heading{width:88vw;top:16vh}.viewer-controls{top:auto;bottom:23vh;right:var(--gutter);grid-template-columns:repeat(4,auto);width:auto;gap:8px}.viewer-controls button{border:1px solid rgb(255 255 255 / .2);padding:10px;text-align:center}.secret-hint{bottom:14vh;max-width:70vw;text-align:right}.credits-grid{grid-template-columns:1fr;gap:30px}.credits-grid h2{font-size:17vw}.chapter--credits{min-height:125vh}.game-ui{left:18px;right:18px;bottom:max(18px,env(safe-area-inset-bottom));width:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain,.sound-rings i{animation:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}