@font-face{font-family:"Clockers 64";src:url(../fonts/clockers64.woff2) format("woff2");font-display:swap}:root{--night: #0b0806;--phosphor: #ff9d3c;--phosphor-dim: #c46f22;--paper: #efe4d4;--glass: rgba(11, 8, 6, .62);--f-crt: "Clockers 64", "DejaVu Sans Mono", "Menlo", "Consolas", monospace;--f-ui: system-ui, "Segoe UI", "Helvetica Neue", Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--night);color:var(--paper);overflow:hidden}body{font:400 16px/1.5 var(--f-ui)}#app{position:fixed;inset:0;overflow:hidden;background:var(--night)}html:not(.js) #app{display:none}#stage{position:absolute;left:0;top:0;transform-origin:0 0}#stage.gliding{transition:transform 2.6s cubic-bezier(.5,0,.18,1);will-change:transform}#stage>picture,#stage>picture img,#stage>video,#stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}#journey,#still,#loop{opacity:0}[data-phase=journey] #journey,[data-phase=arrived] #journey{opacity:1}.show-still #still{opacity:1;transition:opacity .6s ease}.looping #loop{opacity:1}[data-phase=arrived].show-still #poster{visibility:hidden}#stage>#close,#stage>#close-still,#stage>#plate{inset:auto}#close,#close-still,#plate,#screen{position:absolute;opacity:0;pointer-events:none}.close-on #close,.close-still-on #close-still{opacity:1;transition:opacity .45s ease}.screen-on.plate-ok #plate,.screen-on #screen{opacity:1;transition:opacity .3s linear}.screen-on.plate-fallback #screen:before{content:"";position:absolute;left:3.5%;top:5.9%;width:84.2%;height:33.9%;background:#0d111d;border-radius:24px;box-shadow:0 0 24px 18px #0d111d}.screen-on #screen{pointer-events:auto;cursor:default}#screen .crt,#screen canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#screen canvas.crt-fallback{image-rendering:pixelated;filter:drop-shadow(0 0 3px rgba(255,157,60,.8)) drop-shadow(0 0 10px rgba(255,120,40,.35))}.hotspot{position:absolute;border-radius:10px;cursor:pointer;pointer-events:none}.zoomed-out .hotspot{pointer-events:auto}.zoomed-out .hotspot:hover{box-shadow:0 0 0 4px #ff9d3cbf,0 0 24px 6px #ff9d3c59}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}#ui{position:absolute;inset:0;pointer-events:none}.crt-line{position:absolute;left:50%;bottom:11vh;transform:translate(-50%);margin:0;padding:.5rem 1rem;white-space:nowrap;font:400 16px/1 var(--f-crt);letter-spacing:0;color:var(--phosphor);text-shadow:0 0 8px rgba(255,157,60,.65),0 0 1px #ffd29a;background:var(--glass);border-radius:2px}.crt-line:empty{display:none}.crt-start{pointer-events:auto;cursor:pointer;border:0}.crt-start:after{content:"█";margin-left:.35em;animation:blink 1.06s steps(1) infinite}.crt-start:focus-visible{outline:2px solid var(--phosphor);outline-offset:4px}.crt-line.blink:after{content:"█";margin-left:.35em;animation:blink 1.06s steps(1) infinite}@keyframes blink{50%{opacity:0}}#controls{position:absolute;right:24px;bottom:24px;display:flex;gap:10px;pointer-events:auto}#controls button,.crt-button{font:600 15px/1 var(--f-ui);color:var(--paper);background:var(--glass);border:1px solid rgba(239,228,212,.35);border-radius:3px;padding:10px 14px;cursor:pointer;backdrop-filter:blur(4px)}#controls button:hover,.crt-button:hover{border-color:var(--phosphor);color:#fff}button:focus-visible{outline:2px solid var(--phosphor);outline-offset:2px}.crt-button{position:absolute;left:50%;bottom:calc(11vh - 64px);transform:translate(-50%);pointer-events:auto;font-family:var(--f-crt);color:var(--phosphor);letter-spacing:.06em}[hidden]{display:none!important}#notice{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:var(--night)}#notice img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.38) saturate(.9)}.notice-text{position:relative;max-width:30rem;margin:0 24px;padding:28px 26px;display:flex;flex-direction:column;gap:12px;background:#0b0806b8;border:1px solid rgba(255,157,60,.35);border-radius:4px}.notice-text h1{margin:0;font:400 26px/1.15 var(--f-crt);color:var(--phosphor);text-shadow:0 0 8px rgba(255,157,60,.5);text-wrap:balance}.notice-text p{margin:0;font-size:17px;line-height:1.55}.blocked #stage,.blocked #ui{visibility:hidden}.noscript{position:fixed;inset:0;overflow-y:auto;padding:10vh 24px;max-width:40rem;margin:0 auto;font:17px/1.6 var(--f-ui)}.noscript a{color:var(--phosphor)}@media(min-width:1700px){.crt-line{font-size:24px}}@media(prefers-reduced-motion:reduce){#stage.gliding{transition-duration:.01s}.crt-line.blink:after,.crt-start:after{animation:none}}
