@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{font-family:IBM Plex Mono,monospace;color:#afc6ce;background:#03060a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #a9d7e1;outline-offset:4px}main{height:100svh;min-height:580px;position:relative;overflow:hidden}main>div:first-child{position:absolute!important;inset:0}canvas{touch-action:none}.film-header{position:absolute;left:6%;right:6%;top:max(27px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.7px;pointer-events:none;transition:opacity 1s}.brand{font-weight:500;color:#c4dbe0}.film-header>span:last-child{font-size:8px;color:#5a7b8a}.film-header b{font-size:8px;color:#bc7381;margin-left:8px}.landing{position:absolute;left:9%;top:20%;width:82%;pointer-events:none}.landing button,.landing a{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:3px;color:#75929f}h1{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:clamp(57px,9vw,130px);letter-spacing:-4px;line-height:.9;color:#e5edf0;margin:25px 0 22px}h1 span{color:transparent;-webkit-text-stroke:1px #8baab4}.subtitle{font-size:10px;letter-spacing:4px;color:#9fb9c4}.intro{font-family:Space Grotesk,sans-serif;font-size:17px;color:#859aa4;line-height:1.7;margin:28px 0}.initialize{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#bddde5;color:#10232b;border:0;min-height:54px;min-width:245px;padding:16px 23px;letter-spacing:2px;font-size:11px;transition:background .2s}.initialize:hover{background:#e0eff2}.initialize span{font-size:20px}.instructions{font-size:9px;letter-spacing:2px;color:#b1c0c5;line-height:2;margin:20px 0 0}.instructions span{color:#bf7683}.headphone-note{font-size:8px;color:#667f8c;letter-spacing:1px;margin-top:20px}.credits{font-size:7px;letter-spacing:1px;color:#607883;text-decoration:none}.credits:hover{color:#c1d4dc}.film-stage{position:absolute;left:6%;top:98px;pointer-events:none;transition:opacity 1s}.film-stage>span{font-size:7px;letter-spacing:1.5px;color:#668795}h2{font-size:11px;letter-spacing:2.5px;font-weight:400;margin-top:11px}.controls{position:absolute;bottom:130px;left:4%;right:4%;display:flex;justify-content:center;gap:8px;transition:opacity .8s,transform .8s}.controls button,.preferences button{background:#03060a88;border:1px solid #263e49;color:#9fbec8;font-size:8px;letter-spacing:.7px;padding:10px 12px;min-height:38px}.controls button:hover,.preferences button:hover{border-color:#a1c4d1}.timeline{position:absolute;bottom:85px;left:6%;right:6%;pointer-events:none;transition:opacity 1s}.timeline-label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#7d9ca7;margin-bottom:10px}.track{height:1px;background:#273c46}.track div{height:1px;background:#a7cfd9;transition:width .1s linear}.look-hint{position:absolute;top:145px;width:100%;text-align:center;font-size:8px;letter-spacing:1px;color:#98b6c0;pointer-events:none}.interaction-feedback{position:absolute;bottom:200px;width:100%;padding:0 15px;text-align:center;font-size:9px;letter-spacing:1.2px;color:#c8a895;pointer-events:none}footer{position:absolute;bottom:max(23px,env(safe-area-inset-bottom));left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:opacity 1s;z-index:2}footer>span{font-size:7px;letter-spacing:1px;color:#5e7d8d}.preferences{display:flex;gap:6px}.preferences button{font-size:7px;min-height:34px;padding:8px}.hud-asleep .film-header,.hud-asleep .film-stage,.hud-asleep footer{opacity:0;pointer-events:none}.hud-asleep .controls{opacity:0;pointer-events:none;transform:translateY(10px)}.hud-asleep .timeline{opacity:.16}.hud-asleep .timeline-label{opacity:0}.ending{position:absolute;inset:0;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.ending>p:not(.eyebrow){font-family:Space Grotesk,sans-serif;font-size:20px;color:#9dafb8;margin:25px 0 35px}.error{position:absolute;bottom:60px;left:6%;right:6%;font-size:11px;text-align:center;color:#eb899c}.webgl-error{position:absolute;inset:0;padding:100px 20px;color:#ed859c}.world-impact{position:absolute;inset:0;pointer-events:none;overflow:hidden}.world-impact>div{position:absolute;inset:0;transition:opacity .12s linear}.alarm-envelope{background:radial-gradient(ellipse,transparent 35%,#a31232 100%);mix-blend-mode:screen}.impact-light{background:#ffd3bf;mix-blend-mode:screen}.impact-shear{background:linear-gradient(180deg,transparent 38%,#ce879d 38.2%,transparent 38.6%,transparent 70%,#67919e 70.2%,transparent 70.5%)}.debug-panel{position:absolute;z-index:5;right:10px;top:90px;width:260px;padding:15px;background:#020509ec;border:1px solid #36515e;color:#97b9c5;font-size:9px;line-height:1.8;max-height:75svh;overflow:auto;pointer-events:auto}.debug-panel strong{letter-spacing:2px;color:#d4e3e8}.debug-panel select,.debug-panel input[type=number]{width:100%;background:#0b1820;color:#b1ced8;border:1px solid #263e49;padding:7px;margin:5px 0}.debug-panel form{display:flex;align-items:center;gap:7px}.debug-panel form input{width:65%!important}.debug-panel button{background:#17313e;color:#b4ced8;border:1px solid #355563;padding:7px;font-size:9px;min-height:30px}.debug-jumps{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin:7px 0}.debug-effects{display:grid;grid-template-columns:1fr 1fr}.debug-effects label{display:flex;align-items:center;gap:4px}.debug-effects input{accent-color:#83c1d7}@media(max-width:600px){.landing{left:8%;top:22%;width:84%}h1{font-size:clamp(48px,13.6vw,78px);letter-spacing:-3px}.subtitle{font-size:8px;letter-spacing:3px}.intro{font-size:14px;margin:24px 0}.eyebrow{font-size:7px;letter-spacing:2px}.film-header{font-size:8px;letter-spacing:.7px}.film-header>span:last-child{font-size:6px}.controls{gap:5px}.controls button{padding:9px 8px;font-size:7px}footer{left:4%;right:4%}footer>span{max-width:90px;font-size:6px;line-height:1.6}.preferences button{font-size:6px}.headphone-note{font-size:7px}.debug-panel{top:180px;max-height:65svh;width:240px}}@media(max-height:720px){.landing{top:16%}.intro{margin:18px 0}.instructions{margin-top:14px}.headphone-note{margin-top:12px}h1{margin:20px 0}.controls{bottom:115px}.timeline{bottom:70px}.interaction-feedback{bottom:170px}}@media(max-height:500px){main{min-height:360px}.landing{top:21%;left:8%}h1{font-size:52px}.landing .eyebrow,.intro,.headphone-note,.credits{display:none}.instructions{position:absolute;left:55%;top:40px}.initialize{min-height:44px}.film-header{top:16px}.film-stage{top:54px}.controls{bottom:80px}.timeline{bottom:53px}footer{bottom:9px}.look-hint{top:100px}.debug-panel{top:60px;max-height:75svh}}@media(max-height:720px){.debug-panel{max-height:calc(100svh - 350px)}}@media(max-height:500px){.debug-panel{max-height:calc(100svh - 190px)}}