/* 농구 파울 카운터 — '기록석 보드'. 전광판 띠는 --fill 채움(경기장 점수판), accent 는 위험 신호(자유투 구간·퇴장 직전·퇴장)에만 쓴다.
   홈 = 채운 표시, 원정 = 빗금 표시(색 없이도 구별). 좁은 폭은 컨테이너 질의(bfc 작업면, bfccol 선수 열, bfclog 기록). */
.bfc{container:bfc / inline-size}
.bfc-head{align-items:flex-start}
.bfc-rule{display:flex;flex-direction:column;gap:6px;min-width:0}
.bfc-rules{display:flex;flex-wrap:wrap;gap:4px}
.bfc-rules button{height:30px;padding:0 11px;border:1px solid var(--soft);border-radius:var(--radius);background:var(--paper);font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap;transition:background var(--ease),color var(--ease),border-color var(--ease)}
.bfc-rules button:hover{background:var(--btn);color:var(--ink)}
.bfc-rules button[aria-pressed="true"]{background:var(--fill);border-color:var(--fill);color:var(--on-fill)}
.bfc-sum{flex:1 1 100%;margin:0;font-family:var(--sans);font-size:12.5px;line-height:1.6;color:var(--muted)}

/* ---------- 보드 ---------- */
.bfc-board{padding:14px 18px 4px;background:var(--card)}

/* 전광판 띠 */
.bfc-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,auto) minmax(0,1fr);background:var(--fill);color:var(--on-fill);border-radius:var(--radius)}
.bfc-tc{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name name" "lab num" "meter num" "lamp lamp";align-content:start;gap:2px 10px;padding:10px 14px 12px;min-width:0}
.bfc-tc[data-tm="1"]{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"name name" "num lab" "num meter" "lamp lamp";text-align:right}
.bfc-tname{grid-area:name;font-family:var(--sans);font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.92}
.bfc-tlab{grid-area:lab;align-self:end;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.02em;opacity:.7}
.bfc-tnum{grid-area:num;align-self:center;font-family:var(--sans);font-size:44px;font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums;min-width:1.2ch;text-align:center}
.bfc-meter{grid-area:meter;align-self:start;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(5px,14px);gap:3px}
.bfc-tc[data-tm="1"] .bfc-meter{justify-content:end}
.bfc-meter i{height:8px;border:1px solid color-mix(in srgb,var(--on-fill) 55%,transparent);border-radius:1px;transition:background var(--ease)}
.bfc-meter i.is-on{background:var(--on-fill);border-color:var(--on-fill)}
.bfc-meter i.is-carry{background:repeating-linear-gradient(135deg,var(--on-fill) 0 1.5px,transparent 1.5px 3.5px)}
.bfc-meter i{position:relative}
.bfc-meter i.is-mark::after{content:"";position:absolute;right:-3px;top:-4px;bottom:-4px;width:1.5px;background:var(--on-fill);opacity:.8}
.bfc-lamp{grid-area:lamp;justify-self:start;margin-top:6px;padding:4px 8px 3px;border:1px solid color-mix(in srgb,var(--on-fill) 35%,transparent);border-radius:var(--radius);font-family:var(--sans);font-size:12px;font-weight:600;line-height:1.35;opacity:.82;transition:background var(--ease),color var(--ease)}
.bfc-tc[data-tm="1"] .bfc-lamp{justify-self:end}
.bfc-tc.is-pen .bfc-lamp{background:var(--accent);border-color:var(--accent);color:var(--paper);opacity:1;font-weight:700}
.bfc-tc.is-lit .bfc-lamp{animation:bfc-lit 1.1s ease-out}
.bfc-tnum.is-bump{animation:bfc-bump .32s ease-out}
@keyframes bfc-lit{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 70%,transparent)}60%{box-shadow:0 0 0 9px transparent}100%{box-shadow:none}}
@keyframes bfc-bump{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1)}}

/* 구간 */
.bfc-per{display:grid;grid-template-columns:auto auto;grid-template-areas:"p n" "c c";align-content:center;justify-content:center;gap:6px 10px;padding:10px 12px;border-inline:1px solid color-mix(in srgb,var(--on-fill) 18%,transparent)}
.bfc-plabel{grid-area:p;align-self:center;font-family:var(--sans);font-size:20px;font-weight:800;white-space:nowrap}
.bfc-pnext{grid-area:n;align-self:center;height:26px;padding:0 9px;border:1px solid color-mix(in srgb,var(--on-fill) 45%,transparent);border-radius:var(--radius);background:transparent;color:var(--on-fill);font-family:var(--sans);font-size:12px;font-weight:650;white-space:nowrap}
.bfc-pnext:hover{background:color-mix(in srgb,var(--on-fill) 14%,transparent)}
.bfc-pnext:disabled{opacity:.4}
.bfc-pers{grid-area:c;display:flex;flex-wrap:wrap;justify-content:center;gap:3px;max-width:260px}
.bfc-pers button{min-width:34px;height:26px;padding:0 6px;border:1px solid color-mix(in srgb,var(--on-fill) 35%,transparent);border-radius:var(--radius);background:transparent;color:var(--on-fill);font-family:var(--mono);font-size:12px;font-weight:700;opacity:.85}
.bfc-pers button:hover{opacity:1;background:color-mix(in srgb,var(--on-fill) 14%,transparent)}
.bfc-pers button[aria-pressed="true"]{background:var(--on-fill);color:var(--fill);opacity:1}
.bfc-pers .bfc-addot{font-family:var(--sans);font-weight:600;border-style:dashed}
.bfc-strip :focus-visible{outline-color:var(--on-fill)}

/* 다음 파울 종류 · 도구 */
.bfc-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ty ty" "desc tools";gap:8px 12px;align-items:center;margin-top:10px}
.bfc-tyw{grid-area:ty;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-width:0}
.bfc-types{display:flex;flex-wrap:wrap;gap:4px}
.bfc-types button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--soft);border-radius:var(--radius);background:var(--paper);font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap;transition:background var(--ease),color var(--ease)}
.bfc-types button b{font-family:var(--mono);font-size:12px;color:var(--ink)}
.bfc-types button:hover{background:var(--btn);color:var(--ink)}
.bfc-types button[aria-pressed="true"]{background:var(--fill);border-color:var(--fill);color:var(--on-fill)}
.bfc-types button[aria-pressed="true"] b{color:var(--on-fill)}
.bfc-tdesc{grid-area:desc;margin:0;font-family:var(--sans);font-size:12px;line-height:1.5;color:var(--muted);min-width:0}
.bfc-tools{grid-area:tools;display:flex;align-items:center;gap:6px;justify-self:end}
.bfc-tools .v2-btn .i{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bfc-l2m{margin-right:4px;white-space:nowrap}
.bfc-l2m[hidden]{display:none}

/* 예시 안내 */
.bfc-ex{display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;margin-top:10px;padding:9px 12px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--wash)}
.bfc-ex p{flex:1 1 280px;margin:0;font-family:var(--sans);font-size:12.5px;line-height:1.55;color:var(--ink)}
.bfc-ex[hidden]{display:none}

/* 두 팀 선수 열 */
.bfc-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.bfc-col{container:bfccol / inline-size;display:flex;flex-direction:column;gap:6px;min-width:0;padding:8px;border:1px solid var(--soft);border-radius:var(--radius);background:var(--paper)}
.bfc-chead{display:flex;align-items:center;gap:8px;min-width:0}
.bfc-dot{flex:none;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--fill)}
.bfc-dot.is-h,.is-h > .bfc-dot{background:var(--fill)}
.bfc-dot.is-a,.is-a > .bfc-dot{background:repeating-linear-gradient(135deg,var(--fill) 0 1.5px,transparent 1.5px 3px)}
.bfc-name{flex:1 1 auto;min-width:0;height:32px;padding:0 4px;border:0;border-bottom:1px solid var(--soft);background:none;font-family:var(--sans);font-size:15px;font-weight:700;color:var(--ink);outline:0}
.bfc-name:focus{border-bottom-color:var(--ink)}
.bfc-name::placeholder{color:var(--muted);opacity:.7}
.bfc-edit{flex:none;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border:1px solid var(--soft);border-radius:var(--radius);background:var(--card);font-family:var(--sans);font-size:12px;font-weight:600;color:var(--muted)}
.bfc-edit:hover,.bfc-edit[aria-expanded="true"]{color:var(--ink);background:var(--btn)}
.bfc-edit .i{width:13px;height:13px}
.bfc-list{display:grid;gap:4px}
.bfc-list[hidden],.bfc-editor[hidden],.bfc-only[hidden],.bfc-empty[hidden]{display:none}
.bfc-p{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;grid-template-areas:"no nm pips xt" "no note pips xt";align-items:center;align-content:center;column-gap:10px;min-height:46px;padding:5px 10px 5px 0;border:1px solid var(--soft);border-radius:var(--radius);background:var(--card);text-align:left;cursor:pointer;transition:background var(--ease),border-color var(--ease)}
.bfc-p:hover{background:var(--wash);border-color:var(--line)}
.bfc-p:active{background:var(--btn)}
.bfc-no{grid-area:no;align-self:stretch;display:grid;place-items:center;margin:-5px 0;border-right:1px solid var(--soft);font-family:var(--mono);font-size:16px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.bfc-nm{grid-area:nm;align-self:end;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bfc-note{grid-area:note;align-self:start;font-family:var(--sans);font-size:11.5px;line-height:1.3;color:var(--muted);overflow-wrap:anywhere}
.bfc-note:empty{display:none}
.bfc-pips{grid-area:pips;display:flex;gap:3px}
.bfc-pips i,.bfc-xt i{display:grid;place-items:center;width:17px;height:17px;border:1.5px solid var(--line);border-radius:50%;font-family:var(--mono);font-size:8px;font-weight:700;font-style:normal;line-height:1;color:var(--on-fill);letter-spacing:-.04em}
.bfc-pips i.is-on{background:var(--fill);border-color:var(--fill)}
.bfc-pips i.is-ej,.bfc-xt i.is-ej{box-shadow:0 0 0 1.5px var(--card),0 0 0 3px var(--accent)}
.bfc-pips i.is-x{background:var(--accent);border-color:var(--accent);color:var(--paper)}
.bfc-pips i.is-last{border-style:dashed;border-color:var(--accent)}
.bfc-pips i.is-pop{animation:bfc-pop .38s cubic-bezier(.2,.9,.3,1.3)}
@keyframes bfc-pop{0%{transform:scale(.3)}60%{transform:scale(1.18)}100%{transform:scale(1)}}
.bfc-xt{grid-area:xt;display:flex;gap:3px}
.bfc-xt:empty{display:none}
.bfc-xt i{width:auto;min-width:17px;padding:0 3px;border-radius:9px;border-color:var(--muted);color:var(--ink);background:var(--wash)}
.bfc-p.is-warn{border-color:var(--accent)}
.bfc-p.is-warn .bfc-note{color:var(--accent);font-weight:600}
.bfc-p.is-out{background:var(--wash);cursor:not-allowed}
.bfc-p.is-out .bfc-nm{text-decoration:line-through;color:var(--muted)}
.bfc-p.is-out .bfc-note{color:var(--ink);font-weight:700}
.bfc-p.is-out .bfc-pips i.is-on{background:var(--accent);border-color:var(--accent);color:var(--paper)}
.bfc-p.is-orphan{border-style:dashed}
.bfc-p.is-stamp{animation:bfc-stamp .9s ease-out}
@keyframes bfc-stamp{0%{background:color-mix(in srgb,var(--accent) 28%,var(--card))}100%{background:var(--wash)}}
.bfc-empty{margin:0;padding:6px 2px;font-family:var(--sans);font-size:12.5px;line-height:1.55;color:var(--muted)}
.bfc-editor{display:flex;flex-direction:column;gap:6px}
.bfc-editor textarea{width:100%;min-height:200px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);font-family:var(--mono);font-size:13.5px;line-height:1.55;color:var(--ink);resize:vertical}
.bfc-editor textarea:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 2px var(--accent-wash)}
.bfc-editor textarea[aria-invalid="true"]{border-color:var(--accent)}
.bfc-ehelp,.bfc-emsg{margin:0;font-family:var(--sans);font-size:12px;line-height:1.5;color:var(--muted)}
.bfc-emsg{color:var(--accent)}
.bfc-emsg:empty{display:none}
.bfc-editor .bfc-done{align-self:flex-end}
.bfc-only{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:5px 8px;margin-top:auto;text-align:center;line-height:1.35;border:1px dashed var(--line);border-radius:var(--radius);background:transparent;font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--muted)}
.bfc-only b{flex:none;font-size:15px}
.bfc-only:hover{color:var(--ink);background:var(--wash)}

@container bfccol (max-width:299px){
  .bfc-p{grid-template-columns:30px minmax(0,1fr);grid-template-areas:"no nm" "no pips" "no xt" "no note";row-gap:4px;padding:6px 8px 6px 0;column-gap:8px}
  .bfc-no{font-size:15px;margin:-6px 0}
  .bfc-nm{font-size:13px;align-self:center;min-height:1.2em}
  .bfc-note{font-size:11px;white-space:normal;line-height:1.3}
  .bfc-pips i,.bfc-xt i{width:15px;height:15px;font-size:7.5px}
  .bfc-xt i{width:auto}
}

/* ---------- 흐름 · 기록 ---------- */
.bfc-status{margin:0;padding:8px 0 0;min-height:26px;line-height:1.5}
.bfc-low{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 18px 12px}
.bfc-flow,.bfc-logw{container:bfclog / inline-size;margin:0;min-width:0;padding:10px 12px;border:1px solid var(--soft);border-radius:var(--radius);background:var(--paper)}
.bfc-ltitle{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 8px;font-family:var(--sans);font-size:12.5px}
.bfc-ltitle b{font-weight:700;color:var(--ink)}
.bfc-ltitle span{font-family:var(--mono);font-size:11px;color:var(--muted)}
.bfc-chart{--ch:132px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding-top:16px}
.bfc-ccol{display:grid;grid-template-rows:var(--ch) auto;gap:4px;min-width:0;border-radius:var(--radius)}
.bfc-ccol.is-cur{background:var(--wash)}
.bfc-cbars{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid var(--line)}
.bfc-cline{position:absolute;left:0;right:0;bottom:calc(var(--ch) * var(--at, 0) / var(--max, 6));border-top:1.5px dashed var(--accent);opacity:.75;transition:bottom .35s ease}
.bfc-cline[hidden]{display:none}
.bfc-cline.is-2{opacity:.45}
.bfc-cbar{position:relative;display:flex;flex-direction:column-reverse;width:min(20px,38%);height:100%}
.bfc-cbar i{display:block;height:calc(var(--ch) * var(--v, 0) / var(--max, 6));transition:height .35s ease}
.bfc-cbar.is-h .n{background:var(--fill)}
.bfc-cbar.is-a .n{background:repeating-linear-gradient(135deg,var(--fill) 0 2px,transparent 2px 4px);box-shadow:inset 0 0 0 1px var(--fill)}
.bfc-cbar .c{background:repeating-linear-gradient(135deg,var(--line) 0 1.5px,transparent 1.5px 4px);box-shadow:inset 0 0 0 1px var(--soft)}
.bfc-cbar.is-h .o{background:var(--accent)}
.bfc-cbar.is-a .o{background:repeating-linear-gradient(135deg,var(--accent) 0 2px,transparent 2px 4px);box-shadow:inset 0 0 0 1px var(--accent)}
.bfc-cbar b{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(var(--ch) * (var(--tot, 0)) / var(--max, 6) + 2px);font-family:var(--mono);font-size:10.5px;font-weight:700;color:var(--ink);white-space:nowrap}
.bfc-clab{font-family:var(--mono);font-size:11px;text-align:center;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bfc-ccol.is-cur .bfc-clab{color:var(--ink);font-weight:700}
.bfc-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin:8px 0 0;font-family:var(--sans);font-size:11.5px;color:var(--muted)}
.bfc-legend span{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%}
.bfc-legend i{flex:none;width:10px;height:10px}
.bfc-legend i.is-h{background:var(--fill)}
.bfc-legend i.is-a{background:repeating-linear-gradient(135deg,var(--fill) 0 1.5px,transparent 1.5px 3px);box-shadow:inset 0 0 0 1px var(--fill)}
.bfc-legend i.is-o{background:var(--accent)}
.bfc-legend i.is-c{background:repeating-linear-gradient(135deg,var(--line) 0 1.5px,transparent 1.5px 3px);box-shadow:inset 0 0 0 1px var(--soft)}
.bfc-log{height:196px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.bfc-log ol{list-style:none;margin:0;padding:0}
.bfc-lper{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;height:28px;margin:0;background:var(--paper);border-bottom:1px solid var(--soft);font-family:var(--sans);font-size:12px}
.bfc-lper b{font-weight:700;color:var(--ink)}
.bfc-lper span{font-family:var(--mono);font-size:11px;color:var(--muted)}
.bfc-log li{display:flex;align-items:center;flex-wrap:wrap;gap:2px 7px;min-height:28px;padding:3px 0;font-family:var(--sans);font-size:12.5px;line-height:1.35;color:var(--ink);border-bottom:1px dotted var(--soft)}
.bfc-log li .bfc-dot{width:8px;height:8px}
.bfc-lwho{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bfc-lcode{flex:none;font-family:var(--mono);font-size:11px;padding:1px 4px;border:1px solid var(--soft);border-radius:var(--radius)}
.bfc-lmeta{flex:0 1 auto;min-width:0;white-space:nowrap;font-family:var(--mono);font-size:11px;color:var(--muted)}
.bfc-log li em{flex:0 1 auto;min-width:0;white-space:nowrap;font-style:normal;font-size:11px;font-weight:700;color:var(--accent)}
.bfc-log li.is-inpen .bfc-lmeta{color:var(--accent)}
.bfc-ldel{flex:none;margin-left:auto;width:24px;height:24px;border:0;border-radius:var(--radius);background:none;font-size:16px;line-height:1;color:var(--muted)}
.bfc-ldel:hover:not(:disabled){background:var(--btn);color:var(--ink)}
.bfc-ldel:disabled{opacity:.3}
.bfc-lempty{margin:0;font-family:var(--sans);font-size:12.5px;line-height:1.6;color:var(--muted)}
@container bfclog (max-width:340px){ .bfc-lmeta{display:none} }
@container bfccol (max-width:260px){ .bfc-edit{padding:0 8px} .bfc-edit span{display:none} }

.bfc-acts{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0 18px 16px}
.bfc-saved{margin-left:auto;font-family:var(--sans);font-size:12px;color:var(--muted)}

/* ---------- 좁은 작업면 ---------- */
@container bfc (max-width:719px){
  .bfc-low{grid-template-columns:minmax(0,1fr)}
  .bfc-log{height:auto;max-height:196px}
}
@container bfc (max-width:599px){
  .bfc-board{padding:12px 12px 4px}
  .bfc-head{padding:12px}
  .bfc-strip{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"h p a" "h n a" "c c c"}
  .bfc-per{display:contents}
  .bfc-tc[data-tm="0"]{grid-area:h} .bfc-tc[data-tm="1"]{grid-area:a}
  .bfc-plabel{grid-area:p;align-self:end;justify-self:center;padding-top:10px;font-size:17px}
  .bfc-pnext{grid-area:n;align-self:start;justify-self:center;margin-top:4px}
  .bfc-pers{grid-area:c;max-width:none;padding:8px 10px 10px;border-top:1px solid color-mix(in srgb,var(--on-fill) 18%,transparent)}
  .bfc-tc{padding:9px 10px 10px;grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "num" "meter" "lamp";gap:3px}
  .bfc-tc[data-tm="1"]{grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "num" "meter" "lamp"}
  .bfc-tc[data-tm="0"] .bfc-tnum{justify-self:start;text-align:left} .bfc-tc[data-tm="1"] .bfc-tnum{justify-self:end;text-align:right}
  .bfc-tlab{display:none}
  .bfc-tname{font-size:12.5px}
  .bfc-tnum{font-size:36px}
  .bfc-meter i{width:11px;height:7px}
  .bfc-lamp{margin-top:4px;font-size:11px;padding:3px 6px 2px}
  .bfc-bar{grid-template-columns:minmax(0,1fr);grid-template-areas:"ty" "tools" "desc"}
  .bfc-tools{justify-self:start;flex-wrap:wrap}
  .bfc-types button:not([data-c="p"]) span{display:none}
  .bfc-cols{gap:8px}
  .bfc-col{padding:6px}
  .bfc-edit{padding:0 7px}
  .bfc-low{padding:8px 12px 12px}
  .bfc-acts{padding:0 12px 14px}
  .bfc-saved{margin-left:0;flex:1 1 100%}
}

/* ---------- 크게 보기 ---------- */
.bfc-board:fullscreen,.bfc-board.is-full{overflow:auto;padding:24px clamp(16px,3vw,40px);background:var(--paper)}
.bfc-board.is-full{position:fixed;inset:0;z-index:1000}
body.bfc-lock{overflow:hidden}
.bfc-board:is(:fullscreen,.is-full) .bfc-tnum{font-size:clamp(48px,7vw,96px)}
.bfc-board:is(:fullscreen,.is-full) .bfc-tname{font-size:clamp(14px,1.6vw,22px)}
.bfc-board:is(:fullscreen,.is-full) .bfc-plabel{font-size:clamp(20px,2.4vw,34px)}
.bfc-board:is(:fullscreen,.is-full) .bfc-lamp{font-size:clamp(12px,1.3vw,17px)}
.bfc-board:is(:fullscreen,.is-full) .bfc-meter i{width:clamp(14px,1.6vw,24px);height:clamp(8px,.9vw,13px)}
.bfc-board:is(:fullscreen,.is-full) .bfc-p{min-height:clamp(46px,6vh,64px)}
.bfc-board:is(:fullscreen,.is-full) .bfc-nm{font-size:clamp(14px,1.5vw,19px)}
.bfc-board:is(:fullscreen,.is-full) .bfc-no{font-size:clamp(16px,1.8vw,24px)}
.bfc-board:is(:fullscreen,.is-full) .bfc-pips i{width:clamp(17px,1.9vw,26px);height:clamp(17px,1.9vw,26px);font-size:clamp(8px,.85vw,11px)}

@media (prefers-reduced-motion: reduce){
  .bfc *,.bfc *::before,.bfc *::after{animation:none!important;transition:none!important}
}