@font-face{font-family:Shift;src:url(../fonts/display.otf)format("opentype");font-display:swap}@font-face{font-family:Quattro;src:url(../fonts/body.ttf)format("truetype");font-display:swap}@font-face{font-family:Tape;src:url(../fonts/mono.ttf)format("truetype");font-display:swap}:root{--paper:#ece9df;--muted:#8f9a98;--red:#d3182a;--red-hover:#e8243a;--red-deep:#7c0817;--gold:#ffc53a;--warm:#ffd9a8;--ink:#07080c;--display:Shift, "Arial Narrow", Impact, sans-serif;--mono:Tape, ui-monospace, monospace;color:var(--paper);background:var(--ink);font-synthesis:none;font-family:Quattro,Arial,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:var(--app-h,100%);overscroll-behavior:none;background:var(--ink);margin:0;overflow:hidden}body{position:fixed;inset:0}button,input,select{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}svg{flex-shrink:0}kbd{font-family:var(--mono);color:var(--paper);border:1px solid #ffffff2e;border-radius:3px;padding:2px 5px;font-size:10px}#world{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#film{z-index:1;pointer-events:none;opacity:.1;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0007 4px);position:fixed;inset:0}body.in-game #film{opacity:.03}#ui{z-index:3;position:fixed;inset:0}#ui[hidden],#touch[hidden],#jumpscare[hidden],#hud[hidden]{display:none}#ui.home{background:radial-gradient(38% 46% at 24% 46%,#d3182a22 0%,#0000 70%),linear-gradient(90deg,#07080ce6 0%,#07080ca0 30%,#07080c00 58%)}#ui.overlay{background:linear-gradient(90deg,#07080cf5 0%,#07080cc8 38%,#07080c66 70%),#07080c55}.menu{width:min(540px,88vw);max-height:calc(var(--app-h,100dvh) - 40px);flex-direction:column;align-items:flex-start;display:flex;position:absolute;top:50%;left:7%;transform:translateY(-50%)}.menu>.logo{filter:drop-shadow(0 12px 28px #000c)drop-shadow(0 0 34px #d3182a40);width:100%;height:auto;animation:3.2s ease-in-out infinite logo-bob}.logo-small .logo{filter:drop-shadow(0 8px 18px #000c);width:210px;height:auto;margin:0 0 6px -10px;display:block}.logo .runner{animation:.32s steps(2,end) infinite runner}@keyframes logo-bob{50%{transform:translateY(-6px)rotate(.6deg)}}@keyframes runner{0%,to{transform:translate(560px,214px)}50%{transform:translate(565px,207px)rotate(-4deg)}}.menu h2{font:900 76px/.9 var(--display);letter-spacing:1px;text-transform:uppercase;color:#fff;text-shadow:0 4px 0 var(--red-deep);transform-origin:0 100%;margin:0;transform:rotate(-2deg)}.menu-note{color:var(--warm);margin:12px 0 0;font-size:15px}.menu-actions{flex-wrap:wrap;align-items:center;gap:8px 22px;margin:28px 0 0 4px;display:flex}.menu.home .menu-actions{margin:4px 0 0 24px}.primary{background:var(--red);color:#fff;min-height:60px;font:900 28px/1 var(--display);letter-spacing:3px;text-transform:uppercase;box-shadow:0 6px 0 var(--red-deep);border:0;padding:0 42px;transition:background .12s,transform 80ms,box-shadow 80ms}.primary:hover{background:var(--red-hover)}.primary:active{box-shadow:0 2px 0 var(--red-deep);transform:translateY(4px)}.text-button{font:12px var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 0;transition:color .12s,border-color .12s}.text-button:hover{color:#fff;border-color:var(--red)}.record{font:15px var(--mono);align-items:center;gap:8px;margin:24px 0 0 24px;display:flex}.record span{color:var(--muted)}.record strong{color:var(--gold);font-weight:400}.menu-note.tip{font:11px var(--mono);color:var(--muted);margin:14px 0 0 24px}.record .label{letter-spacing:1.6px;text-transform:uppercase;margin-right:6px;font-size:10px}.controls-line{font:11px var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:30px 0 0 4px;display:flex}.controls-line kbd:not(:first-child){margin-left:10px}.burger-icon{width:22px;height:22px}.score{align-items:center;gap:12px;margin:22px 0 0 4px;display:flex}.score .burger-icon{width:46px;height:46px}.score strong{font:900 64px/1 var(--display);color:var(--gold)}.score span{font:11px var(--mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.facts{grid-template-columns:repeat(3,auto);gap:16px 30px;margin:18px 0 0 4px;display:grid}.facts div{flex-direction:column;gap:4px;display:flex}.facts dt{font:10px var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.facts dd{font:400 24px/1 var(--display);margin:0}.tabs{gap:24px;margin:26px 0 8px 4px;display:flex}.tabs button{font:900 20px var(--display);letter-spacing:1px;text-transform:uppercase;color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:6px 0}.tabs button:hover{color:#fff}.tabs button.selected{color:#fff;border-color:var(--red)}.settings-content{scrollbar-width:thin;scrollbar-color:#d3182a #ffffff10;flex-direction:column;width:100%;max-width:440px;min-height:232px;max-height:50dvh;margin-left:4px;padding-right:10px;display:flex;overflow-y:auto}.setting-row{border-bottom:1px solid #ffffff12;grid-template-columns:130px 1fr auto;align-items:center;gap:16px;min-height:42px;font-size:14px;display:grid}.setting-row>:last-child{justify-self:end}.setting-row output{text-align:right;min-width:46px;font:12px var(--mono);color:var(--muted)}.setting-row select,.setting-row input[type=checkbox],.setting-row .key-button{grid-column:3}input[type=range]{width:100%;accent-color:var(--red)}input[type=checkbox]{width:20px;height:20px;accent-color:var(--red)}select{font:12px var(--mono);background:#07080c;border:1px solid #ffffff2e;padding:7px 10px}.key-button{min-width:96px;font:12px var(--mono);background:#ffffff08;border:1px solid #ffffff2e;padding:7px 12px}.key-button:hover{border-color:var(--red)}.key-button.listening{border-color:var(--gold);color:var(--gold)}#reset-bindings{align-self:flex-start;margin-top:14px}.menu.loading h2{text-shadow:none;font-size:34px;transform:none}.error-panel{z-index:20;position:fixed}.error-panel p{max-width:440px;color:var(--warm);margin:16px 0 24px;line-height:1.7}#hud{z-index:2;pointer-events:none;font-family:var(--mono);text-shadow:0 2px 6px #000c;position:fixed;inset:0}.hud-time,.hud-count,.hud-burgers{top:max(18px, env(safe-area-inset-top));align-items:center;display:flex;position:absolute}.hud-time{left:max(22px, env(safe-area-inset-left));flex-direction:column;align-items:flex-start;gap:4px}.hud-time strong{font:400 26px/1 var(--display);color:#ece9dfcc}.hud-score{font:13px/1 var(--mono);letter-spacing:1px;color:var(--gold)}.hud-points{flex-direction:column;align-items:center;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%)}.hud-points span{font:15px/1.3 var(--mono);color:var(--gold);text-shadow:0 1px 4px #000;white-space:nowrap;animation:1.2s ease-out forwards points}.hud-points span.big{font:400 26px/1.1 var(--display);color:#fff3d6;text-shadow:0 0 14px #ff7a3c,0 2px 4px #000}@keyframes points{0%{opacity:0;transform:translateY(10px)scale(.8)}15%{opacity:1;transform:translateY(0)scale(1.1)}to{opacity:0;transform:translateY(-34px)scale(1)}}.hud-burgers{gap:8px;left:50%;transform:translate(-50%)}.hud-burgers .burger-icon{width:30px;height:30px}.hud-burgers strong{font:400 40px/1 var(--display);color:var(--gold)}.hud-count{right:max(22px, env(safe-area-inset-right));flex-direction:column;align-items:flex-end;gap:2px}.hud-count strong{font:400 34px/1 var(--display);color:#ff9a52}.hud-count span{letter-spacing:1.6px;text-transform:uppercase;color:#ece9dfa0;font-size:9px}.bump strong{animation:.5s ease-out bump}@keyframes bump{30%{color:#ffd27a;transform:scale(1.4)}}.hud-flash{font:400 30px/1 var(--display);text-transform:uppercase;white-space:nowrap;color:#fff3d6;text-shadow:0 0 18px #ff7a3c,0 2px 4px #000;opacity:0;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.hud-flash.pop{animation:1.1s ease-out flash-pop}@keyframes flash-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-60%)scale(1)}}.hud-compass{left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 54px);color:#ffd27a;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;transform:translate(-50%)}.hud-compass[hidden]{display:none}.hud-compass .arrow{border-left:8px solid #0000;border-right:8px solid #0000;border-bottom:18px solid var(--gold);filter:drop-shadow(0 1px 3px #000);width:0;height:0}.hud-stamina{left:50%;bottom:max(20px, env(safe-area-inset-bottom));background:#fff2;border-radius:3px;width:min(240px,50vw);height:6px;transition:opacity .6s;position:absolute;transform:translate(-50%)}.hud-stamina div{background:var(--paper);transform-origin:0;border-radius:3px;height:100%}.hud-stamina.full{opacity:.35}.hud-bottom{left:50%;bottom:max(16px, env(safe-area-inset-bottom));align-items:center;gap:14px;display:flex;position:absolute;transform:translate(-50%)}.hud-bottom .hud-stamina{position:static;transform:none}.ability{--tone:#ece9df;--charge:1;width:40px;height:40px;color:var(--tone);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--tone) 60%, transparent);background:#0b0d14a6;border-radius:50%;place-items:center;display:grid;position:relative}.ability.dash{--tone:#6fd0ff}.ability.kick{--tone:#ffc53a}.ability svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.ability kbd{color:var(--tone);background:#0b0d14;border:0;border-radius:3px;padding:0 4px;font-size:9px;line-height:14px;position:absolute;bottom:-9px}.ability:before,.pad:before{content:"";background:conic-gradient(var(--tone) calc(var(--charge) * 360deg), #ffffff1a 0);opacity:0;border-radius:50%;transition:opacity .2s;position:absolute;inset:-4px;-webkit-mask:radial-gradient(circle,#0000 calc(50% - 3px),#000 calc(50% - 2.5px));mask:radial-gradient(circle,#0000 calc(50% - 3px),#000 calc(50% - 2.5px))}.ability.cooling:before,.pad.cooling:before{opacity:1}.ability.cooling svg,.pad.cooling svg,.pad.cooling em{opacity:.35}.ability.recharged,.pad.recharged{animation:.35s ease-out recharged}@keyframes recharged{40%{box-shadow:inset 0 0 0 2px var(--tone), 0 0 18px var(--tone);transform:scale(1.18)}}.ability.denied,.pad.denied{animation:.3s denied}@keyframes denied{25%{translate:-4px}50%{translate:4px}75%{translate:-2px}}#danger{z-index:1;pointer-events:none;opacity:0;background:radial-gradient(#0000 50%,#05070acc 92%,#000 100%);transition:opacity .4s;position:fixed;inset:0}#touch{--stick:clamp(104px, 30vmin, 150px);--knob:calc(var(--stick) * .42);--jump:clamp(72px, 22vmin, 108px);--pad:clamp(56px, 16.5vmin, 82px);--gap:clamp(8px, 2.6vmin, 16px);--edge:clamp(14px, 4vmin, 28px);--glass:#0b0d14a6;--rim:#ffffff2e;z-index:3;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}#touch-zone{pointer-events:auto;touch-action:none;position:absolute;inset:0}#touch button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#touch svg{width:calc(var(--size,60px) * .4);height:calc(var(--size,60px) * .4);fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;display:block}#stick{width:var(--stick);height:var(--stick);box-shadow:inset 0 0 0 1.5px var(--rim), inset 0 0 24px #0008, 0 8px 24px #0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translate(calc(max(var(--edge), env(safe-area-inset-left)) + var(--edge)), calc(var(--app-h,100dvh) - var(--stick) - max(var(--edge), env(safe-area-inset-bottom)) - var(--edge)));opacity:.5;pointer-events:none;background:radial-gradient(circle,#ffffff0a 0 38%,#0b0d1466 39% 100%);border-radius:50%;place-items:center;transition:opacity .2s,box-shadow .2s;display:grid;position:absolute;top:0;left:0}#stick.active{opacity:1;transition:none}#stick .chev{border-top:2px solid #fff5;border-left:2px solid #fff5;width:9px;height:9px;position:absolute}#stick .up{top:9%;transform:rotate(45deg)}#stick .right{right:9%;transform:rotate(135deg)}#stick .down{bottom:9%;transform:rotate(225deg)}#stick .left{left:9%;transform:rotate(-45deg)}#stick .run-label{font:400 15px/1 var(--display);letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 6px #000;opacity:0;transition:opacity .15s,transform .15s;position:absolute;bottom:-24px;transform:translateY(-6px)}#stick>span{width:var(--knob);height:var(--knob);will-change:transform;background:radial-gradient(circle at 35% 30%,#fffef8 0%,#d9d5c8 45%,#9c988c 100%);border-radius:50%;box-shadow:0 6px 14px #000a,inset 0 -3px 6px #0003}#stick.running{box-shadow:inset 0 0 0 2px var(--gold), inset 0 0 26px #ffc53a33, 0 0 26px #ffc53a55}#stick.running .chev{border-color:var(--gold)}#stick.running .run-label{opacity:1;transform:none}#stick.running>span{background:radial-gradient(circle at 35% 30%,#fff6d6 0%,#ffc53a 50%,#c98a12 100%)}.touch-actions{right:calc(max(var(--edge), env(safe-area-inset-right)) + 4px);bottom:calc(max(var(--edge), env(safe-area-inset-bottom)) + 2px);width:calc(var(--jump) + var(--pad) + var(--gap) * 2);height:calc(var(--jump) + var(--pad) + var(--gap) * 2);position:absolute}.pad{--tone:#ece9df;--charge:1;color:var(--tone);background:radial-gradient(circle at 50% 30%, #ffffff14, transparent 60%), var(--glass);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--tone) 55%, transparent), 0 6px 18px #0007;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:0;border-radius:50%;align-content:center;place-items:center;padding:0;transition:transform 90ms ease-out,background 90ms;display:grid;position:absolute}.pad em{font:9px/1 var(--mono);letter-spacing:1.4px;text-transform:uppercase;opacity:.75;margin-top:2px;font-style:normal}.pad.held{background:radial-gradient(circle, color-mix(in srgb, var(--tone) 45%, transparent), transparent 75%), var(--glass);transform:scale(.88)}#touch-jump{--tone:#ff5263;--size:var(--jump);width:var(--jump);height:var(--jump);bottom:0;right:0}#touch-dash{--tone:#6fd0ff;--size:var(--pad);right:calc(var(--jump) + var(--gap));bottom:calc(var(--gap) * .4);width:var(--pad);height:var(--pad)}#touch-interact{--tone:#ffc53a;--size:var(--pad);right:calc(var(--gap) * .4);bottom:calc(var(--jump) + var(--gap));width:var(--pad);height:var(--pad)}#touch-pause{top:max(var(--edge), env(safe-area-inset-top));right:calc(max(var(--edge), env(safe-area-inset-right)) + 4px);color:#ece9dfcc;background:var(--glass);width:42px;height:42px;box-shadow:inset 0 0 0 1.5px var(--rim);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}#touch-pause svg{fill:currentColor;stroke:none;width:20px;height:20px}.touch-hint{font:12px/1.7 var(--mono);text-align:center;white-space:nowrap;color:#ece9dfcc;pointer-events:none;background:#0b0d1499;border-radius:10px;margin:0;padding:10px 16px;animation:6s forwards hint-out;position:absolute;top:28%;left:50%;transform:translate(-50%)}.touch-hint span{color:var(--gold)}@keyframes hint-out{80%{opacity:1}to{opacity:0;visibility:hidden}}#lock-prompt{z-index:4;font:400 22px/1 var(--display);letter-spacing:1.5px;text-transform:uppercase;pointer-events:none;background:#0b0d14cc;border-radius:10px;padding:14px 22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1.5px #ffffff2e}#lock-prompt[hidden]{display:none}#gate{z-index:25;background:radial-gradient(ellipse 50% 60% at 50% 45%, #d3182a26 0%, transparent 70%), var(--ink);place-items:center;padding:24px;display:grid;position:fixed;inset:0}#gate[hidden]{display:none}.gate-card{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(460px,100%);display:flex}.gate-card .logo{filter:drop-shadow(0 12px 28px #000c)drop-shadow(0 0 34px #d3182a40);width:min(360px,70vw,48vh);height:auto}.gate-card .primary{min-width:220px}.gate-note{font:11px var(--mono);color:var(--muted);margin:0}.gate-title{font:400 30px/1 var(--display);text-transform:uppercase;margin:0}.gate-steps{text-align:left;gap:8px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.gate-steps li{background:#ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:9px 14px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.gate-steps .n{background:var(--red);width:24px;height:24px;font:400 14px/1 var(--display);color:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.gate-steps b{color:var(--gold);font-weight:400}.ios-glyph{vertical-align:-5px;fill:none;stroke:#0a84ff;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px;margin:0 2px;display:inline-block}@media (max-height:420px){.gate-card{gap:8px}.gate-steps{gap:5px;font-size:13px}.gate-steps li{padding:6px 12px}.gate-card .logo{width:min(240px,50vw,34vh)}}#rotate{display:none}@media (pointer:coarse) and (orientation:portrait){#rotate{z-index:20;text-align:center;background:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0}#rotate p{font:400 34px/1 var(--display);text-transform:uppercase;color:var(--paper);margin:18px 0 0}#rotate small{color:var(--muted)}#rotate .phone{border:3px solid var(--gold);border-radius:10px;width:56px;height:96px;animation:1.8s ease-in-out infinite turn}}@keyframes turn{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}#jumpscare{z-index:10;background:#4a0d10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#jumpscare canvas{filter:contrast(1.3)saturate(.7);width:115vh;height:115vh;animation:80ms 8 alternate scare}#jumpscare span{font:22px var(--mono);letter-spacing:2px;text-transform:uppercase;color:#f3d7c5;text-shadow:2px 2px #411b14;position:absolute;bottom:5vh}@keyframes scare{0%{transform:scale(1.03)rotate(-2deg)}to{transform:scale(1.15)rotate(2deg)}}body.reduced-motion .menu>.logo,body.reduced-motion .logo .runner,body.reduced-motion #jumpscare canvas{animation:none}body.reduced-motion .hud-flash.pop,body.reduced-motion .bump strong{animation-duration:10ms}@media (pointer:coarse){.hud-count{right:calc(max(clamp(14px, 4vmin, 28px), env(safe-area-inset-right)) + 62px)}.hud-time strong{font-size:clamp(20px,6vmin,26px)}.hud-burgers strong{font-size:clamp(28px,9vmin,40px)}.hud-burgers .burger-icon{width:clamp(22px,7vmin,30px);height:clamp(22px,7vmin,30px)}.hud-count strong{font-size:clamp(24px,7.5vmin,34px)}.hud-compass{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 26px)}.hud-bottom{bottom:max(14px, env(safe-area-inset-bottom))}.hud-bottom .ability{display:none}.hud-stamina{width:min(200px,30vw)}.hud-flash{font-size:24px}.controls-line{display:none}}@media (max-width:700px){.menu{left:50%;transform:translate(-50%,-50%)}.menu h2{font-size:58px}.logo-small .logo{width:160px}.menu.home .menu-actions,.record{margin-left:0}.setting-row{grid-template-columns:100px 1fr auto}}@media (max-height:560px){.logo-small{display:none}.menu>.logo{width:72%}.settings-content{min-height:0;max-height:52dvh}}#world,#film,#ui,#hud,#danger,#touch,#gate,#rotate,#jumpscare{width:var(--app-w,100vw);height:var(--app-h,100dvh);bottom:auto;right:auto}