.sp[data-v-d7bd7570]{flex:1;display:flex;flex-direction:column;touch-action:none;user-select:none;-webkit-user-select:none}.sp-screen[data-v-d7bd7570]{flex:1;display:flex;flex-direction:column;padding:14px;gap:12px;position:relative;min-height:0}.sp-title[data-v-d7bd7570]{align-items:center;justify-content:flex-start;text-align:center;gap:16px;padding-top:4vh}.sp-logo[data-v-d7bd7570]{font-family:var(--font-pixel);font-size:26px;line-height:1.3;color:var(--sp);text-shadow:3px 3px 0 var(--line);letter-spacing:.04em}[data-theme=dark] .sp-logo[data-v-d7bd7570]{text-shadow:3px 3px 0 var(--line),0 0 16px color-mix(in srgb,var(--sp) 55%,transparent)}[data-theme=light] .sp-logo[data-v-d7bd7570]{color:color-mix(in srgb,var(--white) 30%,var(--line))}.sp-demo[data-v-d7bd7570]{width:112px;height:112px;image-rendering:pixelated}.d-a[data-v-d7bd7570]{fill:var(--sp)}.d-b[data-v-d7bd7570]{fill:var(--white-deep)}.d-h[data-v-d7bd7570]{fill:#fff}.d-e[data-v-d7bd7570]{fill:var(--line)}.d-p[data-v-d7bd7570]{fill:var(--candy)}[data-theme=dark] .sp-demo[data-v-d7bd7570]{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--sp) 45%,transparent))}[data-theme=light] .d-a[data-v-d7bd7570]{fill:color-mix(in srgb,var(--white-deep) 55%,var(--line))}[data-theme=light] .d-b[data-v-d7bd7570]{fill:color-mix(in srgb,var(--white-deep) 38%,var(--line))}[data-theme=light] .d-h[data-v-d7bd7570]{fill:color-mix(in srgb,var(--white-deep) 70%,var(--line))}[data-theme=light] .d-p[data-v-d7bd7570]{fill:var(--candy-deep)}.sp-hint[data-v-d7bd7570]{font-size:17px;color:var(--ink-soft);max-width:270px;line-height:1.35}.sp-hint b[data-v-d7bd7570]{color:var(--sp)}[data-theme=light] .sp-hint[data-v-d7bd7570]{color:var(--ink)}[data-theme=light] .sp-hint b[data-v-d7bd7570]{color:color-mix(in srgb,var(--white) 30%,var(--line))}.sp-link[data-v-d7bd7570]{background:none;border:none;color:var(--ink-mute);font-family:var(--font-pixel);font-size:8px;text-decoration:underline;cursor:pointer}[data-theme=dark] .sp-link[data-v-d7bd7570]{color:var(--ink-soft)}[data-theme=light] .sp-link[data-v-d7bd7570]{color:var(--ink)}.sp-hud[data-v-d7bd7570]{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;font-family:var(--font-pixel)}.sp-stat[data-v-d7bd7570]{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.sp-stat.big[data-v-d7bd7570]{align-items:center}.sp-stat.right[data-v-d7bd7570]{align-items:flex-end}.sp-stat b[data-v-d7bd7570]{color:var(--sp);font-size:12px;text-shadow:1px 1px 0 var(--line)}.sp-stat.big b[data-v-d7bd7570]{font-size:20px;text-shadow:2px 2px 0 var(--line)}.sp-stat span[data-v-d7bd7570]{font-size:7px;color:var(--ink-mute);letter-spacing:.1em}[data-theme=dark] .sp-stat b[data-v-d7bd7570]{text-shadow:1px 1px 0 var(--line),0 0 8px color-mix(in srgb,var(--sp) 60%,transparent)}[data-theme=light] .sp-hud[data-v-d7bd7570]{background:var(--surface);border:3px solid var(--line);box-shadow:var(--shadow-tile);border-radius:var(--r-card);padding:6px 12px}[data-theme=light] .sp-stat b[data-v-d7bd7570]{color:color-mix(in srgb,var(--white) 30%,var(--line));text-shadow:none}[data-theme=light] .sp-stat span[data-v-d7bd7570]{color:var(--ink)}.sp-field[data-v-d7bd7570]{position:relative;flex:1;min-height:0;width:100%;background:var(--bg-deep);border:3px solid var(--line);box-shadow:var(--shadow-tile);overflow:hidden;touch-action:none;cursor:pointer}[data-theme=light] .sp-field[data-v-d7bd7570]{background:color-mix(in srgb,var(--surface) 86%,var(--line))}.sp-field canvas[data-v-d7bd7570]{display:block;position:absolute;inset:0}.sp-label[data-v-d7bd7570]{text-align:center;font-family:var(--font-pixel);font-size:7px;color:var(--ink-mute);letter-spacing:.06em}[data-theme=light] .sp-label[data-v-d7bd7570]{color:var(--ink)}.sp-zone[data-v-d7bd7570]{position:absolute;bottom:10px;z-index:5;pointer-events:none;font-family:var(--font-pixel);font-size:22px;line-height:1;color:var(--sp);opacity:.28;transition:opacity .6s ease}.sp-zone-l[data-v-d7bd7570]{left:12px}.sp-zone-r[data-v-d7bd7570]{right:12px}.sp-zone.hide[data-v-d7bd7570]{opacity:0}[data-theme=light] .sp-zone[data-v-d7bd7570]{color:var(--line);opacity:.22}[data-theme=light] .sp-zone.hide[data-v-d7bd7570]{opacity:0}.sp-onboard[data-v-d7bd7570]{position:absolute;left:0;right:0;top:40%;z-index:7;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;text-align:center;padding:0 12px}.sp-ob-label[data-v-d7bd7570]{font-family:var(--font-pixel);font-size:12px;color:var(--sun);letter-spacing:.1em;text-shadow:1px 1px 0 var(--line);animation:sp-bob-d7bd7570 1.4s ease-in-out infinite}.sp-ob-sub[data-v-d7bd7570]{font-family:var(--font-pixel);font-size:7px;color:var(--cream);letter-spacing:.1em;line-height:1.6}[data-theme=dark] .sp-ob-label[data-v-d7bd7570]{text-shadow:1px 1px 0 var(--line),0 0 8px var(--sun)}[data-theme=light] .sp-ob-label[data-v-d7bd7570]{color:var(--sun-deep);text-shadow:1px 1px 0 var(--line)}[data-theme=light] .sp-ob-sub[data-v-d7bd7570]{color:var(--line)}@keyframes sp-bob-d7bd7570{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sp-fade-enter-active[data-v-d7bd7570],.sp-fade-leave-active[data-v-d7bd7570]{transition:opacity .35s ease}.sp-fade-enter-from[data-v-d7bd7570],.sp-fade-leave-to[data-v-d7bd7570]{opacity:0}