html:has(.sb-root){overscroll-behavior:none}html:has(.sb-root) body{overscroll-behavior:none}.sb-root{background:var(--surf-paper);min-height:100dvh;color:var(--brand-ink);font-family:var(--nl-font);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);grid-template-rows:auto 1fr auto;display:grid}.sb-header{align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-2) var(--space-4);padding-top:max(var(--space-2), env(safe-area-inset-top));background:var(--surf-card);border-bottom:2px solid var(--brand-ink);flex-wrap:wrap;display:flex}.sb-back{border-radius:var(--nl-radius-full);width:44px;height:44px;color:var(--brand-ink);font-size:var(--text-24);place-items:center;display:inline-grid}.sb-back:hover{background:var(--surf-fog)}.sb-back:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sb-title{font-size:var(--text-24);letter-spacing:-.02em;flex:1;margin:0;font-weight:800;line-height:1.1}.sb-header-seg .nl-label,.sb-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sb-header-seg .nl-field{gap:0}.sb-root .dt-seg-btn{min-height:44px;padding:0 var(--space-3);font-family:var(--nl-font);white-space:nowrap;font-weight:700}.sb-root .dt-seg-btn[aria-checked=true]{color:var(--surf-deep)}.sb-stars{align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-3);border:2px solid var(--brand-ink);border-radius:var(--nl-radius-full);background:var(--surf-card);font-size:var(--text-20);font-variant-numeric:tabular-nums;font-weight:800;display:inline-flex}.sb-stars svg{color:var(--brand-gold);font-size:var(--text-24)}.sb-main{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);padding-bottom:max(var(--space-6), env(safe-area-inset-bottom));flex-direction:column;display:flex}.sb-picture{min-height:112px}.sb-stage{padding:var(--space-6) var(--space-12) calc(112px + var(--space-4));touch-action:none;cursor:crosshair;position:relative}.sb-word{z-index:2;font-family:var(--nl-font);font-size:min(calc(var(--text-48) * 2), 11vw);letter-spacing:.02em;white-space:nowrap;cursor:pointer;font-weight:700;line-height:1.25;display:block;position:relative}.sb-word[data-font=sas]{font-family:var(--dt-font-sas), cursive;font-weight:400;font-size:min(calc(var(--text-48) * 1.5), 8.5vw);letter-spacing:0;line-height:1.9}.sb-field{z-index:0;border-radius:var(--nl-radius-card);background:color-mix(in oklab, var(--brand-ocean) 12%, var(--surf-card));border:2px dashed color-mix(in oklab, var(--brand-ocean) 45%, transparent);position:absolute}.sb-field-label{right:var(--space-3);bottom:var(--space-2);font-size:var(--text-16);color:var(--brand-ocean-text);font-weight:700;position:absolute}.sb-boat{z-index:1;background:color-mix(in oklab, var(--brand-gold) 45%, var(--surf-card));border:2px solid var(--brand-gold);border-radius:999px;position:absolute}.sb-boat[data-solution]{background:color-mix(in oklab, var(--brand-ink) 12%, var(--surf-card));border-color:var(--brand-ink)}.sb-anchor{font-size:var(--text-28);color:var(--brand-ink);position:absolute;top:0;left:50%;translate:-50% -130%}.sb-overlay{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sb-arc{fill:none;stroke-width:6px;stroke-linecap:round}.sb-arc[data-tone=neutral]{stroke:var(--brand-ocean)}.sb-arc[data-tone=ok]{stroke:var(--nl-success)}.sb-arc[data-tone=wrong]{stroke:var(--nl-error)}.sb-arc[data-tone=missing]{stroke:var(--nl-error);stroke-width:4px;stroke-dasharray:2 10}.sb-arc[data-tone=solution]{stroke:var(--brand-ink)}.sb-mark{font-family:var(--nl-font);font-size:var(--text-24);text-anchor:middle;font-weight:800}.sb-mark[data-tone=ok]{fill:var(--nl-success-text)}.sb-mark[data-tone=wrong]{fill:var(--nl-error-text)}.sb-trail{fill:none;stroke:color-mix(in oklab, var(--brand-ocean) 70%, transparent);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.sb-hint path{fill:none;stroke:color-mix(in oklab, var(--brand-ocean) 55%, transparent);stroke-width:4px;stroke-dasharray:8 8;stroke-linecap:round}.sb-finger{z-index:4;font-size:var(--text-40);color:var(--brand-ink);offset-rotate:0deg;pointer-events:none;animation:2.4s ease-in-out infinite sb-swing;position:absolute;top:0;left:0}@keyframes sb-swing{0%,15%{offset-distance:0%;opacity:0}25%{opacity:1}75%{offset-distance:100%;opacity:1}90%,to{offset-distance:100%;opacity:0}}@media (prefers-reduced-motion:reduce){.sb-finger{offset-distance:0%;animation:none}}.sb-feedback{text-align:center;max-width:40rem;min-height:2.8em;font-size:var(--text-20);margin:0;font-weight:700;line-height:1.4}.sb-feedback[data-phase=solved]{color:var(--nl-success-text)}.sb-actions{gap:var(--space-3);display:flex}.sb-credit{padding:var(--space-1) var(--space-4) max(var(--space-1), env(safe-area-inset-bottom));text-align:center;font-size:var(--text-12);color:color-mix(in oklab, var(--surf-deep) 72%, transparent);margin:0}@media (max-width:820px){.sb-title{flex-basis:calc(100% - 44px - var(--space-3))}}