/* 온라인 스코어보드 (scoreboard) — '전광판 + 기록지'. 전광판 면은 --fill(다크에서 뒤집힘) 위에 팀 색 띠(--tc)·큰 숫자, 아래는 점수 흐름 | 점수표. */
.scb{container:scb/inline-size}
/* 머리: 종목 줄 아래 요약 | 설정칸 — 칸이 적으면(배구·탁구·배드민턴 1칸) 요약 옆에 붙고, 많으면 다음 줄로 내려가 여러 칸으로 */
.scb-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:10px 18px}
.scb-spw{flex:1 1 100%;display:grid;gap:6px;min-width:0}
.scb-sports button{height:32px;padding:0 12px;font-size:13px}
.scb-sum{flex:1 1 300px;margin:0;font-family:var(--sans);font-size:12.5px;line-height:1.6;color:var(--muted);max-width:68ch}
.scb-set{flex:0 1 auto;display:flex;flex-wrap:wrap;gap:10px 12px;margin:0;min-width:0}
.scb-set .v2-f{flex:1 1 150px;max-width:210px}
.scb-set .v2-f[hidden]{display:none}
.scb-set:not(:has(.v2-f:not([hidden]))){display:none}
.scb-sel{display:block;width:100%;max-width:100%;height:var(--v2-ctl,42px);padding:0 6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;font-weight:600;text-overflow:ellipsis}
.scb-sel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.scb-set .v2-f[data-f="by2"] .v2-switch{height:var(--v2-ctl,42px)}
.scb-seterr{flex:1 1 100%;margin:0;font-family:var(--sans);font-size:12px;color:var(--accent)}
.scb-seterr:empty{display:none}

.scb-ex{display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;margin:14px 18px 0;padding:9px 12px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--accent-wash)}
.scb-ex p{margin:0;font-family:var(--sans);font-size:12.5px;line-height:1.55;color:var(--ink);flex:1 1 260px}
.scb-ex[hidden]{display:none}

/* ── 전광판 ── */
.scb-board{display:grid;gap:10px;padding:14px 18px}
.scb-face{display:grid;grid-template-columns:minmax(0,1fr) minmax(156px,30%) minmax(0,1fr);background:var(--fill);color:var(--on-fill);border-radius:var(--radius);overflow:hidden}
.scb-face :focus-visible{outline:2px solid var(--on-fill);outline-offset:2px}
.scb-team{--tc:#2f6bd8;display:flex;flex-direction:column;gap:6px;min-width:0;padding:13px 14px 12px;box-shadow:inset 0 4px 0 var(--tc)}
.scb-thead{display:flex;align-items:center;gap:8px;min-width:0}
.scb-face > .scb-team:last-child .scb-thead{flex-direction:row-reverse}
.scb-color{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
.scb-color i{width:18px;height:18px;border-radius:50%;background:var(--tc);box-shadow:0 0 0 2px var(--on-fill)}
.scb-name{flex:1 1 auto;min-width:0;width:100%;height:30px;padding:0 2px;border:0;border-bottom:1px solid transparent;border-radius:0;background:none;color:inherit;font-family:var(--sans);font-size:16px;font-weight:750;letter-spacing:-.01em;text-overflow:ellipsis}
.scb-name::placeholder{color:inherit;opacity:.72}
.scb-name:hover{border-bottom-color:color-mix(in srgb,var(--on-fill) 35%,transparent)}
.scb-name:focus{outline:0;border-bottom-color:var(--tc)}
.scb-name:focus-visible{outline:2px solid var(--on-fill);outline-offset:2px}
.scb-face > .scb-team:last-child .scb-name{text-align:right}
.scb-srv{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px 0 7px;border:1px solid color-mix(in srgb,var(--on-fill) 55%,transparent);border-radius:11px;font-family:var(--sans);font-size:11.5px;font-weight:650;white-space:nowrap}
.scb-srv::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tc);box-shadow:0 0 0 1.5px var(--on-fill)}
.scb-face > .scb-team:last-child .scb-srv{align-self:flex-end}
.scb-srv[hidden]{display:none}
.scb.has-srv .scb-srv[hidden]{display:inline-flex;visibility:hidden} /* 서브 표시 자리를 두 팀 모두 비워 둬 숫자 높이를 맞춘다 */
.scb-score{display:block;width:100%;min-height:1.15em;margin:0;padding:4px 0 2px;border:0;border-radius:var(--radius);background:none;color:inherit;font-family:var(--sans);font-size:clamp(64px,14cqi,128px);font-weight:800;line-height:1.05;letter-spacing:-.03em;font-variant-numeric:tabular-nums lining-nums;text-align:center;cursor:pointer;overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background var(--ease)}
.scb-score:hover:not(:disabled){background:color-mix(in srgb,var(--on-fill) 7%,transparent)}
.scb-score:active:not(:disabled){background:color-mix(in srgb,var(--on-fill) 13%,transparent)}
.scb-score:disabled{cursor:default;opacity:.85}
.scb-num{display:inline-block}
.scb-num.is-up{animation:scb-up .3s cubic-bezier(.2,.7,.3,1)}
.scb-num.is-down{animation:scb-down .3s cubic-bezier(.2,.7,.3,1)}
@keyframes scb-up{from{transform:translateY(.32em);opacity:.15}to{transform:none;opacity:1}}
@keyframes scb-down{from{transform:translateY(-.32em);opacity:.15}to{transform:none;opacity:1}}
.scb-pts{display:flex;justify-content:center;gap:5px}
.scb-pts button{flex:1 1 0;min-width:0;max-width:56px;height:32px;padding:0 4px;border:1px solid color-mix(in srgb,var(--on-fill) 45%,transparent);border-radius:var(--radius);background:none;color:inherit;font-family:var(--sans);font-size:14px;font-weight:750;font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation}
.scb-pts button:hover:not(:disabled){background:color-mix(in srgb,var(--on-fill) 10%,transparent)}
.scb-pts button[data-v="1"]{background:var(--on-fill);border-color:var(--on-fill);color:var(--fill)}
.scb-pts button:disabled{opacity:.4;cursor:not-allowed}
.scb-pts button[hidden]{display:none}
.scb-meta{display:flex;align-items:center;justify-content:space-between;gap:6px 10px;flex-wrap:wrap;min-height:28px;font-family:var(--sans);font-size:12px}
.scb-face > .scb-team:last-child .scb-meta{flex-direction:row-reverse}
.scb-foul{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}
.scb-foul[hidden]{display:none}
.scb-foul > span{font-weight:650;opacity:.85}
.scb-foul button{width:26px;height:26px;padding:0;border:1px solid color-mix(in srgb,var(--on-fill) 45%,transparent);border-radius:var(--radius);background:none;color:inherit;font-size:15px;font-weight:700;line-height:1;cursor:pointer}
.scb-foul b{min-width:1.3ch;font-size:17px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}
.scb-lamp{font-style:normal;height:22px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid color-mix(in srgb,var(--on-fill) 35%,transparent);border-radius:11px;font-size:11px;font-weight:600;white-space:nowrap;opacity:.8}
.scb-team.is-pen .scb-lamp{background:var(--accent);border-color:var(--accent);color:var(--paper);opacity:1;font-weight:750}
.scb-to{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 9px;border:1px solid color-mix(in srgb,var(--on-fill) 45%,transparent);border-radius:var(--radius);background:none;color:inherit;font-family:var(--sans);font-size:12px;font-weight:650;cursor:pointer}
.scb-to:hover:not(:disabled){background:color-mix(in srgb,var(--on-fill) 10%,transparent)}
.scb-to:disabled{cursor:default;opacity:.6}
.scb-to[hidden]{display:none}
.scb-pips{display:inline-flex;gap:4px}
.scb-pips i{width:9px;height:9px;border-radius:50%;border:1.5px solid currentColor}
.scb-pips i.is-used{background:currentColor;opacity:.45}

.scb-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:12px 12px 12px;border-inline:1px solid color-mix(in srgb,var(--on-fill) 16%,transparent);text-align:center}
.scb-per{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.04em}
.scb-sets{display:flex;align-items:baseline;gap:8px;font-family:var(--sans);font-size:40px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.scb-sets i{font-style:normal;opacity:.5;font-size:.7em}
.scb-sets[hidden]{display:none}
.scb-badge{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:22px;padding:2px 9px;overflow-wrap:anywhere;text-align:center;border-radius:11px;background:var(--accent);color:var(--paper);font-family:var(--sans);font-size:11.5px;font-weight:750;line-height:1.3}
.scb-badge.is-win{background:var(--on-fill);color:var(--fill)}
.scb-badge[hidden]{display:none}
.scb-clab{margin-top:2px;font-family:var(--sans);font-size:11px;font-weight:600;opacity:.75}
.scb-clock{min-width:4.6ch;padding:0 6px;border:1px dashed transparent;border-radius:var(--radius);background:none;color:inherit;font-family:var(--sans);font-size:44px;font-weight:800;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums;cursor:text}
.scb[data-mode="set"] .scb-clock{font-size:24px;font-weight:700;opacity:.92}
.scb-clock:hover{border-color:color-mix(in srgb,var(--on-fill) 45%,transparent)}
.scb-clock[hidden]{display:none}
.scb-cedit{width:6.5ch;height:46px;padding:0 6px;border:1px solid var(--on-fill);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:26px;font-weight:750;text-align:center;font-variant-numeric:tabular-nums}
.scb-cedit[aria-invalid="true"]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.scb-plus{font-family:var(--sans);font-size:15px;font-weight:750;color:var(--on-fill);font-variant-numeric:tabular-nums}
.scb-plus[hidden]{display:none}
.scb-prog{display:block;width:100%;max-width:150px;height:4px;border-radius:2px;background:color-mix(in srgb,var(--on-fill) 20%,transparent);overflow:hidden}
.scb-prog i{display:block;height:100%;width:0;background:var(--on-fill)}
.scb.is-run .scb-prog i{transition:width .25s linear}
.scb-prog[hidden]{display:none}
.scb-cbtns{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:3px}
.scb-go,.scb-next,.scb-toss{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--on-fill);border-radius:var(--radius);font-family:var(--sans);font-size:13px;font-weight:750;cursor:pointer;touch-action:manipulation}
.scb-go{background:var(--on-fill);color:var(--fill)}
.scb-go .i{width:15px;height:15px;fill:currentColor;stroke:none}
.scb-go .scb-i-pause,.scb.is-run .scb-go .scb-i-play{display:none}
.scb.is-run .scb-go .scb-i-pause{display:inline}
.scb-next,.scb-toss{background:none;color:inherit;border-color:color-mix(in srgb,var(--on-fill) 50%,transparent)}
.scb-next:disabled{opacity:.45;cursor:not-allowed}
.scb-next[hidden],.scb-toss[hidden]{display:none}
.scb-toss{height:28px;font-size:12px;font-weight:650}
.scb-tout{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin-top:4px;padding:3px 4px 3px 10px;border-radius:var(--radius);background:var(--accent);color:var(--paper);font-family:var(--sans);font-size:12px;font-weight:650}
.scb-tout span{min-width:0;overflow-wrap:anywhere}
.scb-tout b{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}
.scb-tout button{width:26px;height:26px;padding:0;border:0;border-radius:var(--radius);background:color-mix(in srgb,var(--paper) 20%,transparent);color:inherit;font-size:16px;cursor:pointer}
.scb-tout[hidden]{display:none}

.scb-note{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-height:20px;margin:0;font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--ink)}
.scb-notebtn{height:28px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--btn);color:var(--ink);font-family:var(--sans);font-size:12px;font-weight:650;cursor:pointer}
.scb-notebtn[hidden]{display:none}
.scb-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}
.scb-snd{margin:0 4px}
/* 맨 위 줄: 키보드 안내 | 전체 화면 단추(전체 화면 중에는 '끝' 단추가 같은 자리) */
.scb-top{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px 12px}
.scb-fullb{margin-left:auto}
.scb-kbd{flex:1 1 240px;margin:0;font-family:var(--sans);font-size:11.5px;line-height:1.5;color:var(--muted)}

/* ── 아래: 점수 흐름 | 점수표 ── */
.scb-low{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:14px 18px;padding:14px 18px;border-top:1px solid var(--soft)}
.scb-flow{margin:0;min-width:0}
.scb-ltitle{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:2px 10px;margin:0 0 6px;font-family:var(--sans);font-size:12.5px;color:var(--ink)}
.scb-ltitle span{font-size:11.5px;color:var(--muted)}
.scb-chart{width:100%;min-height:130px}
.scb-chart svg{display:block;max-width:100%;height:auto}
.scb-grid{stroke:var(--soft);stroke-width:1}
.scb-grid.is-zero{stroke:var(--line)}
.scb-sep{stroke:var(--line);stroke-width:1;stroke-dasharray:3 3}
.scb-ax{fill:var(--muted);font-family:var(--mono);font-size:10.5px}
.scb-area{opacity:.38}
.scb-line{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}
.scb-now{stroke:var(--accent);stroke-width:1.3;stroke-dasharray:2 3}
.scb-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0 0;font-family:var(--sans);font-size:11.5px;color:var(--muted)}
.scb-legend span{display:inline-flex;align-items:center;gap:6px}
.scb-legend i,.scb-line th i{display:inline-block;width:10px;height:10px;border-radius:2px;opacity:.75}
.scb-linew{min-width:0}
.scb-linesc{overflow-x:auto}
.scb-line{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:13px;font-variant-numeric:tabular-nums}
.scb-line th,.scb-line td{padding:6px 5px;border-bottom:1px solid var(--soft);text-align:center;white-space:nowrap}
.scb-line thead th{font-size:11px;font-weight:600;color:var(--muted)}
.scb-line tbody th{max-width:9em;overflow:hidden;text-overflow:ellipsis;text-align:left;font-weight:650}
.scb-line tbody th i{margin-right:6px;vertical-align:-1px}
.scb-line .is-cur{background:var(--accent-wash)}
.scb-line td.is-win{font-weight:800}
.scb-line .tot{border-left:1px solid var(--soft);font-weight:700}
.scb-line td.tot{font-size:15px}

.scb-acts{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:0 18px 16px}
.scb-saved{font-family:var(--sans);font-size:11.5px;color:var(--muted)}

/* ── 크게 보기(전광판만 전체 화면) ── */
.scb-board:fullscreen,.scb-board.is-full{grid-template-rows:auto minmax(0,1fr) auto auto;align-content:stretch;padding:clamp(10px,2vmin,24px);background:var(--paper);overflow:auto}
.scb-board.is-full{position:fixed;inset:0;z-index:1000}
body.scb-lock{overflow:hidden}
.scb-board:is(:fullscreen,.is-full) .scb-face{overflow:auto}
.scb-board:is(:fullscreen,.is-full) .scb-team{justify-content:space-between;padding:clamp(14px,2.4vmin,30px)}
.scb-board:is(:fullscreen,.is-full) .scb-name{height:auto;font-size:clamp(18px,3.4vmin,44px)}
.scb-board:is(:fullscreen,.is-full) .scb-color{width:clamp(28px,4vmin,48px);height:clamp(28px,4vmin,48px)}
.scb-board:is(:fullscreen,.is-full) .scb-color i{width:60%;height:60%}
.scb-board:is(:fullscreen,.is-full) .scb-score{flex:1 1 auto;display:grid;place-items:center;font-size:clamp(64px,min(30vmin,17vw),420px)}
.scb-board:is(:fullscreen,.is-full) .scb-srv{height:auto;padding:4px 12px;font-size:clamp(12px,2vmin,22px)}
.scb-board:is(:fullscreen,.is-full) .scb-pts button{max-width:clamp(56px,9vmin,96px);height:clamp(36px,5.5vmin,60px);font-size:clamp(15px,2.4vmin,26px)}
.scb-board:is(:fullscreen,.is-full) .scb-meta{font-size:clamp(12px,1.8vmin,20px)}
.scb-board:is(:fullscreen,.is-full) .scb-foul b{font-size:clamp(17px,3vmin,34px)}
.scb-board:is(:fullscreen,.is-full) .scb-per{font-size:clamp(14px,2.6vmin,30px)}
.scb-board:is(:fullscreen,.is-full) .scb-sets{font-size:clamp(40px,9vmin,120px)}
.scb-board:is(:fullscreen,.is-full) .scb-clock{font-size:clamp(44px,10vmin,140px)}
.scb-board:is(:fullscreen,.is-full)[data-mode="set"] .scb-clock,.scb[data-mode="set"] .scb-board:is(:fullscreen,.is-full) .scb-clock{font-size:clamp(22px,4vmin,48px)}
.scb-board:is(:fullscreen,.is-full) .scb-prog{height:6px}
.scb-board:is(:fullscreen,.is-full) .scb-badge{font-size:clamp(12px,2vmin,22px);padding:4px 12px;border-radius:999px}
.scb-board:is(:fullscreen,.is-full) .scb-note{font-size:clamp(13px,1.9vmin,20px)}
.scb-board:is(:fullscreen,.is-full) :is(.scb-go,.scb-next,.scb-toss){height:clamp(32px,5vmin,54px);padding:0 clamp(12px,2vmin,22px);font-size:clamp(13px,2vmin,21px)}
.scb-board:is(:fullscreen,.is-full) .scb-clab{font-size:clamp(11px,1.6vmin,17px)}
.scb-board:is(:fullscreen,.is-full) .scb-tout{font-size:clamp(12px,1.8vmin,19px)}
.scb-board:is(:fullscreen,.is-full) .scb-tout span{min-width:0;overflow-wrap:anywhere}
.scb-tout b{font-size:clamp(17px,3vmin,32px)}

@container scb (max-width:620px){
  .scb-face{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"m m" "l r"}
  .scb-face > .scb-team:first-child{grid-area:l}
  .scb-face > .scb-team:last-child{grid-area:r;border-left:1px solid color-mix(in srgb,var(--on-fill) 16%,transparent)}
  .scb-mid{grid-area:m;flex-direction:row;flex-wrap:wrap;gap:4px 10px;padding:10px 12px;border-inline:0;border-bottom:1px solid color-mix(in srgb,var(--on-fill) 16%,transparent)}
  .scb-per{flex-basis:100%}
  .scb-clab{display:none}
  .scb[data-mode="set"] .scb-clab{display:inline;margin:0}
  .scb[data-mode="set"] .scb-clock{font-size:20px;padding:0 2px}
  .scb-clock{font-size:34px}
  .scb-prog{order:9;flex-basis:100%;max-width:none}
  .scb-cbtns{margin-top:0}
  .scb-badge,.scb-tout,.scb-toss{order:8}
  .scb-score{font-size:clamp(56px,19cqi,96px)}
  .scb-low{grid-template-columns:minmax(0,1fr)}
}
@container scb (max-width:420px){
  .scb-board{padding:12px 12px}
  .scb-ex{margin:12px 12px 0}
  .scb-low{padding:12px}
  .scb-acts{padding:0 12px 14px}
  .scb-team{padding:11px 9px 10px}
  .scb-name{font-size:14.5px}
  .scb-pts{gap:4px}
  .scb-pts button{font-size:13px}
  .scb-meta{justify-content:center}
  .scb-face > .scb-team:last-child .scb-meta{flex-direction:row}
  .scb-sets{font-size:32px}
  .scb-kbd{display:none}
}
/* 크게 보기: 가로 화면은 좁은 원래 폭(컨테이너 쿼리)이어도 세 칸, 낮은 화면(휴대폰 가로)은 글자를 줄여 모든 단추가 보이게 */
@media (orientation:landscape){
  .scb-board:is(:fullscreen,.is-full) .scb-face{grid-template-columns:minmax(0,1fr) minmax(180px,30%) minmax(0,1fr);grid-template-areas:"l m r"}
  .scb-board:is(:fullscreen,.is-full) .scb-face > .scb-team:first-child{grid-area:l}
  .scb-board:is(:fullscreen,.is-full) .scb-face > .scb-team:last-child{grid-area:r;border-left:0}
  .scb-board:is(:fullscreen,.is-full) .scb-mid{grid-area:m;flex-direction:column;flex-wrap:nowrap;border-inline:1px solid color-mix(in srgb,var(--on-fill) 16%,transparent);border-bottom:0}
  .scb-board:is(:fullscreen,.is-full) :is(.scb-per,.scb-prog){flex-basis:auto;order:0}
  .scb-board:is(:fullscreen,.is-full) :is(.scb-badge,.scb-tout,.scb-toss){order:0}
  .scb-board:is(:fullscreen,.is-full) .scb-clab{display:inline}
  .scb-board:is(:fullscreen,.is-full) .scb-prog{max-width:min(240px,26vmin)}
}
@media (max-height:520px){
  .scb-board:is(:fullscreen,.is-full){gap:6px;padding:8px 12px}
  .scb-board:is(:fullscreen,.is-full) .scb-kbd{display:none}
  .scb-board:is(:fullscreen,.is-full) .scb-team{gap:4px;padding:8px 12px}
  .scb-board:is(:fullscreen,.is-full) .scb-name{font-size:16px}
  .scb-board:is(:fullscreen,.is-full) .scb-color{width:26px;height:26px}
  .scb-board:is(:fullscreen,.is-full) .scb-srv{padding:2px 9px;font-size:11.5px}
  .scb-board:is(:fullscreen,.is-full) .scb-score{font-size:clamp(48px,min(21vh,17vw),200px)}
  .scb-board:is(:fullscreen,.is-full) .scb-pts button{height:30px;font-size:14px}
  .scb-board:is(:fullscreen,.is-full) .scb-meta{min-height:26px;font-size:12px}
  .scb-board:is(:fullscreen,.is-full) .scb-foul b{font-size:16px}
  .scb-board:is(:fullscreen,.is-full) .scb-mid{gap:3px;padding:8px}
  .scb-board:is(:fullscreen,.is-full) .scb-per{font-size:13px}
  .scb-board:is(:fullscreen,.is-full) .scb-clock{font-size:clamp(30px,11vh,60px)}
  .scb-board:is(:fullscreen,.is-full) .scb-sets{font-size:clamp(26px,10vh,52px)}
  .scb-board:is(:fullscreen,.is-full) :is(.scb-go,.scb-next,.scb-toss){height:30px;padding:0 10px;font-size:13px}
  .scb-board:is(:fullscreen,.is-full) .scb-note{min-height:0;font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){.scb-num.is-up,.scb-num.is-down{animation:none}.scb.is-run .scb-prog i{transition:none}}