.skit{position:fixed;inset:0;z-index:30;overflow:hidden;background:var(--sk-sky);cursor:pointer;--sk-px:clamp(5px,1.5vh,20px);--sk-ground:26%;--sk-step:320ms;opacity:1;transition:opacity var(--sk-fade) steps(4);--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-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:8vw 12vh 0 #e8e8ee,17vw 6vh 0 #b9c0d8,26vw 18vh 0 #e8e8ee,33vw 9vh 0 #9aa4c0,41vw 15vh 0 #e8e8ee,49vw 5vh 0 #b9c0d8,57vw 20vh 0 #e8e8ee,64vw 11vh 0 #9aa4c0,71vw 7vh 0 #e8e8ee,79vw 17vh 0 #b9c0d8,86vw 10vh 0 #e8e8ee,93vw 14vh 0 #9aa4c0,12vw 24vh 0 #9aa4c0,38vw 27vh 0 #b9c0d8,68vw 25vh 0 #9aa4c0,89vw 30vh 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}}.skit-extra .sk-f0{animation:sk-frame-0 var(--sk-extra-step) step-end infinite}.skit-extra .sk-f1{animation:sk-frame-1 var(--sk-extra-step) step-end infinite}.skit-actor{position:absolute;bottom:var(--sk-ground);font-size:var(--sk-px);left:var(--at)}.skit-actor[data-lane=back]{--sk-px:clamp(3px,0.9vh,12px);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)}@keyframes sk-arrive{0%{transform:translateX(-70vw)}to{transform:translateX(0)}}@keyframes sk-leave{0%{transform:translateX(0)}to{transform:translateX(85vw)}}.skit[data-phase=arrive] .skit-lead,.skit[data-phase=speak] .skit-lead{animation:sk-arrive var(--sk-arrive) linear forwards}.skit[data-phase=done] .skit-lead,.skit[data-phase=leave] .skit-lead{animation:sk-leave var(--sk-leave) linear forwards}.skit[data-phase=arrive] .skit-lead .sk-f0,.skit[data-phase=leave] .skit-lead .sk-f0{animation:sk-frame-0 var(--sk-step) step-end infinite}.skit[data-phase=arrive] .skit-lead .sk-f1,.skit[data-phase=leave] .skit-lead .sk-f1{animation:sk-frame-1 var(--sk-step) step-end infinite}.skit-bubble{bottom:calc(100% + 1.5em);transform:translateX(-50%);width:max-content;max-width:min(74vw,26rem);border:3px solid var(--accent);box-shadow:var(--pixel-shadow);color:var(--ink);font-family:var(--font-body);font-size:1.05rem;line-height:1.25;padding:.6rem .8rem;text-align:center;opacity:0;transition:opacity var(--sk-bubble-in) steps(3)}.skit-bubble,.skit-bubble:after{position:absolute;left:50%;background:var(--card)}.skit-bubble:after{content:"";bottom:-.75rem;margin-left:-.375rem;width:.75rem;height:.75rem;border-right:3px solid var(--accent);border-bottom:3px solid var(--accent)}.skit[data-phase=speak] .skit-bubble{opacity:1}.skit[data-phase=done] .skit-bubble,.skit[data-phase=leave] .skit-bubble{opacity:0;transition-duration:var(--sk-bubble-out)}.skit[data-phase=done]{opacity:0;pointer-events:none}.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}@media (prefers-reduced-motion:reduce){.skit-extra .sk-f0,.skit-extra .sk-f1,.skit-lead,.skit-sprite i{animation:none!important}.skit-bubble{transition:none!important}.skit{transition-duration:1ms}}