:root{--ink:#fbf1e4;--ink-soft:#fbf1e4b8;--ink-faint:#fbf1e46b;--sun:#ffb36b;--display:"PD Sans", sans-serif;--text:"PD Sans", sans-serif}@font-face{font-family:PD Sans;src:url(./montserrat-regular-ndp0T448.woff2)format("woff2");font-weight:100 450;font-display:swap}@font-face{font-family:PD Sans;src:url(./montserrat-medium-D1UIq7ng.woff2)format("woff2");font-weight:451 900;font-display:swap}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#120d0b;margin:0;overflow:hidden}#scene{cursor:default;width:100%;height:100%;display:block;position:fixed;inset:0}.vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 55%,#140a0661 100%);position:fixed;inset:0}.screen{z-index:10;align-content:center;place-items:center;gap:18px;transition:opacity 1.6s;display:grid;position:fixed;inset:0}.screen.hidden{opacity:0;pointer-events:none}#loading{background:radial-gradient(at 50% 60%,#3a2319,#120d0b 70%)}.brand{font-family:var(--display);letter-spacing:.32em;text-shadow:0 2px 40px #3c190a73;margin:0;padding-left:.32em;font-size:clamp(48px,9vw,128px);font-weight:500;line-height:1}.brand.small{letter-spacing:.5em;color:var(--ink-soft);padding-left:.5em;font-size:22px}.bar{background:#fbf1e426;width:min(280px,60vw);height:1px;overflow:hidden}.bar span{background:var(--sun);width:0%;height:100%;transition:width .3s;display:block}.status{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-size:12px}.title{background:linear-gradient(#140a0800 40%,#140a0873);align-content:end;padding-bottom:12vh}.title-inner{text-align:center;justify-items:center;gap:14px;transition:opacity .35s;display:grid}.title.veiled .title-inner,.title.veiled .title-controls{opacity:0}.title-controls{text-shadow:0 1px 8px #000000a6;gap:7px;margin:0;transition:opacity .35s;display:grid;position:absolute;bottom:24px;left:28px}.title-controls div{align-items:center;gap:12px;display:flex}.title-controls dt{gap:6px;display:flex}.title-controls dd{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:11px}.title-controls .key{width:24px;height:24px;color:var(--ink-soft);border-color:#fbf1e46b;margin:0;font-size:12px}.title-controls .key.wide{letter-spacing:.14em;text-transform:uppercase;width:auto;padding:0 8px;font-size:10px}@media (width<=760px){.title-controls{display:none}}.eyebrow{letter-spacing:.4em;text-transform:uppercase;color:var(--sun);margin:0;font-size:13px}.prompt{letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin:18px 0 0;font-size:16px;animation:3.2s ease-in-out infinite breathe}.key{border:1px solid #fbf1e480;border-radius:6px;place-items:center;width:30px;height:30px;margin-right:8px;font-size:15px;display:inline-grid}.hint{letter-spacing:.12em;color:var(--ink-soft);text-shadow:0 1px 8px #000000a6;margin:0;font-size:12px}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.hud{z-index:5;text-shadow:0 1px 12px #00000059;align-items:flex-end;gap:22px;transition:opacity 1.2s;display:flex;position:fixed;bottom:40px;left:32px}.hud.hidden,.hud.rest{opacity:0}.hud.rest{transition-duration:3s}.gears{font-family:var(--display);letter-spacing:.1em;color:var(--ink-faint);gap:12px;font-size:15px;display:flex}.gears span{transition:color .3s,transform .3s}.gears span.on{color:var(--ink);transform:translateY(-2px)}.speed{font-family:var(--display);align-items:baseline;gap:6px;display:flex}.speed b{text-align:right;font-variant-numeric:tabular-nums;min-width:2ch;font-size:30px;font-weight:400}.speed small{letter-spacing:.2em;color:var(--ink-faint);font-size:11px}.toast{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);opacity:0;z-index:6;pointer-events:none;font-size:12px;transition:opacity .8s;position:fixed;top:58px;left:50%;transform:translate(-50%)}.toast.found{letter-spacing:.3em;white-space:nowrap;color:var(--ink);text-shadow:0 1px 18px #000000a6;z-index:7;font-size:clamp(16px,1.7vw,22px);transition:opacity .8s,top .8s;top:50%;transform:translate(-50%,-50%)}.toast.found.up{top:calc(50% - clamp(74px,9.5vw,128px))}.toast.show{opacity:1}.fade{opacity:0;pointer-events:none;z-index:8;background:#120d0b;transition:opacity .8s;position:fixed;inset:0}.fade.on{opacity:1}@media (width<=520px){.hud{bottom:18px;left:18px}}.quest{z-index:5;letter-spacing:.02em;width:max-content;color:var(--ink-soft);text-shadow:0 1px 10px #00000073;font-size:12.5px;transition:opacity 1.2s;position:fixed;top:24px;right:18px}.quest.dim{opacity:.5}.quest.hidden{opacity:0;pointer-events:none}@media (height<=760px){.quest{font-size:11.5px;top:16px}.quest ul{gap:1px}}.quest header{font-family:var(--display);letter-spacing:.28em;text-transform:uppercase;color:var(--sun);justify-content:flex-start;align-items:baseline;gap:12px;margin-bottom:8px;font-size:11px;display:flex}.quest header b{letter-spacing:.1em;color:var(--ink);font-weight:400}.quest ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.quest li{width:fit-content;transition:color .8s,opacity .8s;position:relative}.quest li:after{content:"";background:var(--sun);transform-origin:0;height:1px;transition:transform .9s cubic-bezier(.6,0,.2,1);position:absolute;top:55%;left:-2px;right:-2px;transform:scaleX(0)}.quest li.found{color:var(--ink-faint)}.quest li.found:after{transform:scaleX(1)}.quest li.just{color:var(--ink)}.home{z-index:5;-webkit-backdrop-filter:blur(6px);color:var(--ink-soft);font:12px var(--text);letter-spacing:.08em;cursor:pointer;background:#140c0847;border:1px solid #fbf1e447;border-radius:999px;padding:9px 16px;transition:opacity 1s,color .2s,border-color .2s;position:fixed;bottom:26px;right:26px}.home:hover{color:var(--ink);border-color:#fbf1e499}.reset{z-index:5;font:12px var(--text);letter-spacing:.06em;color:#fbf1e457;cursor:pointer;background:0 0;border:0;padding:4px 6px;position:fixed;bottom:8px;left:14px}.reset:hover{color:#fbf1e4bf}.pill{z-index:6;-webkit-backdrop-filter:blur(8px);color:var(--ink);font:13px var(--text);letter-spacing:.12em;cursor:pointer;background:#140c086b;border:1px solid #fbf1e473;border-radius:999px;padding:11px 22px;transition:opacity .5s,transform .5s,border-color .2s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.pill:hover{border-color:#fbf1e4cc}.pill.hidden{opacity:0;pointer-events:none;transform:translate(-50%,8px)}.map-view{z-index:9;opacity:0;pointer-events:none;cursor:pointer;background:#070504c7;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .6s;display:flex;position:fixed;inset:0}.map-view.show{opacity:1;pointer-events:auto}.map-view img{border-radius:6px;max-width:92vw;max-height:84vh;box-shadow:0 20px 70px #0009}.map-view p{font:11px var(--text);letter-spacing:.1em;color:var(--ink-soft);margin:0}.garage{right:232px}.garage-panel{z-index:6;-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#140c0880;border:1px solid #fbf1e433;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:72px;right:26px;transform:translateY(6px)}.garage-panel.open{opacity:1;pointer-events:auto;transform:none}.load-bar{opacity:0;background:#fbf1e424;border-radius:2px;width:100%;min-width:176px;height:2px;margin-top:4px;transition:opacity .3s;overflow:hidden}.load-bar.on{opacity:1}.load-bar i{background:var(--sun);width:0;height:100%;transition:width .2s;display:block}.home.hidden,.reset.hidden{opacity:0;pointer-events:none}.linkish{font:11px var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);text-shadow:0 1px 8px #000000a6;cursor:pointer;background:0 0;border:0;margin-top:6px}.linkish:hover{color:var(--ink)}.phrase{text-align:center;pointer-events:none;z-index:7;place-content:center;gap:14px;display:grid;position:fixed;inset:0}.phrase p{font-family:var(--display);letter-spacing:.06em;text-wrap:balance;max-width:88vw;color:var(--ink);text-shadow:0 2px 30px #0009;opacity:0;margin:0;padding:0 4vw;font-size:clamp(22px,3.6vw,50px);transition:opacity 1.4s,transform 1.4s;transform:translateY(8px)}.phrase p:empty{display:none}.phrase p.on{opacity:1;transform:none}.credits{z-index:11;opacity:0;pointer-events:none;background:#070504fc;transition:opacity 2s;position:fixed;inset:0;overflow:hidden}.credits.show{opacity:1;pointer-events:auto}.credits .roll{text-align:center;width:min(620px,90vw);animation:85s linear forwards roll;position:absolute;top:100%;left:50%;transform:translate(-50%)}.credits.show .roll{animation-play-state:running}@keyframes roll{0%{transform:translate(-50%)}to{transform:translate(-50%,calc(-100% - 100vh))}}.credits p{margin:0}.c-brand{font-family:var(--display);white-space:nowrap;letter-spacing:.3em;padding-left:.3em;font-size:clamp(34px,6vw,70px);margin-bottom:24px!important}.c-done{color:var(--ink);font-size:20px}.c-time{letter-spacing:.25em;text-transform:uppercase;color:var(--sun);font-size:13px;margin:6px 0 70px!important}.c-label{letter-spacing:.4em;text-transform:uppercase;color:var(--sun);font-size:11px;margin:80px 0 14px!important}.c-creator{font-family:var(--display);letter-spacing:.08em;color:var(--ink);font-size:clamp(34px,5.5vw,64px)}.c-dedication{letter-spacing:.04em;text-wrap:balance;max-width:min(90vw,52em);color:var(--ink-soft);font-size:clamp(14px,1.5vw,18px);font-style:italic;line-height:1.7;margin:38px auto 0!important}.c-roles{gap:12px;margin-top:34px;display:grid}.c-roles p{gap:2px;display:grid}.c-roles span{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint);font-size:11px}.c-roles b{color:var(--ink);font-size:20px;font-weight:500}.c-models{gap:14px;display:grid}.c-models p{gap:1px;display:grid}.c-models b{color:var(--ink);font-size:15px;font-weight:500}.c-models span{color:var(--ink-soft);font-size:12px}.c-models i{letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint);font-size:10px;font-style:normal}.c-note,.c-small{color:var(--ink-faint);font-size:12px}.c-note{margin-top:26px!important}.c-thanks{font-family:var(--display);letter-spacing:.1em;color:var(--ink);font-size:26px;margin:120px 0 60vh!important}#credits-close{color:var(--ink-soft);font:12px var(--text);letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #fbf1e44d;border-radius:999px;padding:9px 16px;position:absolute;bottom:26px;right:26px}@media (width<=640px){.quest{font-size:11px;top:14px;right:12px}}.compass{z-index:5;width:420px;max-width:calc(100vw - 32px);height:26px;transition:opacity 1.2s;position:fixed;top:22px;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.compass.hidden{opacity:0}.compass:after{content:"";background:var(--sun);width:1px;height:7px;position:absolute;bottom:0;left:50%}.compass .strip{will-change:transform;height:100%;position:absolute;top:0;left:50%}.compass .strip span{font-family:var(--display);letter-spacing:.12em;color:var(--ink-faint);text-shadow:0 1px 8px #00000080;white-space:nowrap;font-size:11px;position:absolute;top:2px;transform:translate(-50%)}.compass .strip span.major{color:var(--ink);font-size:13px}.compass .strip span.tick{background:#fbf1e480;width:1px;height:5px;top:14px}.pickers{flex-direction:column;align-items:center;gap:4px;margin-top:10px;display:flex}.car-pick{align-items:center;gap:14px;transition:opacity .3s;display:inline-flex}.car-pick.busy{opacity:.45}.car-name{text-align:center;min-width:120px;font:11px var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);text-shadow:0 1px 8px #000000a6}.car-arrow{width:28px;height:28px;color:var(--ink-faint);font:16px/1 var(--display);cursor:pointer;background:0 0;border:1px solid #fbf1e42e;border-radius:50%;transition:color .2s,border-color .2s}.car-arrow:hover{color:var(--ink);border-color:#fbf1e480}.desktop-only{text-align:center;background:#0b0908;padding:0 24px}.studio-mark{opacity:.22;pointer-events:none;-webkit-user-select:none;user-select:none;width:125px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.studio-mark.corner{width:110px;bottom:24px;left:auto;right:28px;transform:none}.controls{z-index:12;opacity:0;pointer-events:none;cursor:pointer;background:#07050480;place-items:center;transition:opacity .35s;display:grid;position:fixed;inset:0}.controls.show{opacity:1;pointer-events:auto}.controls-card{text-shadow:0 1px 14px #000000b3;justify-items:center;gap:30px;padding:0 24px;transition:transform .35s;display:grid;transform:translateY(8px)}.controls.show .controls-card{transform:none}.controls-grid{align-items:center;gap:clamp(32px,6vw,84px);display:flex}.controls .key{background:#120d0b59;border-color:#fbf1e499;width:38px;height:38px;margin:0;font-size:15px}.controls .key.wide{letter-spacing:.16em;text-transform:uppercase;width:auto;padding:0 13px;font-size:11px}.ctl-drive{grid-template-columns:auto auto auto;place-items:end center;gap:16px;display:grid}.keypad{grid-template-rows:repeat(2,38px);grid-template-columns:repeat(3,38px);gap:6px;display:grid}.keypad .k-up{grid-area:1/2}.keypad .k-left{grid-area:2/1}.keypad .k-down{grid-area:2/2}.keypad .k-right{grid-area:2/3}.ctl-or{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);padding-bottom:11px;font-size:11px}.ctl-drive p{letter-spacing:.3em;text-transform:uppercase;color:var(--ink);grid-column:1/-1;margin:0;font-size:13px}.ctl-list{gap:9px;margin:0;display:grid}.ctl-list div{grid-template-columns:86px auto;align-items:center;column-gap:18px;display:grid}.ctl-list dt{justify-content:flex-end;display:flex}.ctl-list dd{letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin:0;font-size:13px}.controls-close{letter-spacing:.14em;color:var(--ink-soft);margin:0;font-size:11px}@media (width<=760px){.controls-grid{flex-direction:column}}
