:root{--void:#000;--glow:#cfe9b8;--glow-dim:#5f7358;--ink:#c9cbc4;--concrete:#77756f;--concrete-dark:#34332f;--red:#c8352b;--paper:#ece7da;--paper-ink:#2a2721;--halo:0 0 6px #cfe9b873, 0 0 18px #cfe9b82e;--sign:"Overpass", "Arial Narrow", sans-serif;--doc:"Special Elite", "Courier New", monospace;--osd:"IBM Plex Mono", ui-monospace, monospace;--gutter:max(16px, env(safe-area-inset-left));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--void);height:100%;color:var(--ink);font:400 15px/1.45 var(--sign);-webkit-user-select:none;user-select:none;touch-action:none;margin:0;overflow:hidden}body{text-transform:lowercase}button,select,input,textarea{text-transform:inherit;font:inherit}#view{width:100%;height:100%;display:block;position:fixed;inset:0}kbd{min-width:1.6em;font:600 .78em/1.4 var(--sign);text-align:center;opacity:.85;border:1px solid;border-radius:4px;margin-right:.15em;padding:.05em .4em 0;display:inline-block}#hud{pointer-events:none;position:fixed;inset:0}#crosshair{background:var(--glow);opacity:.55;border-radius:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px #cfe9b899}#prompt{font:600 17px var(--sign);letter-spacing:.02em;color:var(--glow);text-shadow:var(--halo), 0 0 3px #000;white-space:nowrap;position:absolute;top:calc(50% + 30px);left:50%;transform:translate(-50%)}#prompt kbd{margin-right:.5em}#prompt .work{vertical-align:middle;background:#cfe9b833;width:90px;height:4px;margin-left:10px;display:inline-block}#prompt .work i{background:var(--glow);height:100%;box-shadow:var(--halo);display:block}#floor-sign{top:max(30px, env(safe-area-inset-top));text-align:center;white-space:nowrap;opacity:0;transition:opacity 1.4s;position:absolute;left:50%;transform:translate(-50%)}#floor-sign.on{opacity:1}#floor-sign b{font:800 36px/1 var(--sign);letter-spacing:.04em;color:var(--glow);text-shadow:0 0 2px #000,0 0 10px #000,0 0 18px #cfe9b847;display:block}#floor-sign small{font:600 16px var(--sign);letter-spacing:.06em;color:var(--ink);text-shadow:0 0 2px #000,0 0 8px #000;margin-top:8px;display:block}#toast{text-align:center;max-width:min(90vw,520px);font:400 16px/1.4 var(--sign);color:var(--ink);text-shadow:0 0 8px #000,0 0 2px #000;opacity:0;transition:opacity .5s;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}#toast.on{opacity:1}#objective{top:max(18px, env(safe-area-inset-top));left:var(--gutter);max-width:min(46vw,400px);font:600 14px/1.35 var(--sign);color:var(--glow);text-shadow:var(--halo);opacity:0;transition:opacity 1.8s;position:absolute}#objective.fresh{opacity:1;transition:opacity .3s}#keys{right:max(16px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));text-align:right;font:600 13px/1.6 var(--sign);color:var(--glow);text-shadow:var(--halo);margin:0;padding:0;list-style:none;position:absolute}#keys li:before{content:"";vertical-align:.1em;border:1px solid;width:6px;height:6px;margin-right:8px;display:inline-block;transform:rotate(45deg)}#hud.watching #floor-sign,#hud.watching #toast,#hud.watching #prompt,#hud.watching #crosshair,#hud.watching #objective,#hud.watching #keys{display:none}#cctv{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));text-align:right;font:500 15px var(--osd);white-space:pre;color:#b8ffcc;text-shadow:0 0 4px #062;position:absolute}#cctv small{font:500 11px var(--osd);color:#7fbf8f;margin-top:4px;display:block}.cctv-pad{display:none}body.touch .cctv-pad{left:50%;bottom:max(20px, env(safe-area-inset-bottom));pointer-events:auto;gap:10px;display:flex;position:fixed;transform:translate(-50%)}.cctv-pad button{color:#b8ffcc;min-width:56px;height:52px;font:500 15px var(--osd);white-space:nowrap;background:#0014068c;border:1px solid #3f8f57;padding:0 18px}.cctv-pad button[aria-label]{padding:0;font-size:26px;line-height:1}#touch{pointer-events:none;position:fixed;inset:0}body:not([data-state=playing]) #touch{display:none}#stick{left:max(24px, env(safe-area-inset-left));bottom:max(48px, calc(env(safe-area-inset-bottom) + 32px));pointer-events:auto;border:1px solid #cfe9b838;border-radius:50%;width:120px;height:120px;position:absolute}#stick i{background:#cfe9b829;border:1px solid #cfe9b859;border-radius:50%;width:40px;height:40px;position:absolute;top:40px;left:40px}#touch button{width:58px;height:58px;color:var(--ink);font:600 13px var(--sign);letter-spacing:.04em;pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-tap-highlight-color:transparent;background:#0006;border:1px solid #cfe9b84d;border-radius:50%;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;position:absolute}#touch button:active{background:#cfe9b829}#t-use{right:max(20px, env(safe-area-inset-right));bottom:max(40px, calc(env(safe-area-inset-bottom) + 24px));opacity:.5;width:78px;height:78px}#t-use.ready{opacity:1;color:var(--glow);border-color:var(--glow);box-shadow:0 0 16px #cfe9b84d,inset 0 0 10px #cfe9b81f}#t-run{right:max(112px, calc(env(safe-area-inset-right) + 92px));bottom:max(28px, calc(env(safe-area-inset-bottom) + 12px))}#t-torch{right:max(26px, calc(env(safe-area-inset-right) + 6px));bottom:max(134px, calc(env(safe-area-inset-bottom) + 118px))}#t-mirror{right:max(112px, calc(env(safe-area-inset-right) + 92px));bottom:max(110px, calc(env(safe-area-inset-bottom) + 94px));touch-action:none}#t-screen{right:max(112px, calc(env(safe-area-inset-right) + 92px));bottom:max(192px, calc(env(safe-area-inset-bottom) + 176px))}#t-cam{right:max(26px, calc(env(safe-area-inset-right) + 6px));bottom:max(216px, calc(env(safe-area-inset-bottom) + 200px))}#t-feed{right:max(112px, calc(env(safe-area-inset-right) + 92px));bottom:max(274px, calc(env(safe-area-inset-bottom) + 258px))}#t-mirror[hidden],#t-cam[hidden],#t-feed[hidden],#t-screen[hidden]{display:none}#t-run[aria-pressed=true],#t-screen[aria-pressed=true],#t-mirror[aria-pressed=true]{color:var(--glow);border-color:var(--glow);box-shadow:0 0 12px #cfe9b840}#t-pause{top:max(14px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:flex}#t-pause i{background:var(--ink);width:3px;height:14px}body.touch #keys{bottom:auto;top:max(72px, calc(env(safe-area-inset-top) + 56px))}body.touch #toast{max-width:min(78vw,480px);bottom:max(210px,34%)}body.touch #objective{max-width:calc(100vw - 110px)}body.touch #prompt{font-size:19px}.screen{padding:24px max(16px, env(safe-area-inset-right)) 24px var(--gutter);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.screen[hidden],body.touch .kb{display:none}.menu{justify-items:start;gap:2px;display:grid}.menu button,.screen button.close{min-height:44px;color:var(--ink);font:600 21px/44px var(--sign);letter-spacing:.01em;text-align:left;cursor:pointer;background:0 0;border:0;padding:0 0 0 26px;transition:color .15s,text-shadow .15s;position:relative}.menu[hidden],.menu button[hidden]{display:none}.menu button:before,.screen button.close:before{content:"";background:var(--glow);clip-path:polygon(0 0,45% 0,100% 50%,45% 100%,0 100%,55% 50%);filter:drop-shadow(0 0 4px #cfe9b8cc);opacity:0;width:11px;height:14px;margin-top:-7px;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:2px;transform:translate(-4px)}.menu button:hover,.menu button:focus-visible,.screen button.close:hover,.screen button.close:focus-visible{color:var(--glow);text-shadow:var(--halo);outline:none}.menu button:hover:before,.menu button:focus-visible:before,.screen button.close:before{opacity:1;transform:none}.screen button.close{color:var(--glow);display:none}body.touch .screen button.close{display:block}#screen{text-align:left;padding-left:max(8vw, env(safe-area-inset-left));background:linear-gradient(90deg,#000000db 0%,#00000073 50%,#0000 85%);align-items:flex-start}#screen h1{font:800 clamp(96px, 19vw, 210px) / .8 var(--sign);letter-spacing:-.035em;color:var(--glow);text-shadow:0 0 18px #cfe9b852,0 0 70px #cfe9b81f;margin:0 0 0 -.05em}html.fonts #screen:not(.white) h1{animation:7s cubic-bezier(.15,.6,.3,1) both charge}@keyframes charge{0%{color:#f6fff1;text-shadow:0 0 22px #e1ffd2f2,0 0 90px #cfe9b88c}}@media (prefers-reduced-motion:reduce){html.fonts #screen:not(.white) h1{animation:none}}#screen .lede{max-width:30em;font:300 18px/1.5 var(--sign);color:var(--ink);text-wrap:pretty;margin:0}#screen .stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 28px;max-width:34em;margin:0;display:grid}#screen .stats div{flex-direction:column-reverse;gap:2px;display:flex}#screen .stats dt{font:400 12px var(--sign);letter-spacing:.04em;color:var(--concrete)}#screen .stats dd{font:600 22px/1.1 var(--sign);font-variant-numeric:tabular-nums;margin:0}#screen.white .stats dt{color:#8d8f88}#screen.white .stats dd{color:#23251f}#screen .menu{margin:4px 0 0 -26px}#screen .menu button:first-child{color:var(--glow);text-shadow:var(--halo)}#screen .menu button:first-child:before{opacity:1;transform:none}#screen .rule{font:400 14px var(--sign);color:var(--glow-dim);margin:0}#screen .seed{font:400 12px var(--sign);letter-spacing:.06em;color:var(--concrete);gap:18px;margin:0;display:flex}@media (width<=759px){#screen{padding-bottom:max(40px, env(safe-area-inset-bottom));background:linear-gradient(#0000001a 0%,#000000e0 42%,#000000eb 100%);justify-content:flex-end}#screen .lede{font-size:16px}}@media (height<=520px) and (orientation:landscape){#screen{gap:10px}#screen h1{font-size:clamp(64px,24vh,120px)}#screen .lede{font-size:14px}#screen .menu button{min-height:36px;font-size:18px;line-height:36px}}#title{padding:40px max(5vw, env(safe-area-inset-right)) 40px max(8vw, env(safe-area-inset-left));background:linear-gradient(90deg,#000000e0 0%,#00000080 38%,#0000 62%,#0000008c 100%);grid-template-columns:minmax(340px,40%) 1fr minmax(250px,290px);align-items:center;display:grid;position:fixed;inset:0}#title[hidden]{display:none}#title .mark{font:800 clamp(96px, 15vw, 190px) / .8 var(--sign);letter-spacing:-.035em;color:var(--glow);text-shadow:0 0 18px #cfe9b852,0 0 70px #cfe9b81f;margin:0 0 0 -.05em}#title .side,#title .directory{opacity:0;transition:opacity 1.2s .35s}#title[data-phase=menu] .side,#title[data-phase=menu] .directory{opacity:1}#title[data-phase=gate] .side,#title[data-phase=gate] .directory{visibility:hidden}#title .side{flex-direction:column;grid-column:1;align-items:flex-start;gap:22px;display:flex}#title .lede{max-width:30em;font:300 18px/1.5 var(--sign);color:var(--ink);text-wrap:pretty;margin:0}#title .menu,#title .menu[hidden]{margin:2px 0 0 -26px;display:grid}#title .menu[hidden]{visibility:hidden}#title .menu button:first-of-type:not([hidden]),#title .menu button[hidden]+button{color:var(--glow)}#title .rule{font:400 14px var(--sign);color:var(--glow-dim);margin:0}#title .gate{background:radial-gradient(at 50% 55%,#0000008c,#000000eb 70%);flex-direction:column;justify-content:center;align-items:center;gap:34px;transition:opacity .9s,visibility 0s .9s;display:flex;position:absolute;inset:0}#title[data-phase=menu] .gate{opacity:0;visibility:hidden;pointer-events:none}#title .gate .mark{margin:0;font-size:clamp(110px,22vw,280px)}html.fonts #title .gate .mark{animation:7s cubic-bezier(.15,.6,.3,1) both charge}#title .press{height:24px;font:600 17px/24px var(--sign);letter-spacing:.08em;color:var(--glow-dim);margin:0}#title[data-ready] .press{color:var(--glow);text-shadow:var(--halo);animation:2.6s ease-in-out infinite fade}@keyframes fade{50%{opacity:.35}}#title .ears{bottom:max(28px, env(safe-area-inset-bottom));font:400 13px var(--sign);letter-spacing:.04em;color:var(--concrete);margin:0;position:absolute}@media (prefers-reduced-motion:reduce){html.fonts #title .gate .mark,#title[data-ready] .press{animation:none}}#title .directory{max-height:calc(100vh - 80px);font:600 16px/1 "Barlow Condensed", var(--sign);letter-spacing:.07em;color:#e6e1d4;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 6px),#0d0d0c;border:1px solid #5d5b55;grid-column:3;padding:16px 18px 14px;box-shadow:inset 0 0 0 3px #1b1b19,inset 0 0 0 4px #3a3935,0 18px 40px #0009}#title .directory header{color:#a8a497;border-bottom:1px solid #3a3935;justify-content:space-between;align-items:baseline;margin-bottom:8px;padding:2px 4px 12px;font-size:13px;display:flex}#title .directory header b{color:#e6e1d4;font-size:18px;font-weight:700}#title .directory ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}#title .directory li{grid-template-columns:2.6ch 1fr auto;align-items:baseline;gap:0 10px;padding:4px;display:grid}#title .directory li b{text-align:right;color:#a8a497;font-variant-numeric:tabular-nums;font-weight:700}#title .directory li small,#title .directory li i{font:600 11px/1 "Barlow Condensed", var(--sign);letter-spacing:.08em;color:var(--concrete);font-style:normal}#title .directory li.here{background:#c8352b1f}#title .directory li.here i{color:#e0675d;align-items:center;gap:6px;display:inline-flex}#title .directory li.here i:before{content:"";background:var(--red);border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #c8352bcc}#title .directory li.here small{display:none}#title .directory li.street{color:var(--glow);text-shadow:var(--halo);border-top:1px solid #3a3935;margin-top:6px;padding-top:10px}#title .directory li.street b{background:var(--glow);clip-path:polygon(30% 0,70% 0,70% 55%,100% 55%,50% 100%,0 55%,30% 55%);filter:drop-shadow(0 0 4px #cfe9b8cc);justify-self:end;width:12px;height:14px}#title .directory footer{color:#a8a497;min-height:15px;padding:10px 4px 0;font-size:12px}@media (width<=759px){#title{padding-bottom:max(40px, env(safe-area-inset-bottom));background:linear-gradient(#0000001a 0%,#000000e0 45%,#000000f0 100%);grid-template-columns:1fr;align-items:end}#title .directory{display:none}#title .side .mark{font-size:clamp(84px,26vw,120px)}#title .lede{font-size:16px}}@media (height<=560px) and (orientation:landscape){#title{padding-top:16px;padding-bottom:16px}#title .side{gap:10px}#title .side .mark{font-size:clamp(56px,20vh,110px)}#title .lede{font-size:14px}#title .menu button{min-height:34px;font-size:18px;line-height:34px}#title .directory li{padding:2px 4px}}#screen.white{color:#23251f;background:#f2f1ec}#screen.white.dawn{background:#faf0df}#screen.white h1{color:#191a17;text-shadow:none}#screen.white .lede{color:#3c3f38}#screen.white .seed{color:#8d8f88}#screen.white .menu button,#screen.white .menu button:first-child{color:#191a17;text-shadow:none}#screen.white .menu button:before{filter:none;background:#191a17}#pause{z-index:5;padding:32px max(6vw, env(safe-area-inset-right)) 32px max(6vw, env(safe-area-inset-left));text-align:left;scrollbar-width:none;touch-action:pan-y;background:#000000ed;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);place-items:center start;gap:0 6vw;display:grid;overflow-y:auto}#pause::-webkit-scrollbar{display:none}#pause[hidden]{display:none}.plate{text-align:right;justify-self:end}.plate b{font:800 clamp(120px, 30vh, 300px) / .85 var(--sign);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:2px var(--concrete);display:block}.plate span{font:400 16px var(--sign);color:var(--concrete);margin-top:10px;display:block}.pause-body{gap:18px;max-width:420px;display:grid}#pause h2{font:800 15px var(--sign);letter-spacing:.12em;color:var(--concrete);margin:0}#pause .objective{font:600 22px/1.3 var(--sign);color:var(--glow);text-shadow:var(--halo);margin:-8px 0 0}#pause .menu{margin-left:-26px}#back,#pause[data-mode=title] .plate,#pause[data-mode=title] .objective,#pause[data-mode=title] #resume,#pause[data-mode=title] #retry,#pause[data-mode=title] #fresh{display:none}#pause[data-mode=title] #back{display:block}#pause[data-mode=title]{grid-template-columns:minmax(0,420px);justify-content:center}#pause[data-mode=title] .pause-body{grid-row:1}#pause[data-mode=title] .menu{order:5}#pause[data-mode=title],body[data-state=title] #pause{background:#000;align-content:center}.settings{border-top:1px solid var(--concrete-dark);font:400 14px var(--sign);color:var(--concrete);gap:4px 0;padding-top:14px;display:grid}.settings label{grid-template-columns:9.5em 1fr;align-items:center;min-height:34px;display:grid}.settings input[type=range]{appearance:none;touch-action:pan-x;background:0 0;width:100%;height:24px;margin:0}.settings input[type=range]::-webkit-slider-runnable-track{background:var(--concrete-dark);height:2px}.settings input[type=range]::-moz-range-track{background:var(--concrete-dark);height:2px}.settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--glow);border-radius:50%;width:14px;height:14px;margin-top:-6px;box-shadow:0 0 8px #cfe9b8b3}.settings input[type=range]::-moz-range-thumb{background:var(--glow);border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #cfe9b8b3}.settings input:focus-visible,.settings select:focus-visible{outline:1px solid var(--glow);outline-offset:3px}.settings select{min-height:30px;color:var(--ink);border:0;border-bottom:1px solid var(--concrete-dark);background:0 0;justify-self:start;padding:0 4px}.settings select option{background:#000}.settings input[type=checkbox]{width:18px;height:18px;accent-color:var(--glow);justify-self:start;margin:0}.keys{font:400 13px var(--sign);color:var(--concrete);flex-wrap:wrap;gap:6px 18px;margin:0;display:flex}.keys div{align-items:baseline;gap:6px;display:flex}.keys dt,.keys dd{margin:0}@media (width<=759px){#pause{grid-template-columns:minmax(0,1fr);place-content:start stretch;gap:22px}.plate{text-align:left;justify-self:start}.plate b{font-size:110px}}@media (height<=520px) and (orientation:landscape){#pause{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0 4vw}.plate b{font-size:120px}.pause-body{display:contents}#pause h2,#pause .objective,#pause .menu{grid-column:2}#pause .settings{border-top:0;grid-area:1/3/span 3;padding-top:0}#pause .keys{display:none}}.settings,.settings label{touch-action:auto}#mapview,#noteview{z-index:4;background:#000000c7;gap:14px}#map-canvas{display:block;box-shadow:0 0 40px #000}.screen .controls{font:400 13px var(--sign);color:var(--concrete);margin:0}.paper{background:var(--paper);width:min(88vw,460px);max-height:70vh;color:var(--paper-ink);text-align:left;touch-action:pan-y;padding:30px 32px 34px;overflow:auto;transform:rotate(-.8deg);box-shadow:0 0 40px #000,inset 0 0 60px #78643c2e}.paper h3{font:400 20px/1.2 var(--doc);text-underline-offset:4px;margin:0 0 16px;text-decoration:underline}.paper p{white-space:pre-line;font:400 15px/1.65 var(--doc);margin:0}body[data-state=map] #toast,body[data-state=note] #toast{visibility:hidden}@media (width<=760px){#floor-sign{top:18%}}@media (height<=520px) and (orientation:landscape){.paper{max-height:62vh}}body[data-state=paused] #hud{visibility:hidden}.keys .cheat dd{color:var(--red)}
