.skit{position:fixed;inset:0;z-index:30;overflow:hidden;background:var(--sk-sky);cursor:pointer;--sk-vw:1vw;--sk-vh:1vh;--sk-rem:1rem;--sk-px:clamp(5px,calc(var(--sk-vh) * 1.5),20px);--sk-back-px:calc(var(--sk-px) * 0.6);--sk-ground:26%;--sk-step-n:320;--sk-step:calc(var(--sk-step-n) * 1ms);--sk-walk-in:calc(var(--sk-speak-at-n) / var(--sk-step-n));--sk-walk-out:calc(var(--sk-walk-out-n) / var(--sk-step-n));--sk-t:0ms;animation:sk-fade var(--sk-fade) steps(4) calc(var(--sk-total) - var(--sk-t)) forwards;--sk-far:color-mix(in srgb,var(--sk-far-hue),var(--sk-tint) var(--sk-tint-amount));--sk-mid:color-mix(in srgb,var(--sk-mid-hue),var(--sk-tint) var(--sk-tint-amount));--sk-ground-colour:color-mix(in srgb,var(--sk-ground-hue),var(--sk-tint) var(--sk-tint-amount));--sk-ground-edge:color-mix(in srgb,var(--sk-ground-colour),#000 28%);--sk-water:color-mix(in srgb,var(--sk-sky),var(--sk-far) 35%)}.skit-box{position:relative;width:100%;height:100%;overflow:hidden;container-type:size}.skit[data-boxed]{position:absolute;z-index:auto;--sk-vw:1cqw;--sk-vh:1cqh;--sk-px:max(1px,round(down,calc(var(--sk-vh) * 1.5),1px));--sk-rem:calc(var(--sk-px) * 1.6)}.skit[data-passive]{cursor:inherit}@keyframes sk-fade{99%,to{opacity:0}}@keyframes sk-fade-now{99%,to{opacity:0}}.skit[data-skipped]{animation:sk-fade-now var(--sk-fade) steps(4) forwards}.skit[data-phase=done]{pointer-events:none}.skit-celestial{position:absolute;width:3em;height:3em;font-size:var(--sk-px);background:var(--sk-celestial);left:var(--sk-celestial-x);bottom:var(--sk-celestial-y)}.skit-stars{position:absolute;top:0;left:0;width:2px;height:2px;opacity:var(--sk-star-opacity);box-shadow:calc(var(--sk-vw) * 8) calc(var(--sk-vh) * 12) 0 #e8e8ee,calc(var(--sk-vw) * 17) calc(var(--sk-vh) * 6) 0 #b9c0d8,calc(var(--sk-vw) * 26) calc(var(--sk-vh) * 18) 0 #e8e8ee,calc(var(--sk-vw) * 33) calc(var(--sk-vh) * 9) 0 #9aa4c0,calc(var(--sk-vw) * 41) calc(var(--sk-vh) * 15) 0 #e8e8ee,calc(var(--sk-vw) * 49) calc(var(--sk-vh) * 5) 0 #b9c0d8,calc(var(--sk-vw) * 57) calc(var(--sk-vh) * 20) 0 #e8e8ee,calc(var(--sk-vw) * 64) calc(var(--sk-vh) * 11) 0 #9aa4c0,calc(var(--sk-vw) * 71) calc(var(--sk-vh) * 7) 0 #e8e8ee,calc(var(--sk-vw) * 79) calc(var(--sk-vh) * 17) 0 #b9c0d8,calc(var(--sk-vw) * 86) calc(var(--sk-vh) * 10) 0 #e8e8ee,calc(var(--sk-vw) * 93) calc(var(--sk-vh) * 14) 0 #9aa4c0,calc(var(--sk-vw) * 12) calc(var(--sk-vh) * 24) 0 #9aa4c0,calc(var(--sk-vw) * 38) calc(var(--sk-vh) * 27) 0 #b9c0d8,calc(var(--sk-vw) * 68) calc(var(--sk-vh) * 25) 0 #9aa4c0,calc(var(--sk-vw) * 89) calc(var(--sk-vh) * 30) 0 #b9c0d8}.skit-ground{position:absolute;inset:auto 0 0 0;height:var(--sk-ground);background:var(--sk-ground-colour);border-top:calc(var(--sk-px) * 1) solid var(--sk-ground-edge)}.skit-water{height:calc(var(--sk-water-rows) * 1em);background:var(--sk-water)}.skit-layer,.skit-water{position:absolute;left:0;right:0;bottom:var(--sk-ground);font-size:var(--sk-px)}.skit-layer{height:0}.skit-layer b{position:absolute;bottom:0;display:block;left:calc(var(--x) * 1em);width:calc(var(--w) * 1em);height:calc(var(--h) * 1em)}.skit-far b{background:var(--sk-far)}.skit-mid b{background:var(--sk-mid)}.skit-sprite{position:relative;display:block;font-size:var(--sk-px);width:calc(var(--sw) * 1em);height:calc(var(--sh) * 1em);image-rendering:pixelated}.skit-sprite i{position:absolute;top:0;left:0;width:1em;height:1em;box-shadow:var(--frame)}.skit-sprite i.sk-f1{opacity:0}@keyframes sk-frame-0{0%,49.99%{opacity:1}50%,to{opacity:0}}@keyframes sk-frame-1{0%,49.99%{opacity:0}50%,to{opacity:1}}@keyframes sk-walk-off-0{0%,49.99%{opacity:1}50%,to{opacity:0}}@keyframes sk-walk-off-1{0%,49.99%{opacity:0}50%,to{opacity:1}}.skit-extra .sk-f0{animation:sk-frame-0 var(--sk-extra-step) step-end calc(0s - var(--sk-t)) infinite}.skit-extra .sk-f1{animation:sk-frame-1 var(--sk-extra-step) step-end calc(0s - var(--sk-t)) infinite}.skit-actor{position:absolute;bottom:var(--sk-ground);font-size:var(--sk-px);left:var(--at)}.skit-actor[data-lane=back]{--sk-px:var(--sk-back-px);opacity:.55}.skit-actor[data-lane=sky]{bottom:auto;top:var(--sk-sky-top);opacity:.8}.skit-lead{position:absolute;bottom:var(--sk-ground);left:50%;font-size:var(--sk-px);margin-left:calc(var(--sw) * -.5em);animation:sk-arrive var(--sk-arrive) linear calc(0s - var(--sk-t)) both,sk-leave var(--sk-leave) linear calc(var(--sk-leave-at) - var(--sk-t)) forwards}@keyframes sk-arrive{0%{transform:translateX(calc(var(--sk-vw) * -70))}to{transform:translateX(0)}}@keyframes sk-leave{0%{transform:translateX(0)}to{transform:translateX(calc(var(--sk-vw) * 85))}}.skit-lead .sk-f0{animation-name:sk-frame-0,sk-walk-off-0;animation-duration:var(--sk-step);animation-timing-function:step-end;animation-delay:calc(0s - var(--sk-t)),calc(var(--sk-leave-at) - var(--sk-t));animation-iteration-count:var(--sk-walk-in),var(--sk-walk-out)}.skit-lead .sk-f1{animation-name:sk-frame-1,sk-walk-off-1;animation-duration:var(--sk-step);animation-timing-function:step-end;animation-delay:calc(0s - var(--sk-t)),calc(var(--sk-leave-at) - var(--sk-t));animation-iteration-count:var(--sk-walk-in),var(--sk-walk-out)}.skit-bubble{position:absolute;bottom:calc(100% + 1.5em);left:50%;transform:translateX(-50%);width:max-content;max-width:min(calc(var(--sk-vw) * 74),calc(var(--sk-rem) * 26));background:var(--card);border:3px solid var(--accent);box-shadow:var(--pixel-shadow);color:var(--ink);font-family:var(--font-body);font-size:calc(var(--sk-rem) * 1.05);line-height:1.25;padding:calc(var(--sk-rem) * .6) calc(var(--sk-rem) * .8);text-align:center;opacity:0;animation:sk-bubble-in var(--sk-bubble-in) steps(3) calc(var(--sk-speak-at) - var(--sk-t)) both,sk-bubble-out var(--sk-bubble-out) steps(3) calc(var(--sk-leave-at) - var(--sk-t)) forwards}@keyframes sk-bubble-in{0%{opacity:0}99%,to{opacity:1}}@keyframes sk-bubble-out{0%{opacity:1}99%,to{opacity:0}}.skit-bubble:after{content:"";position:absolute;left:50%;bottom:calc(var(--sk-rem) * -.75);margin-left:calc(var(--sk-rem) * -.375);width:calc(var(--sk-rem) * .75);height:calc(var(--sk-rem) * .75);background:var(--card);border-right:3px solid var(--accent);border-bottom:3px solid var(--accent)}.skit-skip{position:absolute;left:0;right:0;bottom:1rem;margin:0;text-align:center;font-family:var(--font-body);font-size:.9rem;color:var(--ink);opacity:.55;text-shadow:2px 2px 0 #101014}.skit[data-seek],.skit[data-seek] *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.skit,.skit-bubble,.skit-lead,.skit-sprite i{animation:none!important}.skit-bubble{opacity:1}.skit[data-phase=done]{opacity:0}}