@layer components{.s-lost.s-sheet{height:100dvh;min-height:560px}.s-lost .s-frame{grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}.s-lost .s-frame>.s-title{pointer-events:none}.s-lost.s-home .s-frame>.s-site-ctl{margin-inline-end:var(--s-title-x)}.s-kt-board{--s-fade:linear-gradient(to bottom, #00000059 0, #0006 90px, #000 170px);grid-area:1/1/3;min-height:0;position:relative;overflow:hidden}.s-kt-board>svg{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;-webkit-mask-image:var(--s-fade);-webkit-mask-image:var(--s-fade);mask-image:var(--s-fade);display:block;position:absolute;inset:0}.s-kt-board[data-phase=tracing]>svg{cursor:none}.s-kt-band{fill:none;stroke:color-mix(in oklab, var(--kl-cobalt) 11%, transparent);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke .24s var(--kl-ease-out)}.s-kt-line{fill:none;stroke:var(--kl-cobalt);stroke-width:2px;stroke-dasharray:7 5;vector-effect:non-scaling-stroke}.s-kt-trail{fill:none;stroke:var(--kl-cobalt);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.s-kt-hand{fill:var(--kl-cobalt);stroke:var(--kl-paper);stroke-width:2px;vector-effect:non-scaling-stroke;pointer-events:none}.s-kt-start text,.s-kt-goal text{font-family:var(--kl-font-mono);fill:var(--kl-ink);paint-order:stroke;stroke:var(--kl-paper);stroke-width:5px;stroke-linejoin:round;font-size:13px;font-weight:700}.s-kt-goal>rect{fill:var(--kl-paper);stroke:var(--kl-line);stroke-width:3px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%}.s-kt-call{fill:none;stroke:var(--kl-cobalt);stroke-width:2px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;animation:s-kt-call 1.6s var(--kl-ease-out) infinite}.s-kt-call[data-nudge]{animation:s-kt-call .52s var(--kl-ease-out) 3;stroke-width:3px}@keyframes s-kt-call{0%{opacity:.9;transform:scale(.55)}to{opacity:0;transform:scale(1.6)}}.s-kt-board[data-phase=won] .s-kt-band{stroke:color-mix(in oklab, var(--kl-cobalt) 24%, transparent)}.s-kt-board[data-phase=won] .s-kt-goal>rect{fill:var(--kl-cobalt);animation:s-kt-land .42s var(--kl-ease-out) both}@keyframes s-kt-land{0%{transform:scale(1.7)}to{transform:scale(1)}}.s-kt-board[data-phase=lost] .s-kt-band{stroke:color-mix(in oklab, var(--kl-ink) 6%, transparent)}.s-kt-board[data-phase=lost] .s-kt-trail{stroke:var(--kl-red)}.s-kt-miss>path{fill:none;stroke:var(--kl-red);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.s-kt-miss>path:first-child{stroke-dasharray:3 4}.s-kt-plate{z-index:3;box-sizing:border-box;border:var(--kl-k3) solid var(--kl-line);background:var(--kl-paper);width:min(440px,100% - 32px);animation:s-plate-ink .22s var(--kl-ease-out) both;padding:22px 24px 24px;position:absolute;top:56%;left:50%;translate:-50% -50%;box-shadow:0 18px 40px -12px #00000047}.s-kt-plate[data-tone=won]:after{content:"";inset:calc(-1 * var(--kl-k3));pointer-events:none;border:var(--kl-k3) solid var(--kl-cobalt);opacity:0;animation:.24s steps(3,end) both s-plate-reg;position:absolute}.s-kt-word{letter-spacing:-.035em;margin:0;font-size:48px;font-weight:800;line-height:1}.s-kt-plate[data-tone=won] .s-kt-word{color:var(--kl-cobalt-text)}.s-kt-plate[data-tone=lost] .s-kt-word{color:var(--kl-red-text)}.s-kt-sub{color:var(--kl-ink-2);text-wrap:pretty;margin:10px 0 18px;font-size:15px;line-height:1.45}.s-kt-acts{flex-wrap:wrap;gap:10px;display:flex}.s-kt-acts>.kl-button{min-height:44px;padding-inline:18px;font-size:15px;text-decoration:none}.s-kt-block{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto}.s-kt-block .s-tb-id{justify-content:center;gap:6px;padding:14px 20px}.s-kt-status{flex-direction:column;justify-content:center;min-width:0;padding:12px 20px;display:flex}.s-kt-status .kl-progress-l{font-weight:700}.s-kt-best{color:var(--kl-ink-3);font-weight:400}.s-kt-act{flex-direction:row;align-items:center;padding:14px 20px}.s-kt-act .kl-button{min-height:44px}.s-lost .s-kt-act .kl-button>.kl-button-label{white-space:nowrap}@media (prefers-reduced-motion:reduce){.s-kt-call{opacity:.5;animation:none;transform:scale(1.2)}.s-kt-board[data-phase=won] .s-kt-goal>rect,.s-kt-plate,.s-kt-plate:after{animation:none}.s-kt-band{transition:none}}@media (forced-colors:active){.s-kt-line,.s-kt-trail,.s-kt-call{stroke:highlight}.s-kt-board[data-phase=lost] .s-kt-trail,.s-kt-miss>path,.s-kt-goal>rect{stroke:canvastext}}@media (max-width:1080px){.s-kt-block{grid-template-columns:minmax(0,1fr) auto}.s-kt-block .s-tb-id{display:none}.s-kt-block>.s-kt-status{border-inline-start:0}}@media (max-width:720px){.s-kt-block{grid-template-columns:minmax(0,1fr)}.s-kt-status,.s-kt-act{padding:12px 16px}.s-kt-act>:first-child{flex:1}.s-kt-word{font-size:40px}}}
