*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:grid;place-items:center;overflow:hidden;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--night);color:var(--ink);font-family:var(--font);touch-action:none;-webkit-user-select:none;user-select:none}.stage{position:relative;overflow:hidden;background:var(--sky-top);font-size:calc(var(--k,4) * 3.2px);touch-action:none}.world{position:absolute;left:0;top:0;overflow:hidden;transform:scale(var(--kx,4),var(--ky,4));transform-origin:0 0}body.is-stretched{background:linear-gradient(var(--sky-top) 0 50%,var(--night) 50% 100%)}.world img,.hills{image-rendering:pixelated}.ground{position:absolute;left:0;right:0;top:var(--horizon);bottom:0;background:var(--ground)}.sky{position:absolute;left:0;top:0;display:block}.hills{position:absolute;left:0;right:0;background-repeat:repeat-x}.layer{position:absolute;left:0;top:0;width:100%;height:100%}.grass-a{fill:var(--grass-a)}.grass-b{fill:var(--grass-b)}.rumble-a{fill:var(--rumble-a)}.rumble-b{fill:var(--rumble-b)}.tar-a{fill:var(--tar-a)}.tar-b{fill:var(--tar-b)}.line{fill:var(--line)}.hole-rim{fill:var(--hole-rim)}.hole-wall{fill:var(--hole-wall)}.hole-pit{fill:var(--hole-pit)}.sprites{z-index:0}.sprites img{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}.cockpit{position:absolute;left:0}.cockpit img{position:absolute;left:0;top:0;display:block}.cockpit.is-blinking{opacity:0.35}.hud{pointer-events:none}.hud .ink{fill:var(--ink)}.hud .shadow{fill:var(--night)}.hud .needle{fill:var(--red)}.hud .heart .ink{fill:var(--red)}.hud .heart.is-off .ink{fill:var(--blue)}.hud .fuel-frame{fill:var(--night)}.hud .fuel-bar{fill:var(--yellow)}.hud .is-low .fuel-bar{fill:var(--red);animation:blink 0.4s steps(2,jump-none) infinite}.hud.is-quiet .label,.hud.is-quiet #hud-fuel,.hud.is-quiet #hud-hearts{visibility:hidden}.hud .toast{opacity:0}.hud .toast.is-on{animation:toast 1.1s steps(8) forwards}.hud .toast[data-tone="good"] .ink{fill:var(--yellow)}.hud .toast[data-tone="bad"] .ink{fill:var(--red)}@keyframes blink{from{opacity:1}to{opacity:0.2}}@keyframes toast{0%{opacity:1;transform:translateY(2px)}15%{opacity:1;transform:translateY(0)}70%{opacity:1}100%{opacity:0}}.flash{position:absolute;inset:0;background:var(--red);opacity:0;pointer-events:none}.flash.is-on{animation:flash 0.3s steps(3)}.stage.is-shaking{animation:shake 0.3s steps(6)}@keyframes flash{from{opacity:0.45}to{opacity:0}}@keyframes shake{0%,100%{translate:0 0}25%{translate:calc(var(--kx) * -2px) calc(var(--ky) * 1px)}50%{translate:calc(var(--kx) * 2px) calc(var(--ky) * -1px)}75%{translate:calc(var(--kx) * -1px) 0}}.hint{position:absolute;left:0;right:0;top:30%;text-align:center;font-size:0.75em;pointer-events:none;transition:opacity 0.4s steps(4)}.hint span{display:inline-block;padding:0.4em 0.8em;background:var(--night);border:0.2em solid var(--hair)}.hint.is-hidden{opacity:0}.sound,.quit{position:absolute;padding:0;border:0;background:none;cursor:pointer}.sound{left:50%;top:calc(var(--ky) * 3px);translate:-50% 0;width:calc(var(--kx) * 12px);height:calc(var(--ky) * 8px)}.sound::after,.quit::after{content:'';position:absolute;inset:calc(var(--ky) * -3px) calc(var(--kx) * -4px)}.sound svg,.quit svg{display:block;width:100%;height:100%}.sound .ink,.quit .ink{fill:var(--ink)}.sound .shadow,.quit .shadow{fill:var(--night)}.sound.is-muted .ink{fill:var(--ink-2)}.sound:focus-visible,.quit:focus-visible{outline:0.2em solid var(--yellow);outline-offset:0.2em}.quit{display:none;right:calc(var(--kx) * 3px);top:calc(var(--ky) * 22px);width:calc(var(--kx) * 8px);height:calc(var(--ky) * 8px)}html[data-display="standalone"] .quit{display:block}.chip{position:absolute;left:50%;top:38%;translate:-50% 0;padding:0.6em 1em;background:var(--night);border:0.25em solid var(--ink);font-size:0.85em;white-space:nowrap;text-transform:uppercase}.chip[hidden],.fatal[hidden]{display:none}.fatal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:1.5em;background:var(--night);color:var(--ink);text-align:center;line-height:1.5}.fatal b{display:block;color:var(--red);text-transform:uppercase}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:1.2em;background:rgba(21,19,31,0.74);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.2s steps(4),visibility 0s 0.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.panel{width:100%;padding:1.5em 1.1em 1.3em;background:var(--panel);border:0.3em solid var(--ink);box-shadow:0.4em 0.4em 0 var(--night);text-align:center}.panel p{margin:0}.eyebrow{display:block;font-size:0.75em;letter-spacing:0.12em;text-transform:uppercase;color:var(--yellow)}.title{margin:0.25em 0 0.35em;font-size:2.7em;line-height:1;text-transform:uppercase;text-shadow:0.08em 0.08em 0 var(--blue)}.title em{font-style:normal;color:var(--yellow)}.dek{font-size:0.8em;line-height:1.5;color:var(--ink-2)}.dek b{color:var(--ink)}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:0.3em;margin:1.3em 0 0.3em;font-size:0.55em;line-height:1.3}.legend>div{flex:0 0 calc((100% - 1.2em) / 5)}.legend img{display:block;height:3.4em;margin:0 auto 0.5em;image-rendering:pixelated}.legend b,.legend span{display:block}.legend span{color:var(--ink-2)}.peck{display:block;margin:0 auto;padding:0;border:0;font:inherit;background:none;cursor:default;-webkit-tap-highlight-color:transparent}.peck:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.peck.is-hop img{animation:hop 0.3s steps(3)}@keyframes hop{50%{transform:translateY(-30%)}}.acts{display:flex;justify-content:center;gap:0.7em;margin:1.2em 0 1em}.btn{padding:0.7em 1.3em;border:0;background:var(--yellow);box-shadow:0 0.3em 0 var(--yellow-deep);color:var(--night);font:inherit;font-weight:700;text-transform:uppercase;cursor:pointer}.btn:active{translate:0 0.3em;box-shadow:none}.btn:focus-visible{outline:0.2em solid var(--ink);outline-offset:0.2em}.btn--quiet{background:var(--hair);box-shadow:0 0.3em 0 var(--night);color:var(--ink)}.keys,.best{font-size:0.68em;line-height:1.6;color:var(--ink-2)}.promo{--promo-s:0.5em;--promo-m:0.8em;--promo-l:1.3em;--promo-xl:2.1em;position:fixed;z-index:5;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:var(--promo-l);width:var(--promo-w,26em);padding:var(--promo-l);background:var(--promo-bg,var(--panel));border:0.3em solid var(--promo-line,var(--ink));box-shadow:0.4em 0.4em 0 var(--night);color:var(--ink);font-size:calc(var(--k,4) * 3.2px);text-align:left;touch-action:auto}.promo--side{left:calc(50% + var(--stage-w,0px) / 2 + var(--promo-gap,1.6em));top:50%;translate:0 -50%;animation:promo-side 0.3s steps(5)}.promo--bottom{left:50%;bottom:calc(var(--safe-bottom) + var(--promo-rise,0.7em));translate:-50% 0;width:min(var(--promo-w-bottom,26em),100vw - 1.6em);animation:promo-up 0.3s steps(5)}@keyframes promo-side{from{transform:translateX(120%)}to{transform:none}}@keyframes promo-up{from{transform:translateY(130%)}to{transform:none}}.promo__close{position:absolute;top:0;right:0;width:1.8em;height:1.8em;padding:0;border:0;background:none;color:var(--ink-2);font:inherit;font-size:1.1em;cursor:pointer}.promo__close:hover,.promo__close:focus-visible{color:var(--ink);outline:none}.promo__side{display:grid;justify-items:center;gap:var(--promo-m)}.promo__word{display:block;width:var(--promo-word,7.1em);height:auto;color:#E8E7D9}.promo__rule{width:0.1em;align-self:stretch;background:var(--hair)}.promo__title{margin:0;justify-self:center;font-size:1.05em;font-weight:800;line-height:1.1;white-space:nowrap;text-transform:uppercase;text-shadow:0.06em 0.06em 0 var(--blue)}.promo__title em{font-style:normal;color:var(--promo-accent,var(--yellow))}.promo .btn{font-size:0.75em;white-space:nowrap;text-decoration:none}.panel .best{margin-top:0.9em;text-transform:uppercase;letter-spacing:0.1em}.best b{color:var(--yellow)}kbd{padding:0 0.35em;border:1px solid var(--hair);font:inherit;color:var(--ink)}.score-big{margin:0.1em 0 0.25em;font-size:4.2em;font-weight:800;line-height:1;color:var(--yellow);text-shadow:0.06em 0.06em 0 var(--blue)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0.8em 0.5em}.stat small{display:block;font-size:0.65em;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-2)}.stat b{font-size:1.15em}.stat.is-record b{color:var(--yellow)}.secret{margin:0.8em 0 0;font-size:0.65em;letter-spacing:0.1em;text-transform:uppercase;color:var(--yellow)}.stage .for-touch{display:none}@media (hover:none) and (pointer:coarse){.stage .for-keys{display:none}.stage p.for-touch{display:block}.stage span.for-touch{display:inline-block}}.stage.is-still,.stage.is-still *{transition:none !important;animation:none !important}@media (prefers-reduced-motion:reduce){.stage.is-shaking,.flash.is-on{animation:none}}