.sb-root{--sb-bg:#0b0d12;--sb-surface:#151922;--sb-surface-2:#1d2230;--sb-line:#94a3b847;--sb-fg:#f4f4f5;--sb-muted:#b4b8c4;--sb-accent:#60a5fa;--sb-accent-ink:#0b0d12;--sb-danger:#f87171;--sb-focus:#fbbf24;--sb-gap:clamp(4px, .8vmin, 12px);color:var(--sb-fg);background:var(--sb-bg);font-family:Inter,system-ui,-apple-system,Hiragino Sans,Noto Sans JP,PingFang SC,Microsoft YaHei,sans-serif;position:relative}.sb-root[data-theme=light]{--sb-bg:#f4f3f0;--sb-surface:#fff;--sb-surface-2:#ecebe7;--sb-line:#15181d29;--sb-fg:#15181d;--sb-muted:#4b5060;--sb-accent:#1d4ed8;--sb-accent-ink:#fff;--sb-danger:#b91c1c;--sb-focus:#b45309}:root:has(.sb-root[data-theme=light]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body:has(.sb-root){background:#0b0d12}body:has(.sb-root[data-theme=light]){background:#f4f3f0}body:has(.sb-root[data-theme=light]) .site-wrapper{--site-bg:#f4f3f0;--site-ink:#15181d;--site-ink-2:#565b66;--site-line:#15181d1a}.sb-root *,.sb-root :before,.sb-root :after{box-sizing:border-box}.sb-root :focus-visible{outline:3px solid var(--sb-focus);outline-offset:2px}.sb-sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sb-app{flex-direction:column;height:100dvh;min-height:320px;display:flex;overflow:hidden}.sb-header{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;display:flex}.sb-header-start,.sb-header-end{align-items:center;gap:6px;min-width:0;display:flex}.sb-brand{color:var(--sb-muted);white-space:nowrap;text-overflow:ellipsis;font-family:IBM Plex Sans JP,system-ui,sans-serif;font-size:15px;font-weight:600;overflow:hidden}.sb-main{flex:1;min-height:0}.sb-btn,#help-modal-trigger.sb-btn{border:1px solid var(--sb-line);background:var(--sb-surface);min-width:44px;min-height:44px;color:var(--sb-fg);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,transform 80ms;display:inline-flex}.sb-btn:hover:not(:disabled){background:var(--sb-surface-2);border-color:var(--sb-accent)}.sb-btn:active:not(:disabled){transform:translateY(1px)}.sb-btn:disabled{opacity:.4;cursor:default}.sb-btn.sb-icon,#help-modal-trigger.sb-btn{width:44px;padding:0}.sb-btn svg{flex:none}.sb-primary{background:var(--sb-accent);border-color:var(--sb-accent);color:var(--sb-accent-ink);min-width:96px}.sb-primary:hover:not(:disabled){background:var(--sb-accent);filter:brightness(1.1)}.sb-btn-text{white-space:nowrap}@media (width<=640px){.sb-header .sb-btn-text,.sb-actions .sb-btn-text{display:none}.sb-header .sb-btn,.sb-actions .sb-btn{width:44px;padding:0}}@media (width<=899px){.sb-brand{display:none}}.sb-icon-sun{display:none}.sb-root[data-theme=light] .sb-icon-sun{display:block}.sb-root[data-theme=light] .sb-icon-moon{display:none}.sb-board{gap:var(--sb-gap);height:100%;padding:0 var(--sb-gap) var(--sb-gap);grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sb-root[data-teams="3"] .sb-board{grid-template-columns:repeat(3,minmax(0,1fr))}.sb-root[data-teams="4"] .sb-board{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}@media (aspect-ratio>=2){.sb-root[data-teams="4"] .sb-board{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(4,minmax(0,1fr))}}@media (orientation:portrait){.sb-root[data-teams="2"] .sb-board{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr)}.sb-root[data-teams="3"] .sb-board{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:minmax(0,1fr)}}.sb-team{--c:#b91c1c;--tint:#fee2e2;--ink:#991b1b;--team-bg:var(--c);--team-fg:#fff;--team-btn-bg:#0000003d;--team-btn-line:#ffffff6b;background:var(--team-bg);min-width:0;min-height:0;color:var(--team-fg);border-radius:clamp(10px,2cqmin,24px);transition:background .25s;position:relative;overflow:hidden;container-type:size}.sb-team[hidden]{display:none}.sb-inner{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100%;display:grid}.sb-team[data-color=red]{--c:#b91c1c;--tint:#fee2e2;--ink:#991b1b}.sb-team[data-color=blue]{--c:#1d4ed8;--tint:#dbeafe;--ink:#1e40af}.sb-team[data-color=green]{--c:#15803d;--tint:#dcfce7;--ink:#166534}.sb-team[data-color=orange]{--c:#c2410c;--tint:#ffedd5;--ink:#9a3412}.sb-team[data-color=purple]{--c:#7e22ce;--tint:#f3e8ff;--ink:#6b21a8}.sb-team[data-color=teal]{--c:#0f766e;--tint:#ccfbf1;--ink:#115e59}.sb-team[data-color=pink]{--c:#be185d;--tint:#fce7f3;--ink:#9d174d}.sb-team[data-color=gray]{--c:#475569;--tint:#e2e8f0;--ink:#1e293b}.sb-root[data-theme=light] .sb-team{--team-bg:var(--tint);--team-fg:var(--ink);--team-btn-bg:#ffffffbf;--team-btn-line:color-mix(in srgb, var(--ink) 35%, transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 22%, transparent)}.sb-team :focus-visible{outline-offset:-4px;outline-color:#fff}.sb-root[data-theme=light] .sb-team :focus-visible{outline-color:var(--ink)}.sb-name{max-width:100%;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-self:center;margin:0;padding:clamp(4px,2cqh,18px) 14px 0;font-size:clamp(15px,min(8cqh,6.5cqw),72px);font-weight:700;line-height:1.2}.sb-name-text{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sb-name:hover .sb-name-text{text-underline-offset:.15em;text-decoration:underline;text-decoration-thickness:2px}.sb-tap{min-width:0;min-height:44px;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;overflow:hidden}.sb-score{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-family:Inter,system-ui,sans-serif;font-weight:800;line-height:1;font-size:min(56cqh, calc(140cqw / var(--digits,2)));display:block}.sb-pm{grid-template-columns:1fr 1fr;gap:clamp(6px,2cqw,16px);padding:0 clamp(6px,3cqw,24px) clamp(6px,3cqh,24px);display:grid}.sb-pm-btn{border:1px solid var(--team-btn-line);background:var(--team-btn-bg);min-height:max(44px,min(14cqh,120px));color:inherit;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;border-radius:999px;font-size:clamp(16px,min(7cqh,6cqw),56px);font-weight:700}.sb-pm-btn:hover{filter:brightness(1.15)}@container (height<=200px) and (aspect-ratio>=3/2){.sb-inner{grid-template-rows:auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.sb-name{grid-column:1/-1;padding-top:2px;font-size:clamp(14px,13cqh,28px)}.sb-pm{display:contents}.sb-tap{grid-area:2/2;height:100%}.sb-minus,.sb-plus{grid-row:2;min-width:max(52px,16cqw);min-height:44px;font-size:clamp(15px,14cqh,28px)}.sb-minus{grid-column:1;margin-inline-start:8px}.sb-plus{grid-column:3;margin-inline-end:8px}.sb-score{font-size:min(66cqh, calc(80cqw / var(--digits,2)))}}.sb-team[data-flash=up] .sb-score{animation:.32s ease-out sb-pop}.sb-team[data-flash=down] .sb-score{animation:.32s ease-out sb-dip}.sb-team[data-flash=deny] .sb-score{animation:.36s ease-in-out sb-shake}@keyframes sb-pop{40%{transform:scale(1.08)}}@keyframes sb-dip{40%{transform:scale(.92)}}@keyframes sb-shake{20%{transform:translate(-4%)}50%{transform:translate(4%)}80%{transform:translate(-2%)}}@media (prefers-reduced-motion:reduce){.sb-team[data-flash] .sb-score{animation:none!important}.sb-team[data-flash=up],.sb-team[data-flash=down],.sb-team[data-flash=deny]{filter:brightness(1.12)}}.sb-bar{padding:0 12px max(8px, env(safe-area-inset-bottom));flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px 12px;display:grid}.sb-bar-group{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.sb-actions{justify-self:start}.sb-extra{justify-content:flex-end;justify-self:end;gap:10px}.sb-timer{justify-self:center;align-items:center;gap:8px;display:flex}.sb-root[data-timer="0"] .sb-timer{visibility:hidden}.sb-time{font-variant-numeric:tabular-nums;text-align:center;min-width:4.2ch;padding:0 4px;font-family:Inter,system-ui,sans-serif;font-size:clamp(26px,5vh,64px);font-weight:700;line-height:1}.sb-timer[data-done="1"] .sb-time{color:var(--sb-danger);animation:1s steps(2,start) 3 sb-blink}@keyframes sb-blink{to{opacity:.35}}@media (prefers-reduced-motion:reduce){.sb-timer[data-done="1"] .sb-time{animation:none}}.sb-period{align-items:center;gap:6px;display:none}.sb-root[data-period="1"] .sb-period{display:flex}.sb-period-text{text-align:center;white-space:nowrap;min-width:5.5em;font-size:15px;font-weight:700}.sb-step{border:1px solid var(--sb-line);background:var(--sb-surface);border-radius:999px;align-items:center;gap:2px;padding:0 0 0 10px;display:flex}.sb-step-label{color:var(--sb-muted);white-space:nowrap;margin-inline-end:4px;font-size:13px}.sb-step-btn{min-width:44px;min-height:44px;color:var(--sb-fg);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 4px;font-size:15px;font-weight:700}.sb-step-btn[aria-pressed=true]{background:var(--sb-accent);color:var(--sb-accent-ink)}@media (width<=860px){.sb-bar{grid-template-columns:auto auto;justify-content:space-between}.sb-timer{grid-area:1/1/auto/-1}.sb-root[data-timer="0"] .sb-timer{display:none}}@media (width<=860px) and (orientation:landscape) and (width>=600px){.sb-bar{grid-template-columns:auto auto auto}.sb-timer{grid-area:auto}.sb-time{font-size:26px}.sb-step-label,.sb-actions .sb-btn-text{display:none}.sb-actions .sb-btn{width:44px;padding:0}}@media (width<=600px){.sb-bar{flex-wrap:wrap;justify-content:center;gap:6px 10px;padding-inline:8px;display:flex}.sb-timer{flex-basis:100%;justify-content:center}.sb-extra{justify-content:center}}@media (width<=400px){.sb-step-label{display:none}.sb-step{padding:0}}@media (width>=1600px) and (height>=900px){.sb-btn,#help-modal-trigger.sb-btn,.sb-step-btn{min-height:52px;font-size:16px}.sb-btn.sb-icon,#help-modal-trigger.sb-btn{width:52px}.sb-step-btn{min-width:52px}}.sb-root .sb-btn.sb-reset[data-confirm="1"],.sb-root .sb-btn.sb-reset[data-confirm="1"]:hover{color:#fff;background:#b91c1c;border-color:#b91c1c}.sb-reset[data-confirm="1"] .sb-btn-text{display:inline!important}.sb-reset[data-confirm="1"]{width:auto!important;padding:0 14px!important}.sb-zen-exit{bottom:max(10px, env(safe-area-inset-bottom));z-index:30;opacity:.55;display:none;position:fixed;inset-inline-end:10px}.sb-zen-exit:hover,.sb-zen-exit:focus-visible{opacity:1}.sb-root[data-zen="1"] .sb-zen-exit{display:inline-flex}@media (width<=640px){.sb-zen-exit .sb-btn-text{display:none}.sb-zen-exit{width:44px;padding:0}.sb-root[data-zen="1"] .sb-bar{padding-inline:56px}}.sb-root[data-zen="1"] .sb-header,.sb-root[data-zen="1"] #sb-swap,.sb-root[data-zen="1"] #sb-reset,.sb-root[data-zen="1"] .sb-extra,.sb-root[data-zen="1"] .sb-pm,.sb-root[data-zen="1"] #sb-timer-reset,.sb-root[data-zen="1"] .sb-below{display:none}.sb-root[data-zen="1"] .sb-actions{justify-self:auto}.sb-root[data-zen="1"] #sb-undo,.sb-root[data-zen="1"] #sb-timer-toggle{border-color:var(--sb-line);color:var(--sb-fg);opacity:.6;background:0 0;min-width:44px}.sb-root[data-zen="1"] #sb-undo{width:44px;padding:0}.sb-root[data-zen="1"] #sb-undo .sb-btn-text{display:none}.sb-root[data-zen="1"] #sb-undo:disabled{opacity:.25}.sb-root[data-zen="1"] #sb-undo:hover:not(:disabled),.sb-root[data-zen="1"] #sb-undo:focus-visible,.sb-root[data-zen="1"] #sb-timer-toggle:hover,.sb-root[data-zen="1"] #sb-timer-toggle:focus-visible{opacity:1;filter:none}.sb-root[data-zen="1"] .sb-board{padding-top:var(--sb-gap)}.sb-root[data-zen="1"] .sb-bar{min-height:60px;padding:0 64px var(--sb-gap);justify-content:center;align-items:center;display:flex}.sb-root[data-zen="1"] .sb-time{font-size:clamp(32px,min(9vh,11vw),120px)}body:has(.sb-root[data-zen="1"]) .site-legalbar{display:none}.sb-zen-hint{z-index:30;background:var(--sb-surface);border:1px solid var(--sb-line);color:var(--sb-muted);text-align:center;opacity:0;pointer-events:none;border-radius:18px;width:max-content;max-width:calc(100vw - 32px);padding:8px 14px;font-size:13px;line-height:1.4;position:fixed;top:18px;left:50%;transform:translate(-50%)}.sb-hint-touch{display:none}@media (pointer:coarse){.sb-hint-key{display:none}.sb-hint-touch{display:inline}}.sb-error{color:var(--sb-danger);margin:0;font-size:13px;font-weight:600}.sb-error[hidden]{display:none}.sb-custom input[aria-invalid]{border-color:var(--sb-danger)}.sb-root[data-zen="1"] .sb-zen-hint{animation:3.2s forwards sb-hint}@keyframes sb-hint{0%,75%{opacity:.95}to{opacity:0}}.sb-below{border-top:1px solid var(--sb-line);padding:32px 16px 40px}.sb-container{gap:28px;max-width:920px;margin:0 auto;display:grid}.sb-page-title{margin:0 0 10px;font-family:IBM Plex Sans JP,system-ui,sans-serif;font-size:clamp(22px,3vw,30px);font-weight:600}.sb-page-desc{color:var(--sb-muted);margin:0;line-height:1.8}.sb-heading{margin:0 0 10px;font-size:18px;font-weight:700}.sb-list{color:var(--sb-muted);margin:0;padding-inline-start:1.3em;line-height:1.8}.sb-cases{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.sb-case{border:1px solid var(--sb-line);background:var(--sb-surface);border-radius:12px;padding:14px 16px}.sb-case h3{margin:0 0 6px;font-size:15px}.sb-case p{color:var(--sb-muted);margin:0;font-size:14px;line-height:1.7}.sb-links{flex-wrap:wrap;gap:8px;display:flex}.sb-link{border:1px solid var(--sb-line);background:var(--sb-surface);min-height:44px;color:var(--sb-fg);border-radius:999px;align-items:center;padding:0 14px;font-size:14px;text-decoration:none;display:inline-flex}.sb-link:hover{border-color:var(--sb-accent)}.sb-settings{top:0;bottom:0;z-index:50;background:var(--sb-surface);width:min(380px,100vw);color:var(--sb-fg);border-inline-end:1px solid var(--sb-line);flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;position:fixed;inset-inline-start:0;transform:translate(-105%)}.sb-settings.open{transform:none;box-shadow:0 0 40px #0006}.sb-settings-head{border-bottom:1px solid var(--sb-line);justify-content:space-between;align-items:center;padding:10px 12px 10px 18px;display:flex}.sb-settings-head h2{margin:0;font-size:17px}.sb-settings-body{flex:1;padding:8px 18px 28px;overflow-y:auto}.sb-field{border:0;border-bottom:1px solid var(--sb-line);gap:10px;min-width:0;margin:0;padding:14px 0;display:grid}.sb-field[hidden],.sb-duration[hidden]{display:none}.sb-field legend{float:left;width:100%;margin-bottom:4px;padding:0;font-size:14px;font-weight:700}.sb-duration{gap:10px;display:grid}.sb-sub{color:var(--sb-muted);font-size:13px}.sb-seg{background:var(--sb-surface-2);border-radius:12px;gap:4px;padding:3px;display:flex}.sb-seg-wrap{flex-wrap:wrap}.sb-seg-wide{flex-direction:column}.sb-seg button{min-height:44px;color:var(--sb-fg);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:0 10px;font-size:14px;font-weight:600}.sb-seg button[aria-pressed=true]{background:var(--sb-accent);color:var(--sb-accent-ink)}.sb-input-row{color:var(--sb-muted);gap:4px;font-size:13px;display:grid}.sb-input-row input,.sb-custom input{border:1px solid var(--sb-line);background:var(--sb-bg);min-height:44px;color:var(--sb-fg);font:inherit;border-radius:10px;padding:0 12px;font-size:16px}.sb-custom{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sb-custom label{align-items:center;gap:6px;font-size:14px;display:inline-flex}.sb-custom input{width:5em}.sb-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.sb-check input{width:22px;height:22px;accent-color:var(--sb-accent)}.sb-swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}.sb-swatch{aspect-ratio:1;cursor:pointer;background:var(--c);border:2px solid #0000;border-radius:10px;min-height:36px}.sb-swatch[data-color=red]{--c:#b91c1c}.sb-swatch[data-color=blue]{--c:#1d4ed8}.sb-swatch[data-color=green]{--c:#15803d}.sb-swatch[data-color=orange]{--c:#c2410c}.sb-swatch[data-color=purple]{--c:#7e22ce}.sb-swatch[data-color=teal]{--c:#0f766e}.sb-swatch[data-color=pink]{--c:#be185d}.sb-swatch[data-color=gray]{--c:#475569}.sb-swatch[aria-pressed=true]{border-color:var(--sb-fg);box-shadow:inset 0 0 0 2px var(--sb-surface)}.sb-backdrop{z-index:40;opacity:0;pointer-events:none;background:#00000073;transition:opacity .2s;position:fixed;inset:0}.sb-backdrop.visible{opacity:1;pointer-events:auto}.sb-toast{z-index:60;background:var(--sb-fg);max-width:calc(100vw - 32px);color:var(--sb-bg);opacity:0;pointer-events:none;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:84px;left:50%;transform:translate(-50%,12px)}.sb-toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.sb-root *,.sb-root :before,.sb-root :after{transition:none!important}}.sb-root:not(.sb-ready) *,.sb-root:not(.sb-ready) :before,.sb-root:not(.sb-ready) :after{transition:none!important}