@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rajdhani:wght@400;600;700&display=swap";*{box-sizing:border-box}html,body{color:#f2f2f2;background:#050505;width:100%;min-width:100%;height:100%;min-height:100%;margin:0;padding:0;font-family:Rajdhani,Segoe UI,sans-serif;overflow:hidden}#app{width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}canvas{width:100%;height:100%;display:block}.mobile-controls{opacity:0;pointer-events:none;z-index:5;touch-action:none;transition:opacity .2s;display:none;position:absolute;inset:0}.mobile-controls.is-visible{opacity:1}.mobile-controls__button,.mobile-controls__pause,.mobile-controls__pause-overlay{pointer-events:auto;touch-action:none}.mobile-controls__button{bottom:max(18px, env(safe-area-inset-bottom));color:#ffffffe6;letter-spacing:.22em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border:1px solid #fff3;border-radius:999px;width:74px;height:74px;font-family:Bebas Neue,Rajdhani,sans-serif;font-size:12px;position:absolute}.mobile-controls__button--left{left:max(16px, env(safe-area-inset-left))}.mobile-controls__button--right{right:max(16px, env(safe-area-inset-right))}.mobile-controls__button.is-pressed{background:#ffffff1f;border-color:#ffffff73}.mobile-controls__pause{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));color:#ffffffe6;letter-spacing:.2em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border:1px solid #ffffff4d;border-radius:999px;padding:8px 14px;font-family:Bebas Neue,Rajdhani,sans-serif;font-size:11px;position:absolute}.mobile-controls__pause-overlay{color:#f2f2f2;text-transform:uppercase;letter-spacing:.22em;opacity:0;pointer-events:none;background:#030303bf;border:none;place-items:center;gap:10px;font-family:Bebas Neue,Rajdhani,sans-serif;transition:opacity .2s;display:grid;position:absolute;inset:0}.mobile-controls.is-paused .mobile-controls__pause-overlay{opacity:1;pointer-events:auto}@media (width<=900px){.mobile-controls.is-visible{display:block}.hud__stamina-panel{bottom:120px}.hud__hint{display:none}}@media (width<=900px) and (orientation:landscape){.mobile-controls__button{width:64px;height:64px}.mobile-controls__pause{padding:8px 12px;font-size:11px}.hud__stamina-panel{bottom:96px}}.mobile-controls__pause-title{font-size:clamp(28px,7vw,56px)}.mobile-controls__pause-sub{letter-spacing:.18em;color:#ffffffb3;font-size:12px}.screen{opacity:0;pointer-events:none;background:radial-gradient(circle at top,#19191959,#000000d9);place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0}.screen--title{background-position:50%;background-repeat:no-repeat;background-size:cover}.howto{opacity:0;pointer-events:none;z-index:3;place-items:center;transition:opacity .35s;display:grid;position:absolute;inset:0}.howto.is-visible{opacity:1;pointer-events:auto}.howto__scrim{opacity:.9;background:radial-gradient(circle at 20% 20%,#ff503c1f,#0000 55%),radial-gradient(circle at 80% 70%,#ff28191f,#0000 60%),linear-gradient(#03030333 0%,#030303bf 100%);position:absolute;inset:0}.howto__panel{z-index:1;text-align:left;opacity:0;background:radial-gradient(circle at 12% 8%,#8c101038,#0000 55%),radial-gradient(circle at 85% 92%,#5a080c33,#0000 60%),linear-gradient(160deg,#0c0808f5,#030202fa);border:1px solid #ff463c59;border-radius:18px;gap:18px;width:min(92vw,640px);padding:clamp(26px,4.5vw,42px);transition:opacity .35s,transform .35s;display:grid;position:relative;transform:translateY(12px)scale(.98);box-shadow:0 28px 80px #000000bf,0 0 28px #ff28281f}.howto.is-visible .howto__panel{opacity:1;transform:translateY(0)scale(1)}.howto__title{letter-spacing:.2em;text-transform:uppercase;color:#ff3a2e;text-shadow:0 12px 30px #000000bf,0 0 18px #ff3c3259;font-family:Bebas Neue,Rajdhani,sans-serif;font-size:clamp(36px,6vw,54px)}.howto__list{color:#fff5f5e0;gap:10px;font-size:18px;display:grid}.howto__line{opacity:0;text-shadow:0 6px 18px #0009;padding-left:18px;line-height:1.5;position:relative;transform:translateY(8px)}.howto__line--mobile{display:none}.howto__line:before{content:"";background:#ff3a2e;border-radius:999px;width:6px;height:6px;position:absolute;top:.55em;left:0;box-shadow:0 0 12px #ff3c32b3}.howto.is-visible .howto__line{animation:.55s forwards howtoLine;animation-delay:var(--delay,0s)}@media (width<=900px){.howto__line--desktop{display:none}.howto__line--mobile{display:block}.howto__footer--desktop{display:none}.howto__footer--mobile{display:inline-flex}}@media (hover:none),(pointer:coarse){.howto__line--desktop{display:none}.howto__line--mobile{display:block}.howto__footer--desktop{display:none}.howto__footer--mobile{display:inline-flex}}.howto__key{text-transform:uppercase;letter-spacing:.14em;color:#ffe6e6f2;background:#0f060699;border:1px solid #ff786e80;border-radius:6px;justify-content:center;align-items:center;padding:3px 10px;font-size:13px;display:inline-flex}.howto__key--solid{color:#120607;background:#ff3a2e;border:none;box-shadow:0 0 18px #ff3c3259}.howto__footer{letter-spacing:.2em;text-transform:uppercase;color:#ffebebe6;background:#080404b8;border:1px solid #ff786e59;border-radius:999px;justify-self:center;align-items:center;gap:10px;padding:12px 20px;font-family:Bebas Neue,Rajdhani,sans-serif;display:inline-flex;box-shadow:0 0 22px #ff3c321f}.howto__footer--mobile{display:none}.screen--end.is-death{background:radial-gradient(circle,#5a080c59,#000000e6)}.screen--end.is-death .screen__panel{display:none}.screen--end.is-win{background:radial-gradient(circle at 20% 20%,#ffaa5a33,#0000 45%),radial-gradient(circle at 80% 80%,#ff5a3c33,#0000 55%),radial-gradient(circle,#080302bf,#000000f2)}.screen--end.is-win .screen__panel,.screen--end.is-win .screen__death-shell{display:none}.screen__death-shell{z-index:1;text-align:center;width:min(92vw,680px);display:none;position:relative}.screen--end.is-death .screen__death-shell{place-items:center;gap:clamp(52px,9vh,120px);display:grid}.screen__win-shell{z-index:1;text-align:center;background:#060202db;border:1px solid #ff966e2e;border-radius:18px;width:min(88vw,720px);padding:clamp(18px,4vh,38px) clamp(18px,6vw,48px);display:none;position:relative;box-shadow:0 30px 80px #000000b3,0 0 26px #ff966e1f}.screen--end.is-win .screen__win-shell{place-items:center;gap:clamp(20px,4vh,44px);display:grid}.screen__win-title{letter-spacing:.22em;text-transform:uppercase;color:#ffd38a;text-shadow:0 16px 40px #000000b3,0 0 30px #ffa05a59;font-family:Bebas Neue,Rajdhani,sans-serif;font-size:clamp(68px,14vw,180px);animation:3.6s ease-in-out infinite winGlow}.screen__win-credits{letter-spacing:.18em;text-transform:uppercase;color:#ffebdccc;gap:8px;font-size:14px;display:grid}.screen__win-credit{text-shadow:0 8px 22px #0000008c}.screen__win-actions{margin-top:clamp(6px,2vh,16px)}.screen--end.is-win .screen__actions{flex-wrap:wrap;justify-content:center;gap:24px}.screen--end.is-death .screen__eyebrow,.screen--end.is-death .screen__title,.screen--end.is-death .screen__subtitle,.screen--end.is-death .screen__divider{display:none}.screen--end.is-death .screen__actions{justify-content:center;gap:24px;margin-top:0}.screen--end.is-death .screen__hint{letter-spacing:.18em;text-transform:uppercase;color:#f3e7e7b3;margin-top:0;font-family:Bebas Neue,Rajdhani,sans-serif;display:block}.screen__death-actions{justify-items:center;gap:18px;display:grid}.screen--end.is-death .screen__button{letter-spacing:.2em;text-transform:uppercase;color:#f3e7e7;background:#14060899;border:1px solid #b3121cb3;border-radius:999px;padding:12px 26px;font-family:Bebas Neue,Rajdhani,sans-serif}.screen--end.is-death .screen__button:hover{background:#b3121c33;border-color:#ff5050b3}.screen--end.is-death .screen__button--primary{color:#120607;background:#b3121c;border:none}.screen--end.is-death .screen__button--primary:hover{background:#d21d29}.screen__death{letter-spacing:.22em;text-transform:uppercase;color:#b3121c;text-shadow:0 14px 30px #000000a6,0 0 24px #8c0a0fa6;opacity:0;pointer-events:none;font-family:Bebas Neue,Rajdhani,sans-serif;font-size:clamp(72px,15vw,190px);position:relative;transform:scale(1.05)}.screen--end.is-death .screen__death{opacity:1;animation:1.1s forwards deathReveal}.title__scrim{background:linear-gradient(#00000014 0%,#00000052 55%,#0009 100%);position:absolute;inset:0}.title__pulse{opacity:0;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle at 22% 18%,#ff463659,#ff3c2800 55%),radial-gradient(circle at 78% 68%,#ff1e1440,#ff1e1400 60%);animation:9s ease-in-out infinite titlePulse;position:absolute;inset:-12% 0 0}.title__fade{opacity:0;pointer-events:none;z-index:2;background:#050505;transition:opacity .85s;position:absolute;inset:0}.screen--title.is-fading{pointer-events:none}.screen--title.is-fading .title__fade{opacity:.92}.title__content{z-index:1;text-align:center;align-self:center;gap:36px;width:min(90vw,720px);margin-top:52px;padding:24px;display:grid;position:relative}@keyframes titlePulse{0%,52%{opacity:0;transform:scale(1)}60%{opacity:.45;transform:scale(1.02)}72%{opacity:.16;transform:scale(1.01)}to{opacity:0;transform:scale(1)}}@keyframes howtoLine{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes winGlow{0%,to{text-shadow:0 16px 40px #000000b3,0 0 28px #ffa05a4d;transform:translateY(0)}50%{text-shadow:0 18px 46px #000000bf,0 0 40px #ffbe7873;transform:translateY(-4px)}}@keyframes deathReveal{0%{opacity:0;letter-spacing:.3em;filter:blur(6px);transform:scale(1.12)}45%{opacity:1;letter-spacing:.22em;filter:blur();transform:scale(1)}to{opacity:.95;letter-spacing:.22em;transform:scale(1)}}@keyframes titleBuzz{0%,30%,65%,to{text-shadow:0 12px 30px #0009;opacity:1;transform:translate(0,0)}32%{text-shadow:0 10px 28px #00000080,-4px 0 14px #ff5a4a59;transform:translate(1.5px,-1.5px)}34%{text-shadow:0 12px 30px #0009,4px 0 18px #ff5a4a66;transform:translate(-1.5px,1.5px)}68%{text-shadow:0 14px 34px #0000008c,-6px 0 18px #ff5a4a73;transform:translate(2.5px)}70%{text-shadow:0 10px 26px #00000080,6px 0 20px #ff5a4a80;transform:translate(-2.5px)}72%{transform:translate(0,0)}}@keyframes titleBuzzGhost{0%,30%,65%,to{opacity:0;transform:translate(0,0)}32%{opacity:.6;transform:translate(5px,-2px)}34%{opacity:.3;transform:translate(-5px,2px)}68%{opacity:.5;transform:translate(-7px)}70%{opacity:.4;transform:translate(7px)}72%{opacity:0;transform:translate(0,0)}}.title__title{letter-spacing:.08em;text-transform:uppercase;color:#ff3a2e;text-shadow:0 12px 30px #0009,0 0 24px #ff3a2e59;will-change:transform, text-shadow, opacity;font-family:Bebas Neue,Rajdhani,sans-serif;font-size:clamp(64px,12vw,112px);animation:7.5s infinite titleBuzz;position:relative}.title__title:after{content:attr(data-text);color:#ff503cbf;text-shadow:0 0 18px #ff5a4a8c;opacity:0;mix-blend-mode:screen;pointer-events:none;animation:7.5s infinite titleBuzzGhost;position:absolute;inset:0}.title__menu{justify-items:center;gap:12px;display:grid}.title__button{color:#fff;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:999px;justify-content:center;align-items:center;width:auto;padding:18px 34px;font-size:20px;text-decoration:none;transition:color .2s,transform .2s,text-shadow .2s;display:inline-flex}.title__button:hover{color:#ff2a2a;text-shadow:0 0 18px #ff2a2a8c;border-color:#ff2a2ab3;transform:translateY(-1px)}.title__button--primary{font-weight:700}.title__button--primary:hover{color:#ff2a2a}.title__how{color:#ffffffbf;opacity:0;background:#00000073;border:1px solid #ffffff14;border-radius:12px;gap:8px;max-height:0;padding:14px 16px;font-size:13px;transition:opacity .25s,max-height .25s;display:grid;overflow:hidden}.title__how.is-visible{opacity:1;max-height:160px}.title__how span{color:#ff554a;min-width:72px;font-weight:600;display:inline-block}.title__credit{color:#ffffff8c;margin-top:10px;font-size:14px}.title__credit a{color:#ff554a;text-decoration:none}.screen.is-visible{opacity:1;pointer-events:auto}.screen__panel{z-index:1;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060606e6;border:1px solid #ffffff14;border-radius:12px;width:min(90vw,460px);max-width:460px;padding:32px 36px;position:relative;box-shadow:0 20px 60px #0009}.screen__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#fff9;margin-bottom:10px;font-size:11px}.screen__title{margin-bottom:6px;font-size:32px;font-weight:600}.screen__subtitle{color:#ffffffb3;margin-bottom:18px;font-size:14px}.screen__divider{background:#ffffff14;width:100%;height:1px;margin:16px 0}.screen__controls{color:#ffffffb3;gap:6px;font-size:13px;display:grid}.screen__key{border:1px solid #ffffff40;border-radius:6px;margin:0 4px;padding:2px 6px;font-size:12px;display:inline-block}.screen__actions{gap:10px;margin-top:18px;display:flex}.screen__button{color:#f2f2f2;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:999px;padding:10px 18px;text-decoration:none;transition:background .2s,border .2s}.screen__button:hover{background:#ffffff1f;border-color:#ffffff80}.screen__button--primary{color:#050505;background:#f2f2f2;border:none}.screen__button--primary:hover{background:#fff}.screen__hint{color:#ffffff80;margin-top:12px;font-size:12px}.hud{color:#ffffffe6;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;background:#00000073;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:12px;transition:opacity .3s;position:absolute;top:18px;left:18px}.hud.is-visible{opacity:1}.hud__hint{color:#ffffffd1;letter-spacing:.14em;text-transform:uppercase;opacity:0;pointer-events:none;background:#00000073;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:11px;transition:opacity .3s;position:absolute;top:18px;right:18px}.hud__hint.is-visible{opacity:1}.hud__distance{font-weight:600}.hud__stamina-panel{opacity:0;pointer-events:none;background:#00000080;border:1px solid #ffffff14;border-radius:12px;gap:8px;padding:10px 16px;transition:opacity .3s;display:grid;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.hud__stamina-panel.is-visible{opacity:1}.hud__stamina-label{letter-spacing:.18em;text-transform:uppercase;color:#ffffffb3;text-align:center;font-size:11px}.hud__stamina{background:#ffffff14;border-radius:999px;width:260px;height:13px;overflow:hidden}.hud__stamina-fill{transform-origin:0;background:linear-gradient(90deg,#32d874 0%,#9dffc2 100%);width:100%;height:100%;transition:transform .12s;transform:scaleX(1)}.hud__stamina-panel.is-tripped .hud__stamina-fill{background:linear-gradient(90deg,#2ba65a 0%,#7ad99a 100%)}.hud__stamina-panel.is-low{border-color:#3affa073;box-shadow:0 0 16px #3affa038}.hud__stamina-panel.is-low .hud__stamina-fill{filter:saturate(1.25);animation:.7s ease-in-out infinite staminaLowPulse}.hud__stamina-panel.is-critical{border-color:#ff5858d9;box-shadow:0 0 22px #ff50508c}.hud__stamina-panel.is-critical .hud__stamina-fill{filter:saturate(1.2)brightness(1.08);background:linear-gradient(90deg,#ff4d4d 0%,#ffb3b3 100%);animation:.35s ease-in-out infinite staminaCriticalPulse}.hud__prompt{color:#fffffff2;letter-spacing:.2em;text-transform:uppercase;opacity:0;pointer-events:none;background:#0000008c;border:1px solid #fff3;border-radius:999px;padding:10px 18px;font-size:16px;transition:opacity .3s,transform .3s;position:absolute;top:46px;left:50%;transform:translate(-50%)}.hud__prompt.is-visible{opacity:1;transform:translate(-50%)translateY(0)}@keyframes staminaLowPulse{0%{opacity:.85;box-shadow:0 0 8px #3affa040}50%{opacity:1;box-shadow:0 0 18px #3affa080}to{opacity:.88;box-shadow:0 0 10px #3affa047}}@keyframes staminaCriticalPulse{0%{opacity:.75;box-shadow:0 0 10px #ff5a5a59}50%{opacity:1;box-shadow:0 0 26px #ff5050b3}to{opacity:.78;box-shadow:0 0 12px #ff5a5a6b}}@media (width<=600px){.mobile-controls__button{width:78px;height:78px}.mobile-controls__pause{padding:10px 16px;font-size:12px}.screen__win-title{letter-spacing:.16em;font-size:clamp(52px,16vw,120px)}.screen__win-credits{letter-spacing:.14em;font-size:12px}.howto__panel{padding:24px 22px}.howto__list{font-size:16px}.howto__footer{letter-spacing:.14em}.screen__panel{padding:26px 22px}.screen__title{font-size:26px}}