.game-shell[data-game=sumpath],.sp-mini{--sp-ink:var(--gm-accent);--sp-ink-deep:var(--gm-accent-deep);--sp-recess:var(--gm-sunk);--sp-recess-edge:color-mix(in srgb,var(--gm-line-strong) 70%,var(--gm-sunk));--sp-dimple:color-mix(in srgb,var(--gm-ink) 5%,var(--gm-sunk))}.sp{--sp-gap:7px;--sp-pad:18px;--sp-max:440px;--sp-ink:var(--gm-accent);--sp-ink-deep:var(--gm-accent-deep);--sp-recess:var(--gm-sunk);--sp-recess-edge:color-mix(in srgb,var(--gm-line-strong) 70%,var(--gm-sunk));--sp-dimple:color-mix(in srgb,var(--gm-ink) 5%,var(--gm-sunk));gap:10px}.sp-status{display:flex;flex-direction:column;gap:7px}.sp-rail{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:0 2px;min-height:22px}.sp-chips{flex-wrap:wrap}.sp-chipc,.sp-chips{display:inline-flex;gap:5px}.sp-chipc{align-items:center;height:22px;padding:0 9px;border-radius:var(--gm-r-pill);border:1px solid var(--gm-line);background:var(--gm-card);font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--gm-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;transition:background .2s ease-out,border-color .2s ease-out,color .2s ease-out}.sp-chipc.is-done{background:var(--gm-accent-tint);border-color:color-mix(in srgb,var(--sp-ink) 55%,var(--gm-line));color:var(--gm-ink)}.sp-gl{font-style:normal;line-height:1}.sp-gl-via{display:inline-block;width:7px;height:7px;border-radius:1.5px;transform:rotate(45deg);box-shadow:inset 0 0 0 1.5px var(--sp-ink-deep)}.sp-chipc.is-done .sp-gl-via{background:var(--sp-ink-deep)}.sp-hard{margin-left:auto;align-items:center;gap:3px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gm-muted)}.sp-hard,.sp-total{display:inline-flex}.sp-total{align-items:baseline;gap:8px}.sp-total-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gm-muted)}.gm-status-good .sp-total-label,.gm-status-warn .sp-total-label{color:inherit;opacity:.7}.sp-total-value{display:inline-block;min-width:1.3ch;font-size:24px;font-weight:800;letter-spacing:-.035em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sp-total-op{font-size:17px;font-weight:700;opacity:.55}.sp-total-hidden{letter-spacing:.12em;opacity:.4}.sp-total-hit .sp-total-value{animation:sp-pulse .55s var(--gm-ease)}@keyframes sp-pulse{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}.sp-meta{display:inline-flex;align-items:baseline;gap:6px;font-size:13px;font-weight:700;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sp-meta-target strong{font-size:15px;font-weight:800}.sp-meta-dot{opacity:.4}.sp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sp-board{flex:1 1;min-height:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.sp-tray{flex:none;padding:var(--sp-pad);background:var(--gm-card);border:1px solid var(--gm-line);border-radius:var(--gm-r-card);box-shadow:var(--gm-shadow-tray)}.sp-grid{position:relative;display:grid;grid-template-columns:repeat(var(--sp-cols,5),1fr);grid-template-rows:repeat(var(--sp-rows,5),1fr);aspect-ratio:var(--sp-cols,5) /var(--sp-rows,5);grid-gap:var(--sp-gap);gap:var(--sp-gap);width:min(var(--sp-max),var(--sp-room-w,320px) - 2 * var(--sp-pad) - 2px,(var(--sp-room-h,320px) - 2 * var(--sp-pad) - 2px) * var(--sp-cols,5)/var(--sp-rows,5));touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;border-radius:12px}.sp-grid:focus-visible{outline:2px solid var(--gm-ink);outline-offset:calc(var(--sp-pad) - 6px)}.sp-grid-pointer:focus-visible{outline:none}.sp-ink,.sp-plate{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.sp-plate{z-index:0}.sp-plate rect{stroke-linejoin:round}.sp-plate-edge rect{fill:var(--sp-recess-edge);stroke:var(--sp-recess-edge)}.sp-plate-body rect{fill:var(--sp-recess);stroke:var(--sp-recess)}.sp-plate-shade{flood-color:rgb(8 11 18/.13)}.sp-ink{z-index:1}.sp-ink-edge{stroke:color-mix(in oklab,var(--sp-ink) 70%,var(--gm-ink))}.sp-ink-line{stroke:var(--sp-ink)}.sp-cell{position:relative;z-index:2;display:grid;place-items:center;min-width:0;min-height:0;margin:0;padding:0;border:0;background:transparent;font:inherit;color:var(--gm-ink);cursor:pointer;touch-action:none}.sp-chip{position:absolute;display:grid;place-items:center;transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out,transform .14s var(--gm-ease),box-shadow .14s var(--gm-ease),opacity .3s ease-out}.sp-glyph{display:grid;place-items:center;font-size:var(--sp-glyph,22px);font-weight:800;letter-spacing:-.03em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sp-glyph svg{display:block}.sp-cell-num .sp-chip{inset:4%;border-radius:24%;background:var(--gm-card);border:1px solid var(--gm-line-strong);box-shadow:inset 0 -3px 0 rgb(8 11 18/.1),0 1px 2px rgb(8 11 18/.12);color:var(--gm-ink)}.sp-cell-op .sp-chip{inset:22%;border-radius:50%;background:var(--sp-dimple);box-shadow:inset 0 1.5px 2px rgb(8 11 18/.16),0 1px 0 rgb(255 255 255/.9);color:color-mix(in srgb,var(--gm-ink) 72%,var(--gm-sunk))}.sp-cell-op .sp-glyph{font-size:calc(var(--sp-glyph, 22px) * .62)}.sp-cell-num.sp-cell-legal .sp-chip{border-color:var(--sp-ink);box-shadow:inset 0 -3px 0 rgb(8 11 18/.1),0 0 0 1px var(--sp-ink),0 1px 2px rgb(8 11 18/.12)}.sp-cell-op.sp-cell-legal .sp-chip{box-shadow:inset 0 1.5px 2px rgb(8 11 18/.16),0 0 0 2px var(--sp-ink)}@media (hover:hover){.sp-cell-legal:hover .sp-chip{background:var(--gm-accent-tint)}}.sp-cell-num.sp-cell-on .sp-chip{background:var(--sp-ink);border-color:color-mix(in oklab,var(--sp-ink) 70%,var(--gm-ink));box-shadow:var(--gm-lip-down);transform:translateY(2px)}.sp-cell-op.sp-cell-on .sp-chip{background:var(--sp-ink);color:var(--gm-ink);box-shadow:inset 0 1.5px 2px rgb(8 11 18/.22)}.sp-cell-num.sp-cell-head .sp-chip{background:var(--gm-ink);border-color:var(--gm-ink);color:var(--gm-card);transform:none;box-shadow:inset 0 -3px 0 rgb(255 255 255/.12),0 0 0 3px color-mix(in srgb,var(--sp-ink) 55%,transparent),0 8px 16px -6px rgb(8 11 18/.45)}.sp-cell-op.sp-cell-head .sp-chip{background:var(--gm-ink);color:var(--sp-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--sp-ink) 55%,transparent)}.sp-cell:active:not(.sp-cell-head) .sp-chip{transform:translateY(2px)}.sp-step{position:absolute;top:9%;left:12%;font-size:max(8px,calc(var(--sp-glyph, 22px) * .36));font-weight:800;line-height:1;opacity:.5;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sp-cell-op .sp-step{display:none}.sp-start{bottom:-5px;left:50%;transform:translateX(-50%);padding:2px 5px;background:var(--gm-ink);color:var(--gm-card);font-size:8px;font-weight:800;letter-spacing:.1em;line-height:1.3;box-shadow:0 0 0 2px var(--gm-card)}.sp-start,.sp-via{position:absolute;z-index:3;border-radius:4px}.sp-via{top:-3px;right:-3px;display:grid;place-items:center;width:17px;height:17px;transform:rotate(45deg);background:var(--gm-card);box-shadow:inset 0 0 0 2px var(--sp-ink-deep),0 0 0 2px var(--gm-card),0 2px 4px rgb(8 11 18/.2);color:var(--sp-ink-deep);transition:background .2s ease-out,color .2s ease-out,transform .25s cubic-bezier(.2,1.4,.4,1)}.sp-via>span{transform:rotate(-45deg);font-size:10px;font-weight:800;line-height:1}.sp-via>span:empty:before{content:"";display:block;width:5px;height:5px;border-radius:1px;background:currentColor}.sp-via.is-on{background:var(--sp-ink-deep);color:var(--gm-card);transform:rotate(45deg) scale(1.12)}.sp-grid-shake{animation:sp-shake .4s cubic-bezier(.36,.07,.19,.97)}@keyframes sp-shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-6px)}40%,60%{transform:translateX(6px)}}.sp-cell-refused .sp-chip{background:var(--gm-bad-tint);border-color:var(--gm-bad);color:color-mix(in oklab,var(--gm-bad) 60%,var(--gm-ink))}.sp-grid-solved .sp-cell{cursor:default}.sp-grid-solved .sp-cell:not(.sp-cell-on) .sp-chip{opacity:.45}.sp-grid-solved .sp-cell-num.sp-cell-head .sp-chip{background:var(--sp-ink);border-color:color-mix(in oklab,var(--sp-ink) 70%,var(--gm-ink));color:var(--gm-ink);box-shadow:var(--gm-lip-down);transform:translateY(2px)}.sp-grid-solved .sp-cell-op.sp-cell-head .sp-chip{background:var(--sp-ink);color:var(--gm-ink)}.sp-grid-solved .sp-cell-on .sp-chip{animation:sp-pop .46s var(--gm-ease) both}@keyframes sp-pop{0%{transform:translateY(2px) scale(1)}45%{transform:translateY(-2px) scale(1.1)}to{transform:translateY(2px) scale(1)}}.sp-side{display:flex;align-items:center;align-self:stretch;gap:10px;flex:none}.sp-readout{flex:1 1;min-width:0;display:flex;flex-direction:column;justify-content:center;min-height:48px;padding:6px 14px;border:1px solid var(--gm-line);border-radius:var(--gm-r-tile);background:var(--gm-card);transition:background .25s ease-out,border-color .25s ease-out}.sp-readout-label{display:none;color:var(--gm-muted)}.sp-readout.is-hit{background:var(--gm-close-tint);border-color:color-mix(in srgb,var(--gm-close) 50%,var(--gm-line))}.sp-readout.is-win{background:var(--gm-good-tint);border-color:color-mix(in srgb,var(--gm-good) 40%,var(--gm-line))}.sp-tape{margin:0;min-width:0;font-size:17px;font-weight:800;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--gm-ink)}.sp-tape-inner{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:.34em;overflow:hidden;white-space:nowrap}.sp-tape-inner>*{flex:none}.sp-tape-inner>:first-child{margin-left:auto}.sp-tape-op{width:.62em;height:.62em;color:var(--gm-muted)}.sp-tape-eq{display:inline-flex;align-items:baseline;gap:.34em;margin-left:.1em}.sp-tape-eqsign{color:var(--gm-muted);font-weight:700}.sp-tape-sum{padding:1px 7px;border-radius:6px;background:var(--gm-ink);color:var(--gm-card)}.sp-readout.is-hit .sp-tape-sum{background:var(--gm-close);color:var(--gm-ink)}.sp-readout.is-win .sp-tape-sum{background:var(--gm-good);color:var(--gm-card)}.sp-tape-hint{font-size:13px;font-weight:600;letter-spacing:0;color:var(--gm-muted)}.sp-actions{gap:8px;flex:none}.sp-act,.sp-actions{display:flex;align-items:center}.sp-act{gap:10px}.sp-act-label{display:none;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gm-muted)}.sp-act-label kbd{margin-left:6px;padding:1px 5px;border:solid var(--gm-line);border-width:1px 1px 2px;border-radius:5px;background:var(--gm-card);font:inherit;font-size:10px;letter-spacing:.02em;text-transform:none}.sp-debug{font:inherit;font-size:11px;font-weight:700;padding:6px 10px;border-radius:var(--gm-r-pill);border:1px dashed var(--gm-line-strong);background:var(--gm-card);color:var(--gm-muted);cursor:pointer}@media (min-width:720px){.game-shell[data-game=sumpath] .gm-column{max-width:860px}.sp{--sp-gap:9px;--sp-pad:22px;--sp-max:520px}.sp-board{flex-direction:row;gap:28px}.sp-side{align-self:center;flex:0 0 216px;flex-direction:column;align-items:stretch;justify-content:center;gap:16px}.sp-readout{flex:none;gap:8px;padding:14px 16px 16px;border-radius:var(--gm-r-card);box-shadow:var(--gm-shadow-tray)}.sp-readout-label{display:block}.sp-tape{font-size:22px;line-height:1.35}.sp-tape-inner{justify-content:flex-start;flex-wrap:wrap;white-space:normal;row-gap:2px}.sp-tape-inner>:first-child{margin-left:0}.sp-actions{flex-direction:column;align-items:stretch;gap:10px}.sp-act-label{display:inline}}@media (min-width:720px) and (max-height:700px){.sp{--sp-pad:16px;--sp-gap:7px}.sp-side{gap:10px}.sp-actions{flex-direction:row}.sp-act-label{display:none}}@media (max-width:360px){.sp{--sp-gap:5px;--sp-pad:14px}}.sp-mini{position:relative;margin:0 auto;--sp-ink:var(--gm-accent);--sp-ink-deep:var(--gm-accent-deep);--sp-recess:var(--gm-sunk);--sp-recess-edge:color-mix(in srgb,var(--gm-line-strong) 70%,var(--gm-sunk));--sp-dimple:color-mix(in srgb,var(--gm-ink) 5%,var(--gm-sunk))}.sp-mini .sp-cell{position:absolute;cursor:default}.sp-mini .sp-glyph{font-size:var(--sp-glyph,17px)}.sp-mini .sp-cell-op .sp-glyph{font-size:calc(var(--sp-glyph, 17px) * .62)}.sp-mini .sp-cell-num .sp-chip{inset:3%}.sp-mini .sp-cell-num.sp-cell-head .sp-chip{box-shadow:inset 0 -2px 0 rgb(255 255 255/.12),0 0 0 2px color-mix(in srgb,var(--sp-ink) 55%,transparent)}.sp-mini .sp-via{top:-3px;right:-3px;width:13px;height:13px;border-radius:3px}.sp-mini .sp-via>span{font-size:8px}.sp-mini .sp-via>span:empty:before{width:4px;height:4px}.sp-mini .sp-step{display:none}.sp-mini-dim .sp-cell:not(.sp-cell-on) .sp-chip{opacity:.4}.sp-mini-dim .sp-cell-num.sp-cell-head .sp-chip{background:var(--sp-ink);border-color:color-mix(in oklab,var(--sp-ink) 70%,var(--gm-ink));color:var(--gm-ink);box-shadow:var(--gm-lip-down)}.sp-slide{width:100%;height:100%}.sp-slide,.sp-slide-row{display:flex;align-items:center;justify-content:center}.sp-slide-row{gap:22px}.sp-slide-par,.sp-slide-via{flex-direction:column;gap:10px}.sp-slide-cap{padding:3px 10px;border-radius:var(--gm-r-pill);background:var(--gm-card);border:1px solid var(--gm-line);font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--gm-muted);white-space:nowrap}.sp-slide .sp-mini{margin:0;flex:none}.sp-finger{position:absolute;z-index:4;top:-7px;left:-7px;width:30px;height:30px;margin:0;border-radius:50%;background:rgb(8 11 18/.2);border:2px solid var(--gm-card);box-shadow:0 0 0 1.5px rgb(8 11 18/.45),0 6px 14px rgb(8 11 18/.28);pointer-events:none}.sp-slide-read{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:104px;color:var(--gm-ink)}.sp-slide-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gm-muted)}.sp-slide-total{display:inline-block;transform-origin:left center;font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:color .2s ease-out}.sp-slide-expr{min-height:20px;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--gm-muted);white-space:nowrap}.sp-slide-target{display:inline-flex;align-items:baseline;gap:5px;margin-top:6px;padding:5px 11px;border-radius:var(--gm-r-pill);background:var(--gm-card);border:1px solid var(--gm-line-strong);font-size:13px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:background .2s ease-out,border-color .2s ease-out,color .2s ease-out}.sp-slide-target strong{font-size:15px;font-weight:800}.sp-slide-read.is-hit .sp-slide-total{color:color-mix(in oklab,var(--gm-good) 70%,var(--gm-ink))}.sp-slide-read.is-hit .sp-slide-target{background:var(--gm-good-tint);border-color:color-mix(in srgb,var(--gm-good) 45%,var(--gm-line));color:color-mix(in oklab,var(--gm-good) 60%,var(--gm-ink))}.sp-slide-tick{font-weight:800}.sp-slide-col{display:flex;flex-direction:column;align-items:center;gap:10px}.sp-slide-par .sp-glyph{font-size:14px}.sp-slide-chip{padding:4px 11px;border-radius:var(--gm-r-pill);background:var(--gm-card);border:1px solid var(--gm-line-strong);font-size:12px;font-weight:700;color:var(--gm-muted);white-space:nowrap;opacity:0;transform:scale(.85);transition:opacity .22s ease-out,transform .22s cubic-bezier(.2,1.3,.4,1)}.sp-slide-chip b{font-weight:800;color:color-mix(in oklab,var(--gm-close) 45%,var(--gm-ink))}.sp-slide-chip.is-on{opacity:1;transform:none}.sp-slide-chip-par.is-on{background:var(--gm-good-tint);border-color:color-mix(in srgb,var(--gm-good) 45%,var(--gm-line));color:color-mix(in oklab,var(--gm-good) 60%,var(--gm-ink))}.sp-slide-chip-par b{color:inherit}.sp-slide-chip-miss{background:var(--gm-close-tint);border-color:color-mix(in srgb,var(--gm-close) 50%,var(--gm-line));color:color-mix(in oklab,var(--gm-close) 35%,var(--gm-ink))}.sp-slide-target.is-bust,.sp-slide-total.is-bust{color:color-mix(in oklab,var(--gm-bad) 60%,var(--gm-ink))}.sp-slide-target.is-bust{background:var(--gm-bad-tint);border-color:color-mix(in srgb,var(--gm-bad) 45%,var(--gm-line))}.sp-hardnote{margin:6px 0 0;font-size:12.5px;font-weight:600;color:var(--gm-muted)}.sp-recap{display:flex;justify-content:center;padding:12px}.sp-recap .sp-start{display:none}.sp-recap .sp-via{top:-2px;right:-2px;width:10px;height:10px;border-radius:2px;box-shadow:inset 0 0 0 1.5px var(--sp-ink-deep),0 0 0 1.5px var(--gm-card)}.sp-recap .sp-via>span{font-size:7px}.sp-recap .sp-via>span:empty:before{width:3px;height:3px}@media (prefers-reduced-motion:reduce){.sp-chip,.sp-slide-chip,.sp-total-value,.sp-via{transition:none;animation:none!important}.sp-grid-shake{animation:none}}.sp-grid-still .sp-chip,.sp-grid-still .sp-via{transition:none;animation:none!important}.sp-mini .sp-start{bottom:-4px;padding:1px 3px;font-size:6.5px;border-radius:3px;box-shadow:0 0 0 1.5px var(--gm-card)}