body:has(.recent:not([hidden])){--recent-h:47px}.sb-screen{height:calc(100vh - 53px - var(--recent-h,0px));height:calc(100dvh - 53px - var(--recent-h,0px));flex-direction:column;min-height:520px;display:flex}.sb-hero{padding:clamp(8px,2vh,20px) var(--gutter) 0;flex:none}.sb-hero h1{font-size:clamp(26px,3.6vw,44px)}.sb-hero p{text-wrap:balance;margin-top:6px;font-size:clamp(14px,1.4vw,18px)}.sb-head{padding:8px var(--gutter);flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:6px 14px;display:flex}.sb-variant-select{flex:0 auto;align-items:center;min-width:0;display:inline-flex}.sb-variant-select[hidden]{display:none}.sb-variant-select select{appearance:none;background:var(--fill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 2 6 6.5 10.5 2' fill='none' stroke='%238E8E93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center / 11px 8px;max-width:100%;height:34px;color:var(--label);font:600 13px/34px var(--font);text-overflow:ellipsis;cursor:pointer;border:0;border-radius:10px;padding:0 28px 0 12px}.sb-head .toolbar{margin:0}.sb-head .pill{box-shadow:var(--shadow-s);padding:3px}.sb-head .tb{justify-content:center;width:38px;height:34px;padding:0}.sb-play{min-height:0;padding:0 var(--gutter) 12px;flex:1 1 0;margin:0}.sb-play>.stage:not(.is-fs){aspect-ratio:auto;width:100%;height:100%;display:block}.sb-play>.stage:not(.is-fs) .board{aspect-ratio:auto;width:100%;height:100%}@media (height<=880px){.sb-hero p{display:none}.sb-hero h1{font-size:clamp(22px,3vw,32px)}}@media (width>=1024px) and (height>=501px){.sb-screen{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;display:grid}.sb-hero{min-width:0;padding:12px 0 10px var(--gutter);text-align:left;grid-area:1/1;align-self:center}.sb-hero h1{text-wrap:balance;font-size:clamp(24px,2.1vw,34px)}.sb-hero p{text-wrap:pretty;max-width:46em;margin:3px 0 0;font-size:15px;line-height:1.35}.sb-head{padding:12px var(--gutter) 10px 16px;flex-wrap:nowrap;grid-area:1/2;justify-content:flex-end;align-self:center}.sb-play{grid-area:2/1/auto/-1}.sb-setup{grid-area:3/1/auto/-1}}.sb-setup{padding:0 var(--gutter) 10px;flex:none;justify-content:center;gap:clamp(12px,2.4vw,32px);display:flex}.sb-setup[hidden],.setup-item[hidden]{display:none!important}.setup-item{background:var(--elev);min-width:132px;box-shadow:0 0 0 1px var(--sep);border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:3px;padding:6px 8px;display:flex}.setup-label{color:var(--label-2);white-space:nowrap;font-size:12px;font-weight:600;line-height:1.1}.setup-ctl{justify-content:space-between;align-items:center;gap:4px;width:100%;display:flex}.setup-btn{background:var(--fill);width:34px;height:34px;color:var(--label);font:600 19px/1 var(--font);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:10px;flex:none;padding:0;transition:background-color .15s}.setup-btn:hover,.setup-btn:active{background:var(--fill-2)}.setup-btn:disabled{opacity:.35;cursor:default}.setup-value{min-width:48px;font:700 19px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-align:center;white-space:nowrap;flex:auto}.setup-switch{cursor:pointer;justify-content:center;gap:7px;min-width:84px}.sb-setup .setup-item{min-width:0;box-shadow:none;background:0 0;border-radius:0;flex-direction:row;flex:0 auto;gap:8px;padding:0}.sb-setup .setup-ctl{gap:2px;width:auto}.sb-setup .setup-btn{border-radius:50%;width:30px;height:30px;font-size:17px}.sb-setup .setup-value{letter-spacing:0;min-width:40px;font-size:15px}.sb-setup .setup-label{font-size:12.5px}.sb-setup .setup-switch{min-width:0}.is-locked .setup-btn,.is-locked .setup-value,.is-locked .toggle{opacity:.45}.is-locked .setup-btn:hover{background:var(--fill)}.sheet-setup:empty{display:none}.sheet-setup-title:has(+.sheet-setup:empty){display:none}.sheet-setup .setup-item{min-width:0;box-shadow:none;background:0 0;border-radius:0;flex-direction:row;justify-content:space-between;padding:8px 16px}.sheet-setup .setup-item+.setup-item{border-top:1px solid var(--sep)}.sheet-setup .setup-label{color:var(--label);font-size:15px;font-weight:400}.sheet-setup .setup-ctl{width:auto}.sheet-setup .setup-switch{justify-content:space-between}.board[data-phase=rest] .slot.clock{color:#34c759}.board[data-golden] .slot.clock,.board[data-phase=prep] .slot.clock{color:#ffd60a}.board.on-warn .slot.clock{color:#ffd60a;animation:1s steps(2,jump-none) infinite clockWarn}@keyframes clockWarn{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.board.on-warn .slot.clock{animation:none}}.tb-of{color:var(--board-muted);font-size:clamp(11px,var(--s-label),16px);white-space:nowrap;font-weight:600}.board[data-layout=hoops] .tb-of{display:none}body:has(.sb-screen) .toast{top:max(10px,env(safe-area-inset-top));bottom:auto;transform:translate(-50%,-14px)}body:has(.sb-screen) .toast.show{transform:translate(-50%)}.display-mode main>.sb-screen{height:auto;min-height:0;display:block}.display-mode :is(.sb-head,.sb-hero,.recent,.sb-setup){display:none}.board[data-design=court]{--tb-ink-soft:color-mix(in srgb,var(--board-ink) 14%,transparent);--tb-ink-softer:color-mix(in srgb,var(--board-ink) 24%,transparent)}.board[data-design=court] .bi{--tb-ctl:clamp(44px,min(6.4cqw,11.2cqh),92px);--tb-mini:clamp(32px,min(3.4cqw,6.4cqh),52px);--s-name:4.4em;--s-score:28em;--s-clock:12.6em;--s-period:6em;--s-shot:9.5em;--s-stat:5em;--s-label:1.9em;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:clamp(6px,1.4cqw,24px);padding:clamp(8px,1.5cqw,22px)}.board[data-design=court] .b-title{margin-bottom:.4em}.board[data-design=court] .team{--score-c:var(--board-ink);flex-direction:row;justify-content:flex-start;align-items:stretch;gap:clamp(6px,1.3cqw,20px)}.board[data-design=court]:not(.multi) .team[data-side="1"]{flex-direction:row-reverse}.tb-rail{flex-direction:column;flex:none;justify-content:center;gap:clamp(5px,1.2cqh,14px);display:flex}.tb-rail .round{width:var(--tb-ctl);height:var(--tb-ctl);border-radius:var(--r-m);background:var(--tb-ink-soft);color:var(--board-ink);font-size:calc(var(--tb-ctl) * .34);letter-spacing:-.02em;flex:none}.tb-rail .round small{letter-spacing:0;white-space:nowrap;margin-bottom:.12em;font-size:max(11px,.42em);font-weight:700;line-height:1.05;display:block}.tb-rail .round:has(small){width:calc(var(--tb-ctl) * 1.18);min-width:58px;line-height:1.05;font-size:calc(var(--tb-ctl) * .3)}.tb-rail .round:hover{background:var(--tb-ink-softer)}.tb-rail .round.add{background:var(--tc);color:var(--tc-on)}.tb-rail .round.add:hover{background:var(--tc)}.tb-rail .round[data-n="-1"]{height:calc(var(--tb-ctl) * .72);font-size:calc(var(--tb-ctl) * .27)}.tb-side{flex-direction:column;flex:1 1 0;align-items:center;gap:clamp(2px,1cqh,12px);min-width:0;min-height:0;display:flex}.board[data-design=court] .team-stats{flex-wrap:wrap;flex:none;order:-1;justify-content:center;align-items:center;gap:clamp(4px,.8cqh,10px) clamp(10px,2cqw,30px);width:100%}.board[data-design=court] .stat{gap:.4em}.board[data-design=court] .stat-v{color:var(--stat,var(--board-ink))}.board[data-design=court] .fouls.limit .stat-v{color:var(--shot)}.tb-stepper{align-items:center;gap:clamp(3px,.6cqw,8px);display:flex}.tb-step{width:var(--tb-mini);height:var(--tb-mini);border-radius:var(--r-s);background:var(--tb-ink-soft);color:var(--board-ink);font:600 calc(var(--tb-mini) * .46)/1 var(--font);cursor:pointer;transition:background-color .15s,transform .12s var(--ease);border:0;flex:none;padding:0}.tb-step:hover{background:var(--tb-ink-softer)}.tb-step:active{transform:scale(.94)}.board[data-design=court]:not(.readonly) .tos{min-height:var(--tb-mini);cursor:pointer}.board[data-design=court] .dots{min-height:calc(var(--tb-mini) * .9);align-items:center;gap:.8em;height:auto;padding:0 .5em}.board[data-design=court] .dot{width:clamp(9px,1.3cqw,20px);height:clamp(9px,1.3cqw,20px)}.board[data-design=court] .team-head{flex:none;gap:clamp(4px,.6cqw,10px);width:100%}.board[data-design=court] .team-name{text-align:center}.board[data-design=court]:not(.readonly) .team-name{display:none}.board[data-design=court] .tb-name{width:100%;min-width:0;color:var(--board-ink);font:600 clamp(16px,calc(var(--s-name)),64px)/1.15 var(--font);text-align:center;text-overflow:ellipsis;background:0 0;flex:1;padding:.08em .2em}.board[data-design=court] .tb-name:hover,.board[data-design=court] .tb-name:focus{background:var(--tb-ink-soft)}.board[data-design=court] .tb-name::placeholder{color:inherit;opacity:1}.board[data-design=court] .swatch{width:clamp(18px,1.9cqw,28px);height:clamp(18px,1.9cqw,28px);box-shadow:inset 0 0 0 1px var(--tb-ink-softer)}.board[data-design=court] .team-bar{flex:none;width:44%;height:clamp(3px,.45cqw,7px)}.board[data-design=court] .score-win{cursor:pointer;border-radius:var(--r-m);flex:1 1 0;width:100%;min-height:0;transition:background-color .15s;position:relative;container-type:size}.board[data-design=court] .score{font-size:min(112cqh,80cqw)}.board[data-design=court][data-hundreds] .score:not(.w3){font-size:min(112cqh,68cqw)}.board[data-design=court] .score.w3{font-size:min(112cqh,52cqw)}.board[data-design=court]:not(.readonly) .score-win:active{background:var(--tb-ink-soft)}.board.readonly[data-design=court] .score-win{cursor:default}.board[data-design=court] .slot .seg .off{opacity:.11}.tb-bonus{background:var(--shot);color:#000;font:700 clamp(10px,var(--s-label),16px)/1.4 var(--font);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.15em .8em;position:absolute;top:0;left:50%;transform:translate(-50%)}.tb-flag{z-index:1;background:var(--board-ink);color:var(--board);font:700 clamp(11px,var(--s-label),18px)/1.35 var(--font);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;pointer-events:none;border:0;border-radius:999px;padding:.2em .9em;position:absolute;left:50%;transform:translate(-50%)}.tb-winner{color:#000;background:#ffd60a;bottom:2%;box-shadow:0 2px 10px #00000040}.tb-senshu{pointer-events:auto;cursor:pointer;top:0}.board.readonly .tb-senshu{pointer-events:none}.board[data-layout=mat] .tb-flag:not(.tb-winner){background:var(--tc-on);color:var(--tc)}.board[data-tally-big] .tb-tally{position:relative}.board[data-design=court] .center{flex-direction:column;justify-content:space-between;align-items:center;gap:clamp(3px,1cqh,12px);min-width:0;min-height:0}.tb-top{align-items:center;gap:clamp(4px,1cqw,16px);display:flex}.board[data-design=court] .clock-win{border-radius:var(--r-m)}.tb-arrow{width:clamp(26px,calc(var(--s-clock) * .3),76px);height:clamp(44px,calc(var(--s-clock) * .62),130px);border-radius:var(--r-s);color:var(--clock);cursor:pointer;background:0 0;border:0;flex:none;padding:0}.tb-arrow svg{fill:currentColor;opacity:.14;width:100%;height:100%;transition:opacity .15s;display:block}.tb-arrow svg.on{opacity:1}.board.readonly .tb-arrow{pointer-events:none}.tb-start{white-space:nowrap;width:clamp(120px,20cqw,280px);height:calc(var(--tb-ctl) * .78);min-height:44px;font-size:clamp(15px,calc(var(--tb-ctl) * .3),24px);flex:none;padding-inline:8px}.tb-start.tb-next svg.i{display:none}.tb-start.running{background:var(--tb-ink-soft);color:var(--board-ink)}.tb-start.running:hover{background:var(--tb-ink-softer)}.board[data-design=court] .period-row,.board[data-design=court] .shot-row{gap:clamp(2px,.5cqh,6px)}.tb-shot-ctl,.tb-extra{justify-content:center;align-items:center;gap:clamp(4px,.6cqw,8px);display:flex}.tb-extra:not(:has(>:not([hidden]))){display:none}.tb-break .i{display:none}.board[data-design=court] .center .chip-btn{height:var(--tb-mini);min-width:calc(var(--tb-mini) * 1.3);background:var(--tb-ink-soft);color:var(--board-ink);font-size:clamp(13px,calc(var(--tb-mini) * .34),18px);padding:0 .7em}.board[data-design=court] .center .chip-btn:hover{background:var(--tb-ink-softer)}.board[data-design=court] .center .chip-btn.icon{min-width:var(--tb-mini);width:var(--tb-mini);padding:0}.board[data-design=court] .marks .stat-v{color:var(--shot)}.tb-target{color:var(--board-ink);font:600 clamp(14px,var(--s-label),24px)/1.2 var(--font);text-align:center}.tb-downs{justify-content:center;align-items:flex-end;gap:clamp(8px,1.6cqw,24px);display:flex}.tb-downs-item{flex-direction:column;align-items:center;gap:clamp(2px,.5cqh,6px);display:flex}.board.readonly .tb-ctl{display:none}.board.readonly[data-design=court] .bi{--s-clock:13.5em;--s-shot:12em;--s-period:8em;--s-stat:6em;--s-name:5.4em;--s-label:2.2em}@container (orientation:portrait){.board[data-design=court] .bi{--tb-ctl:clamp(44px,6.6cqh,76px);--tb-mini:clamp(32px,5cqh,52px);--s-name:4.6em;--s-clock:min(14.2em,15cqh);--s-period:6em;--s-shot:8em;--s-stat:5.4em;--s-label:2.3em;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,1.2cqh,16px) clamp(6px,2cqw,16px);font-size:min(2.15cqw,1.22cqh)}.board[data-design=court] .center{grid-area:2/1/auto/-1;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top top""target target""start period""downs downs""shot extra";place-items:center;gap:clamp(4px,1cqh,10px) clamp(6px,2cqw,14px);width:100%;display:grid}.tb-top{grid-area:top;gap:clamp(2px,1cqw,10px)}.tb-target{grid-area:target}.tb-downs{grid-area:downs}.tb-downs-item{flex-direction:row;gap:6px}.tb-rail .round:has(small){width:100%;min-width:0}.tb-arrow{width:clamp(20px,6.4cqw,48px);height:clamp(40px,8cqh,90px)}.tb-start{grid-area:start;width:100%}.board[data-design=court] .period-row{flex-direction:row;grid-area:period;gap:6px}.board[data-design=court] .shot-row{flex-direction:row;grid-area:shot;justify-self:start;gap:5px}.board[data-design=court] .center>.tb-extra{grid-area:extra;justify-self:end}.board[data-design=court] .center .chip-btn{min-width:calc(var(--tb-mini) * 1.1);padding:0 .45em}.board[data-design=court] .team-bar,.board[data-design=court] .tos .stat-l{display:none}.board[data-design=court] .stat.tos{justify-content:center;min-height:0}.board[data-design=court] .dots{min-height:18px}.board[data-design=court]:not(.multi) .team[data-side="0"]{grid-area:3/1}.board[data-design=court]:not(.multi) .team[data-side="1"]{grid-area:3/2}.board[data-design=court] .team,.board[data-design=court]:not(.multi) .team[data-side="1"]{flex-direction:column-reverse;gap:clamp(4px,1cqh,10px)}.tb-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.tb-rail .round,.tb-rail .round[data-n="-1"]{width:100%;height:var(--tb-ctl);font-size:clamp(17px,calc(var(--tb-ctl) * .36),26px)}.tb-start{height:clamp(40px,5.6cqh,60px);min-height:40px}.board[data-design=court] .team-stats{flex-direction:column;gap:3px}.board[data-design=court] .stat{flex-flow:wrap;justify-content:center;gap:2px 6px;width:100%}.board[data-design=court] .dot{width:clamp(8px,2.2cqw,14px);height:clamp(8px,2.2cqw,14px)}.board[data-design=court] .dots{gap:4px;padding:0}.board.readonly[data-design=court] .bi{--s-clock:17em;--s-shot:14em}}.board[data-art]:before{content:"";pointer-events:none;background:var(--board-ink);opacity:.13;-webkit-mask:var(--art) center/100% 100% no-repeat;-webkit-mask:var(--art) center/100% 100% no-repeat;mask:var(--art) center/100% 100% no-repeat;position:absolute;inset:0}.board[data-art=icerink]:before{opacity:.2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='10' y='10' width='980' height='480' rx='70' stroke='%23C8102E'/%3E%3Cpath stroke='%23C8102E' stroke-width='9' d='M500 10V490'/%3E%3Cpath stroke='%230B4FB3' stroke-width='9' d='M340 10V490M660 10V490'/%3E%3Ccircle cx='500' cy='250' r='70' stroke='%230B4FB3'/%3E%3Cg stroke='%23C8102E'%3E%3Cpath d='M65 10V490M935 10V490'/%3E%3C/g%3E%3C/svg%3E") 50%/100% 100% no-repeat;-webkit-mask:none;mask:none}.board[data-layout=mat][data-art]:before{z-index:2;opacity:.08;background:#fff}.board[data-art=pitch]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='10' y='10' width='980' height='480'/%3E%3Cpath d='M500 10L500 490'/%3E%3Ccircle cx='500' cy='250' r='75'/%3E%3Crect x='10' y='110' width='130' height='280'/%3E%3Crect x='860' y='110' width='130' height='280'/%3E%3Crect x='10' y='185' width='50' height='130'/%3E%3Crect x='940' y='185' width='50' height='130'/%3E%3C/svg%3E")}.board[data-art=futsal]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='10' y='10' width='980' height='480'/%3E%3Cpath d='M500 10L500 490'/%3E%3Ccircle cx='500' cy='250' r='60'/%3E%3Cpath d='M10 120Q190 250 10 380'/%3E%3Cpath d='M990 120Q810 250 990 380'/%3E%3C/svg%3E")}.board[data-art=fullcourt]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='10' y='10' width='980' height='480'/%3E%3Cpath d='M500 10L500 490'/%3E%3Ccircle cx='500' cy='250' r='60'/%3E%3Crect x='10' y='165' width='170' height='170'/%3E%3Crect x='820' y='165' width='170' height='170'/%3E%3Cpath d='M10 40Q430 250 10 460'/%3E%3Cpath d='M990 40Q570 250 990 460'/%3E%3C/svg%3E")}.board[data-art=halfcourt]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='10' y='10' width='980' height='480'/%3E%3Crect x='330' y='10' width='340' height='190'/%3E%3Ccircle cx='500' cy='200' r='85'/%3E%3Cpath d='M90 10Q500 520 910 10'/%3E%3C/svg%3E")}.board[data-art=gridiron]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='10' y='10' width='980' height='480'/%3E%3Cpath d='M100 10L100 490'/%3E%3Cpath d='M900 10L900 490'/%3E%3Cpath d='M200 10L200 490'/%3E%3Cpath d='M300 10L300 490'/%3E%3Cpath d='M400 10L400 490'/%3E%3Cpath d='M500 10L500 490'/%3E%3Cpath d='M600 10L600 490'/%3E%3Cpath d='M700 10L700 490'/%3E%3Cpath d='M800 10L800 490'/%3E%3Cpath d='M150 195L150 215'/%3E%3Cpath d='M150 285L150 305'/%3E%3Cpath d='M200 195L200 215'/%3E%3Cpath d='M200 285L200 305'/%3E%3Cpath d='M250 195L250 215'/%3E%3Cpath d='M250 285L250 305'/%3E%3Cpath d='M300 195L300 215'/%3E%3Cpath d='M300 285L300 305'/%3E%3Cpath d='M350 195L350 215'/%3E%3Cpath d='M350 285L350 305'/%3E%3Cpath d='M400 195L400 215'/%3E%3Cpath d='M400 285L400 305'/%3E%3Cpath d='M450 195L450 215'/%3E%3Cpath d='M450 285L450 305'/%3E%3Cpath d='M500 195L500 215'/%3E%3Cpath d='M500 285L500 305'/%3E%3Cpath d='M550 195L550 215'/%3E%3Cpath d='M550 285L550 305'/%3E%3Cpath d='M600 195L600 215'/%3E%3Cpath d='M600 285L600 305'/%3E%3Cpath d='M650 195L650 215'/%3E%3Cpath d='M650 285L650 305'/%3E%3Cpath d='M700 195L700 215'/%3E%3Cpath d='M700 285L700 305'/%3E%3Cpath d='M750 195L750 215'/%3E%3Cpath d='M750 285L750 305'/%3E%3Cpath d='M800 195L800 215'/%3E%3Cpath d='M800 285L800 305'/%3E%3Cpath d='M850 195L850 215'/%3E%3Cpath d='M850 285L850 305'/%3E%3C/svg%3E")}.board[data-art=hockeyfield]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='10' y='10' width='980' height='480'/%3E%3Cpath d='M500 10L500 490'/%3E%3Cpath d='M250 10L250 490'/%3E%3Cpath d='M750 10L750 490'/%3E%3Cpath d='M10 90Q300 250 10 410'/%3E%3Cpath d='M990 90Q700 250 990 410'/%3E%3C/svg%3E")}.board[data-art=rugby]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='10' y='10' width='980' height='480'/%3E%3Cpath d='M500 10L500 490'/%3E%3Cpath d='M90 10L90 490'/%3E%3Cpath d='M910 10L910 490'/%3E%3Cpath d='M290 10L290 490'/%3E%3Cpath d='M710 10L710 490'/%3E%3Cpath stroke-dasharray='14 14' d='M420 10V490M580 10V490'/%3E%3C/svg%3E")}.board[data-art=oval]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Cellipse cx='500' cy='250' rx='485' ry='235'/%3E%3Crect x='430' y='180' width='140' height='140'/%3E%3Ccircle cx='500' cy='250' r='50'/%3E%3Cpath d='M15 250Q180 60 345 250Q180 440 15 250'/%3E%3Cpath d='M985 250Q820 60 655 250Q820 440 985 250'/%3E%3C/svg%3E")}.board[data-art=rinkfloor]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='10' y='10' width='980' height='480' rx='70'/%3E%3Cpath d='M500 10L500 490'/%3E%3Cpath d='M340 10L340 490'/%3E%3Cpath d='M660 10L660 490'/%3E%3Ccircle cx='500' cy='250' r='70'/%3E%3C/svg%3E")}.board[data-art=pool]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='10' y='10' width='980' height='480'/%3E%3Cpath d='M70 10L70 490'/%3E%3Cpath d='M170 10L170 490'/%3E%3Cpath d='M830 10L830 490'/%3E%3Cpath d='M930 10L930 490'/%3E%3Cpath stroke-dasharray='14 14' d='M500 10V490M10 170H990M10 330H990'/%3E%3C/svg%3E")}.board[data-art=netball]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='10' y='10' width='980' height='480'/%3E%3Cpath d='M337 10L337 490'/%3E%3Cpath d='M663 10L663 490'/%3E%3Ccircle cx='500' cy='250' r='45'/%3E%3Cpath d='M10 110Q230 250 10 390'/%3E%3Cpath d='M990 110Q770 250 990 390'/%3E%3C/svg%3E")}.board[data-art=kabaddi]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='10' y='10' width='980' height='480'/%3E%3Cpath d='M500 10L500 490'/%3E%3Cpath d='M360 10L360 490'/%3E%3Cpath d='M640 10L640 490'/%3E%3Cpath stroke-dasharray='14 14' d='M280 10V490M720 10V490'/%3E%3C/svg%3E")}.board[data-art=circle]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Ccircle cx='500' cy='250' r='235'/%3E%3Ccircle cx='500' cy='250' r='175'/%3E%3Ccircle cx='500' cy='250' r='28'/%3E%3C/svg%3E")}.board[data-art=ring]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='30' y='30' width='940' height='440'/%3E%3Crect x='60' y='60' width='880' height='380'/%3E%3Crect x='90' y='90' width='820' height='320'/%3E%3C/svg%3E")}.board[data-art=tatami]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='10' y='10' width='980' height='480'/%3E%3Crect x='150' y='70' width='700' height='360'/%3E%3Cpath d='M150 10L150 490'/%3E%3Cpath d='M325 10L325 490'/%3E%3Cpath d='M500 10L500 490'/%3E%3Cpath d='M675 10L675 490'/%3E%3Cpath d='M850 10L850 490'/%3E%3Cpath d='M10 130L990 130'/%3E%3Cpath d='M10 250L990 250'/%3E%3Cpath d='M10 370L990 370'/%3E%3C/svg%3E")}.board[data-art=diamond]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Cpath d='M500 500L60 60M500 500L940 60'/%3E%3Cpath d='M60 60Q500 -90 940 60'/%3E%3C/svg%3E")}.board[data-art=cricket]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Cellipse cx='500' cy='250' rx='485' ry='235'/%3E%3Cellipse stroke-dasharray='14 14' cx='500' cy='250' rx='300' ry='150'/%3E%3Crect x='445' y='195' width='110' height='110'/%3E%3C/svg%3E")}.board[data-art=net]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='10' y='10' width='980' height='480'/%3E%3Cpath stroke-dasharray='6 10' stroke-width='5' d='M500 0V500'/%3E%3Cpath d='M250 10L250 490'/%3E%3Cpath d='M750 10L750 490'/%3E%3C/svg%3E")}.board[data-art=tennis]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='10' y='10' width='980' height='480'/%3E%3Cpath d='M10 70H990M10 430H990'/%3E%3Cpath stroke-dasharray='6 10' stroke-width='5' d='M500 0V500'/%3E%3Cpath d='M260 70L260 430'/%3E%3Cpath d='M740 70L740 430'/%3E%3Cpath d='M260 250L740 250'/%3E%3C/svg%3E")}.board[data-art=tabletop]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='10' y='10' width='980' height='480'/%3E%3Cpath d='M10 250L990 250'/%3E%3Cpath stroke-dasharray='6 10' stroke-width='5' d='M500 0V500'/%3E%3C/svg%3E")}.board[data-art=squash]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Cpath d='M10 60H990M10 190H990M10 400H990'/%3E%3Cpath d='M10 10L10 490'/%3E%3Cpath d='M990 10L990 490'/%3E%3C/svg%3E")}.board[data-art=dartboard]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Ccircle cx='500' cy='250' r='235'/%3E%3Ccircle cx='500' cy='250' r='170'/%3E%3Ccircle cx='500' cy='250' r='150'/%3E%3Ccircle cx='500' cy='250' r='95'/%3E%3Ccircle cx='500' cy='250' r='75'/%3E%3Ccircle cx='500' cy='250' r='24'/%3E%3Cpath d='M500 250L732 287'/%3E%3Cpath d='M500 250L709 357'/%3E%3Cpath d='M500 250L666 416'/%3E%3Cpath d='M500 250L607 459'/%3E%3Cpath d='M500 250L537 482'/%3E%3Cpath d='M500 250L463 482'/%3E%3Cpath d='M500 250L393 459'/%3E%3Cpath d='M500 250L334 416'/%3E%3Cpath d='M500 250L291 357'/%3E%3Cpath d='M500 250L268 287'/%3E%3Cpath d='M500 250L268 213'/%3E%3Cpath d='M500 250L291 143'/%3E%3Cpath d='M500 250L334 84'/%3E%3Cpath d='M500 250L393 41'/%3E%3Cpath d='M500 250L463 18'/%3E%3Cpath d='M500 250L537 18'/%3E%3Cpath d='M500 250L607 41'/%3E%3Cpath d='M500 250L666 84'/%3E%3Cpath d='M500 250L709 143'/%3E%3Cpath d='M500 250L732 213'/%3E%3C/svg%3E")}.board[data-art=cornhole]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='60' y='130' width='300' height='240' rx='12'/%3E%3Ccircle cx='150' cy='250' r='48'/%3E%3Crect x='640' y='130' width='300' height='240' rx='12'/%3E%3Ccircle cx='850' cy='250' r='48'/%3E%3C/svg%3E")}.board[data-art=house]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Ccircle cx='500' cy='250' r='235'/%3E%3Ccircle cx='500' cy='250' r='155'/%3E%3Ccircle cx='500' cy='250' r='80'/%3E%3Ccircle cx='500' cy='250' r='24'/%3E%3Cpath d='M0 250L1000 250'/%3E%3Cpath d='M500 0L500 500'/%3E%3C/svg%3E")}.board[data-art=lane]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Crect x='10' y='10' width='980' height='480'/%3E%3Cpath d='M170 10L170 490'/%3E%3Cpath d='M830 10L830 490'/%3E%3Cpath stroke-dasharray='14 14' d='M330 10V490M670 10V490'/%3E%3C/svg%3E")}.board[data-art=track]{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none' fill='none' stroke='%23000' stroke-width='4' vector-effect='non-scaling-stroke'%3E%3Cpath d='M0 40H700A210 210 0 0 1 700 460H0'/%3E%3Cpath d='M0 70H700A180 180 0 0 1 700 430H0'/%3E%3Cpath d='M0 100H700A150 150 0 0 1 700 400H0'/%3E%3Cpath d='M0 130H700A120 120 0 0 1 700 370H0'/%3E%3Cpath d='M0 160H700A90 90 0 0 1 700 340H0'/%3E%3Cpath d='M0 190H700A60 60 0 0 1 700 310H0'/%3E%3C/svg%3E")}.board[data-design=court] .stat[data-stat] .stat-v{color:var(--board-ink)}.stat[data-stat] .stat-l:before{content:none;vertical-align:-.12em;border-radius:.14em;width:.68em;height:.92em;margin-right:.4em;display:inline-block}.stat[data-stat=yellow] .stat-l:before,.stat[data-stat=shido] .stat-l:before{content:"";background:#ffd60a}.stat[data-stat=red] .stat-l:before{content:"";background:#ff3b30}.tb-tally{flex-wrap:wrap;justify-content:center;gap:clamp(3px,.6cqw,8px);width:100%;display:flex}.tb-tally-chip{background:var(--tb-ink-soft);min-height:clamp(26px,5cqh,38px);color:var(--board-ink);font:500 clamp(12px,min(2.5cqh,1.3cqw),16px)/1 var(--font);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.45em;padding:0 .7em;display:inline-flex}.tb-tally-chip b{font-variant-numeric:tabular-nums;font-weight:700}.tb-tally-chip:hover{background:var(--tb-ink-softer)}.board.readonly .tb-tally-chip{pointer-events:none}.board[data-design=court] .tb-pen{flex-wrap:wrap;justify-content:center;gap:clamp(3px,.6cqw,8px)}.tb-pen-win{flex:none;min-width:0}.tb-pen .stat-v{color:var(--board-muted)}.board[data-design=court] .tb-pen.active .stat-v{color:var(--shot)}.tb-pen-more{color:var(--shot);font:700 clamp(12px,var(--s-label),18px)/1 var(--font)}.tb-pen-ctl{align-items:center;gap:clamp(3px,.5cqw,6px);display:flex}.tb-pen .chip-btn{height:var(--tb-mini);min-width:calc(var(--tb-mini) * 1.1);border-radius:var(--r-s);background:var(--tb-ink-soft);color:var(--board-ink);font:600 clamp(12px,calc(var(--tb-mini) * .34),17px)/1 var(--font);cursor:pointer;border:0;padding:0 .5em}.tb-pen .chip-btn:hover{background:var(--tb-ink-softer)}.tb-pen .chip-btn.icon{min-width:var(--tb-mini);width:var(--tb-mini);padding:0}.board[data-shootout] .team-stats>:not(.tb-shoot){display:none}.tb-shoot{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(4px,.8cqw,12px);width:100%;display:flex}.tb-kicks{flex-wrap:wrap;justify-content:center;gap:clamp(3px,.5cqw,7px);display:flex}.tb-kick{width:clamp(12px,min(3cqh,1.6cqw),22px);height:clamp(12px,min(3cqh,1.6cqw),22px);box-shadow:inset 0 0 0 2px var(--tb-ink-softer);border-radius:50%;display:block}.tb-kick.in{box-shadow:none;background:#34c759}.tb-kick.out{box-shadow:none;background:#ff3b30}.tb-shoot-ctl{gap:clamp(3px,.5cqw,6px);display:flex}.tb-shoot .chip-btn{width:var(--tb-mini);height:var(--tb-mini);border-radius:var(--r-s);background:var(--tb-ink-soft);color:var(--board-ink);font:700 clamp(13px,calc(var(--tb-mini) * .42),20px)/1 var(--font);cursor:pointer;border:0;padding:0}.tb-shoot .chip-btn:hover{background:var(--tb-ink-softer)}.tb-sticks{flex:1 1 0;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);place-items:center;gap:clamp(2px,1cqh,12px) clamp(4px,1cqw,14px);width:100%;min-height:0;display:grid}.tb-sticks svg{fill:none;width:100%;height:100%;max-height:100%;stroke:var(--board-ink);stroke-width:3.4px;stroke-linecap:round;display:block}.tb-sticks path{opacity:.1}.tb-sticks path.on{opacity:1;stroke:var(--stick,#f5d76e)}.board[data-layout=tally] .fly{font-size:clamp(20px,6cqh,44px)}.tb-sticks-l{border-top:1px solid var(--tb-ink-soft);width:100%;color:var(--board-ink);font:600 clamp(12px,min(2.8cqh,1.4cqw),17px)/1 var(--font);letter-spacing:.06em;text-align:center;text-transform:uppercase;grid-column:1/-1;align-self:end;padding-top:clamp(3px,.8cqh,8px)}.board[data-layout=tally] .tb-sticks{grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr)}@container (orientation:landscape){.board[data-design=court][data-layout=mat] .bi{grid-template-columns:minmax(0,1fr) minmax(clamp(180px,25cqw,330px),auto) minmax(0,1fr)}.board[data-design=court][data-layout=mat] .center>.period-row{contain:inline-size;justify-content:center;width:100%}.board[data-layout=stadium] .bi{--s-clock:10.5em;--s-name:3.6em;grid-template:"period clock clock extra""nameL target target nameR""scoreL colon colon scoreR"minmax(0,1fr)"statsL start start statsR""railL. .railR"/minmax(0,1fr) auto auto minmax(0,1fr);row-gap:clamp(3px,1cqh,12px)}.board[data-layout=stadium] :is(.team,.tb-side,.center){display:contents}.board[data-layout=stadium] .b-title{display:none}.board[data-layout=stadium] .bi:after{content:":";color:var(--board-muted);font:300 clamp(40px,min(26cqh,12cqw),170px)/1 var(--font);grid-area:colon;place-self:center}.board[data-layout=stadium] .tb-top{grid-area:clock;justify-self:center}.board[data-layout=stadium] .period-row{flex-direction:row;grid-area:period;place-self:center end;gap:clamp(4px,.8cqw,10px)}.board[data-layout=stadium] .center>.tb-extra{grid-area:extra;place-self:center start}.board[data-layout=stadium] .tb-start{grid-area:start;align-self:center}.board[data-layout=stadium] .tb-target{grid-area:target;align-self:center}.board[data-layout=stadium] .team-bar{display:none}.board[data-layout=stadium] .team-stats{order:0}.board[data-layout=stadium] .tb-rail{flex-direction:row;justify-content:center;align-items:center}.board[data-design=court]:is([data-layout=stadium],[data-layout=rink]) .center>.tb-extra{flex-wrap:wrap}.board[data-layout=stadium] .tb-rail .round{width:auto;min-width:0;max-width:clamp(90px,16cqw,240px);height:var(--tb-ctl);flex:1 1 0}.board[data-layout=stadium] .tb-rail .round[data-n="-1"]{flex:0 0 var(--tb-ctl);height:var(--tb-ctl)}.board[data-layout=stadium] .team[data-side="0"] .team-head{grid-area:nameL}.board[data-layout=stadium] .team[data-side="1"] .team-head{grid-area:nameR}.board[data-layout=stadium] .team[data-side="0"] .score-win{grid-area:scoreL}.board[data-layout=stadium] .team[data-side="1"] .score-win{grid-area:scoreR}.board[data-layout=stadium] .team[data-side="0"] .team-stats{grid-area:statsL}.board[data-layout=stadium] .team[data-side="1"] .team-stats{grid-area:statsR}.board[data-layout=stadium] .team[data-side="0"] .tb-rail{grid-area:railL}.board[data-layout=stadium] .team[data-side="1"] .tb-rail{grid-area:railR}.board[data-layout=stadium] .team[data-side="0"] .tb-rail:has(>:nth-child(4)){grid-column:1/3}.board[data-layout=stadium] .team[data-side="1"] .tb-rail:has(>:nth-child(4)){grid-column:3/5}.board[data-design=court]:is([data-layout=stadium],[data-layout=rink],[data-layout=gridiron]) .team-stats{align-items:flex-start}.board[data-layout=rink] .bi{--s-clock:16em;--s-name:3.8em;grid-template:"nameL clock clock nameR""scoreL clock clock scoreR""scoreL target target scoreR""scoreL period period scoreR""scoreL shot shot scoreR""scoreL start start scoreR"minmax(0,1fr)"statsL extra extra statsR""railL. .railR"/minmax(0,1fr) auto auto minmax(0,1fr);row-gap:clamp(2px,.8cqh,10px)}.board[data-layout=rink] :is(.team,.tb-side,.center){display:contents}.board[data-layout=rink] .b-title{display:none}.board[data-layout=rink] .tb-top{grid-area:clock;justify-self:center}.board[data-layout=rink] .tb-target{grid-area:target;align-self:center}.board[data-layout=rink] .period-row{flex-direction:row;grid-area:period;justify-self:center;gap:clamp(3px,.6cqw,8px)}.board[data-layout=rink] .shot-row{--s-shot:6.6em;flex-direction:row;grid-area:shot;justify-self:center;gap:clamp(3px,.6cqw,8px)}.board[data-layout=rink] .tb-start{grid-area:start;place-self:center}.board[data-layout=rink] .center>.tb-extra{grid-area:extra;justify-self:center}.board[data-layout=rink] .team-bar{display:none}.board[data-layout=rink] .team-stats{order:0}.board[data-layout=rink] .tb-rail{flex-direction:row;justify-content:center;align-items:center}.board[data-layout=rink] .tb-rail .round{width:auto;min-width:0;max-width:clamp(90px,16cqw,240px);height:var(--tb-ctl);flex:1 1 0}.board[data-layout=rink] .tb-rail .round[data-n="-1"]{flex:0 0 var(--tb-ctl)}.board[data-layout=rink] .team[data-side="0"] .team-head{grid-area:nameL}.board[data-layout=rink] .team[data-side="1"] .team-head{grid-area:nameR}.board[data-layout=rink] .team[data-side="0"] .score-win{grid-area:scoreL}.board[data-layout=rink] .team[data-side="1"] .score-win{grid-area:scoreR}.board[data-layout=rink] .team[data-side="0"] .team-stats{grid-area:statsL}.board[data-layout=rink] .team[data-side="1"] .team-stats{grid-area:statsR}.board[data-layout=rink] .team[data-side="0"] .tb-rail{grid-area:railL}.board[data-layout=rink] .team[data-side="1"] .tb-rail{grid-area:railR}.board[data-layout=rink] .team[data-side="0"] .tb-rail:has(>:nth-child(4)){grid-column:1/3}.board[data-layout=rink] .team[data-side="1"] .tb-rail:has(>:nth-child(4)){grid-column:3/5}.board[data-layout=gridiron] .bi{--s-clock:12em;--s-name:3.6em;--s-period:4.6em;--s-shot:6.4em;grid-template:"nameL clock clock nameR""scoreL clock clock scoreR"minmax(0,1fr)"statsL start extra statsR""period downs downs shot""railL railL railR railR"/minmax(0,1fr) auto auto minmax(0,1fr);row-gap:clamp(3px,1cqh,12px)}.board[data-layout=gridiron] :is(.team,.tb-side,.center){display:contents}.board[data-layout=gridiron] .b-title{display:none}.board[data-layout=gridiron] .bi:before{content:"";background:var(--tb-ink-soft);grid-area:4/1/5/5;margin-inline:calc(-1*clamp(8px,1.5cqw,22px))}.board[data-layout=gridiron] .tb-top{grid-area:clock;place-self:center}.board[data-layout=gridiron] .tb-start{grid-area:start;place-self:center end;width:clamp(110px,13cqw,190px)}.board[data-layout=gridiron] .period-row{grid-area:period;place-self:center;padding-block:clamp(2px,.8cqh,8px)}.board[data-layout=gridiron] .tb-downs{grid-area:downs;align-self:center;gap:clamp(8px,1.4cqw,20px);padding-block:clamp(2px,.8cqh,8px)}.board[data-layout=gridiron] .shot-row{flex-flow:wrap;grid-area:shot;justify-content:center;place-self:center;gap:2px 6px;padding-block:clamp(2px,.8cqh,8px)}.board[data-layout=gridiron] .center>.tb-extra{grid-area:extra;place-self:center start}.board[data-layout=gridiron] .team-bar{display:none}.board[data-layout=gridiron] .team-stats{order:0}.board[data-layout=gridiron] .tb-rail{flex-direction:row;justify-content:center;align-items:center}.board[data-layout=gridiron] .tb-rail .round{width:auto;min-width:0;max-width:clamp(70px,11cqw,160px);height:var(--tb-ctl);flex:1 1 0}.board[data-layout=gridiron] .tb-rail .round[data-n="-1"]{flex:0 0 var(--tb-ctl)}.board[data-layout=gridiron] .team[data-side="0"] .team-head{grid-area:nameL}.board[data-layout=gridiron] .team[data-side="1"] .team-head{grid-area:nameR}.board[data-layout=gridiron] .team[data-side="0"] .score-win{grid-area:scoreL}.board[data-layout=gridiron] .team[data-side="1"] .score-win{grid-area:scoreR}.board[data-layout=gridiron] .team[data-side="0"] .team-stats{grid-area:statsL}.board[data-layout=gridiron] .team[data-side="1"] .team-stats{grid-area:statsR}.board[data-layout=gridiron] .team[data-side="0"] .tb-rail{grid-area:railL}.board[data-layout=gridiron] .team[data-side="1"] .tb-rail{grid-area:railR}.board[data-layout=tally] .bi{grid-template-rows:auto minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3px,1cqh,12px) clamp(12px,4cqw,60px)}.board[data-layout=tally] .center{grid-area:1/1/auto/-1}.board[data-layout=tally] .team[data-side="0"]{grid-area:2/1}.board[data-layout=tally] .team[data-side="1"]{grid-area:2/2}.board[data-design=court][data-layout=tally] .team,.board[data-design=court][data-layout=tally]:not(.multi) .team[data-side="1"]{flex-direction:column-reverse}.board[data-layout=tally] .tb-rail{flex-direction:row;justify-content:center}.board[data-layout=tally] .tb-rail .round{width:auto;min-width:0;height:var(--tb-ctl);flex:1 1 0}.board[data-layout=tally] .tb-rail .round:has(small){width:auto;min-width:0}.board[data-layout=tally] .tb-rail .round[data-n="-1"]{flex:0 0 var(--tb-ctl)}.board[data-design=court][data-layout=tally] .score-win{aspect-ratio:2;flex:0 0 clamp(44px,17cqh,120px);width:auto}.board[data-layout=tally] .tb-rail:has(>:nth-child(7)){flex-wrap:wrap}.board[data-layout=tally] .tb-rail:has(>:nth-child(7)) .round{flex:calc(25% - 6px)}.board[data-layout=tally] .team-bar{display:none}}.board[data-design=court][data-layout=mat] .bi{--tb-ctl:clamp(44px,min(5.6cqw,11cqh),84px);gap:0;padding:0}.board[data-layout=mat] .center{position:relative}.board[data-layout=mat] .tb-target{color:#ffd60a;font-size:clamp(13px,var(--s-label),22px);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;font-weight:700;position:absolute;top:clamp(6px,1.4cqh,16px);left:0;right:0}.board[data-layout=mat] .team{--board-ink:var(--tc-on);--board-muted:color-mix(in srgb,var(--tc-on) 74%,transparent);--stat:var(--tc-on);--shot:var(--tc-on);--tb-ink-soft:color-mix(in srgb,var(--tc-on) 16%,transparent);--tb-ink-softer:color-mix(in srgb,var(--tc-on) 28%,transparent);--score-c:var(--tc-on);background:var(--tc);color:var(--tc-on);padding:clamp(8px,1.5cqw,22px)}.board[data-layout=mat] .tb-side{gap:clamp(2px,.8cqh,10px)}.board[data-layout=mat] .tb-rail .round.add{background:var(--tc-on);color:var(--tc)}.board[data-layout=mat] .tb-rail .round.add:hover{background:var(--tc-on)}.board[data-layout=mat] .team-bar{display:none}.board[data-layout=mat] .tb-name{color:var(--tc-on)}.board[data-layout=mat] .center{justify-content:center;gap:clamp(6px,1.6cqh,18px);padding:clamp(8px,1.5cqw,22px) clamp(8px,1.4cqw,20px)}.board[data-design=court][data-layout=mat] .team,.board[data-design=court][data-layout=mat]:not(.multi) .team[data-side="1"]{flex-direction:column-reverse}.board[data-layout=mat] .tb-rail{flex-direction:row;justify-content:center}:is(.board[data-layout=mat] .tb-rail .round,.board[data-layout=mat] .tb-rail .round:has(small)){width:auto;min-width:0;max-width:clamp(80px,11cqw,170px);height:var(--tb-ctl);flex:1 1 0}.board[data-layout=mat] .tb-rail .round[data-n="-1"]{flex:0 0 var(--tb-ctl);height:var(--tb-ctl)}.board[data-design=court]:not([data-layout=hoops]) .team-head{justify-content:center}.board[data-design=court]:not([data-layout=hoops]) .tb-name{field-sizing:content;flex:0 auto;width:auto;max-width:100%}.board[data-tally-big] .score-win{display:none}.board[data-design=court][data-tally-big] .team-stats{flex:1 1 0;order:0;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:stretch;min-height:0;display:grid}.board[data-design=court][data-tally-big] .team-head{order:-1}.board[data-tally-big] .tb-tally{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:clamp(4px,1cqw,14px);min-height:0;display:grid}.tb-rail .round.named small{white-space:normal;margin:0;font-size:max(13px,.5em);line-height:1.1}.board[data-tally-big] .tb-tally-chip{border-radius:var(--r-m);flex-direction:column;justify-content:center;gap:clamp(2px,.8cqh,8px);height:100%;min-height:0;padding:clamp(4px,1cqh,12px);font-size:clamp(13px,min(3cqh,1.7cqw),22px);font-weight:600}.board[data-tally-big] .tb-tally-chip b{text-align:center;flex:1 1 0;width:100%;min-height:0;font-size:clamp(40px,min(24cqh,11cqw),170px);line-height:1;display:block}.board[data-tally-big] .tb-tally-chip .seg{background:0 0;border-radius:0;width:100%;height:100%;padding:0;display:block}.board[data-tally-big] .tb-tally-chip .off{opacity:.14}.board[data-design=court][data-tally-big] .stat.fouls{justify-self:center}.tb-hold{flex-direction:column;align-items:center;gap:clamp(2px,.6cqh,8px);display:flex}.tb-hold .slot{color:var(--shot)}.tb-hold-btn{white-space:nowrap}.board[data-layout=mat] .swatch{display:none}.board[data-layout=mat] .team .seg .off{opacity:.07}.board[data-art=oval] .tb-tally-chip{min-height:clamp(30px,6cqh,46px);font-size:clamp(14px,min(3.2cqh,1.7cqw),21px)}@container (orientation:portrait){.board[data-design=court]:not([data-layout=hoops]) .tb-rail:has(>:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.board[data-design=court]:not([data-layout=hoops]) .tb-rail:not(:has(>:nth-child(3))){grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.board[data-design=court] .stat[data-stat=yellow] .tb-step[data-n="-1"],.board[data-design=court] .stat[data-stat=red] .tb-step[data-n="-1"]{display:none}.board[data-design=court]:not([data-layout=hoops]) .team-stats{flex-flow:wrap;justify-content:center;gap:3px 8px}.board[data-design=court]:not([data-layout=hoops]) .stat{width:auto}.board[data-design=court]:not([data-layout=hoops]) .tb-pen{width:100%}.stat[data-stat=yellow] .stat-l,.stat[data-stat=red] .stat-l,.stat[data-stat=shido] .stat-l{font-size:0}.stat[data-stat=yellow] .stat-l:before,.stat[data-stat=red] .stat-l:before,.stat[data-stat=shido] .stat-l:before{vertical-align:middle;border-radius:2px;width:11px;height:15px;margin-right:0}.tb-tally-chip{min-height:24px;padding:0 .55em;font-size:11px}.board[data-design=court] .tb-pen .stat-l{text-align:center;flex:1 0 100%;font-size:11px;line-height:1.1}.board[data-design=court] .tb-pen .chip-btn{padding:0 .35em;font-size:12px}.board[data-design=court]:not([data-layout=hoops]) .tos{flex-direction:row;gap:5px}.board[data-design=court]:not([data-layout=hoops]) .tos .stat-l{font-size:11px;display:inline}.board[data-layout=gridiron] .tb-downs{gap:clamp(6px,2.4cqw,14px)}.board[data-design=court][data-layout=gridiron] .tb-downs-item{flex-direction:column;gap:1px}.board[data-design=court][data-layout=mat] .bi{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.board[data-design=court][data-layout=mat]:not(.multi) .team[data-side="0"]{grid-area:1/1}.board[data-design=court][data-layout=mat] .center{grid-area:2/1;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top top""start period";padding:clamp(4px,1cqh,10px) clamp(8px,2cqw,16px);position:relative}.board[data-design=court][data-layout=mat] .center>.tb-extra{z-index:1;flex-direction:column;align-items:flex-end;gap:4px;position:absolute;top:clamp(4px,1cqh,10px);right:clamp(8px,2cqw,16px)}.board[data-design=court][data-layout=mat] .tb-target{text-align:left;font-size:12px;top:clamp(3px,.8cqh,8px);left:clamp(8px,2cqw,16px);right:auto}.board[data-design=court][data-layout=mat] .tb-break[data-skip]{min-width:0;width:var(--tb-mini);padding:0}.board[data-design=court][data-layout=mat] .tb-break[data-skip] .i{width:16px;height:16px;display:block}.board[data-design=court][data-layout=mat] .tb-break[data-skip] .tb-break-label{display:none}.board[data-design=court][data-layout=mat] .center:not(:has(>.period-row:not([hidden]))){grid-template-areas:"top top""start start"}.board[data-design=court][data-layout=mat] .tb-of{display:none}.board[data-design=court][data-layout=mat] .period-row .stat-l{text-align:right;min-width:4.5em}.board[data-design=court][data-layout=mat]:not(.multi) .team[data-side="1"]{grid-area:3/1}.board[data-design=court][data-layout=mat] .team,.board[data-design=court][data-layout=mat]:not(.multi) .team[data-side="1"]{flex-direction:row-reverse;align-items:stretch;gap:8px;min-height:0;padding:clamp(4px,1cqh,10px) clamp(8px,2.4cqw,14px)}.board[data-design=court][data-layout=mat] .tb-side{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;gap:2px 6px;display:grid}.board[data-design=court][data-layout=mat] .team-stats{display:contents}.board[data-design=court][data-layout=mat] .team-head{grid-area:1/1;align-self:center}.board[data-design=court][data-layout=mat] .stat.fouls{flex-direction:column;grid-area:1/2;align-self:center;gap:0}.board[data-design=court][data-layout=mat] .stat.fouls .stat-l{font-size:11px;line-height:1.1}.board[data-design=court][data-layout=mat] .tb-tally{grid-area:2/1/auto/-1;justify-content:flex-start}.board[data-design=court][data-layout=mat] .score-win{grid-area:3/1/auto/-1;width:100%;height:100%;min-height:0}.board[data-layout=mat] .tb-rail{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:4px;width:clamp(116px,35cqw,160px);display:grid}.board[data-design=court][data-layout=mat] .tb-rail:has(>:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}.board[data-design=court][data-tally-big] .center:has(>.tb-hold:not([hidden])){grid-template-areas:"top top""start hold"}.board[data-design=court][data-tally-big] .tb-hold{flex-direction:row;grid-area:hold}.board[data-design=court][data-tally-big] .tb-side{grid-template-rows:auto minmax(0,1fr)}.board[data-design=court][data-tally-big] .tb-tally{grid-row:2;height:100%}.board[data-design=court][data-tally-big] .stat.fouls .tb-step[data-n="-1"]{display:none}.board[data-layout=mat] .tb-rail .round,.board[data-layout=mat] .tb-rail .round[data-n="-1"]{width:100%;max-width:none;height:clamp(44px,6.6cqh,60px)}.board[data-layout=mat] .tb-rail .round:has(small){width:100%;max-width:none;height:clamp(44px,6.6cqh,60px)}.board[data-design=court][data-layout=tally] .score-win{flex:0 0 clamp(54px,11cqh,96px)}.board[data-design=court]:not([data-layout=mat],[data-layout=tally],.multi) .bi{--s-clock:min(11.5em,10.5cqh);grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);row-gap:clamp(4px,1cqh,10px)}.board[data-design=court]:not([data-layout=mat],[data-layout=tally],.multi) .team[data-side="0"]{grid-area:1/1}.board[data-design=court]:not([data-layout=mat],[data-layout=tally],.multi) .center{grid-area:2/1}.board[data-design=court]:not([data-layout=mat],[data-layout=tally],.multi) .team[data-side="1"]{grid-area:3/1}.board[data-design=court]:not([data-layout=mat],[data-layout=tally],.multi) .tb-side{flex:1 1 0;min-height:0}.board[data-design=court]:not([data-layout=mat],[data-layout=tally],.multi) .team-stats{flex-flow:wrap;justify-content:center;gap:2px 14px}.board[data-design=court]:not([data-layout=mat],[data-layout=tally],.multi) .stat{width:auto}.board[data-design=court]:not([data-layout=mat],[data-layout=tally],.multi) .tb-rail{flex-direction:row;gap:5px;width:100%;display:flex}.board[data-design=court]:not([data-layout=mat],[data-layout=tally],.multi) .tb-rail .round{flex:1 1 0;width:auto;min-width:0;max-width:none}.board[data-design=court]:not([data-layout=mat],[data-layout=tally],.multi) .tb-rail .round[data-n="-1"]{flex:0 0 clamp(44px,14cqw,76px)}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .bi{--tb-ctl:clamp(40px,6cqh,70px);--tb-mini:clamp(28px,4.8cqh,46px);--s-name:3.4em}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .tb-side{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8px;display:grid}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .team-head{grid-area:1/1}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .tb-name{text-align:left}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .team-stats{flex-flow:wrap;grid-area:2/1;place-content:flex-start;align-items:center;gap:clamp(2px,.5cqh,6px) 8px;min-height:0}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .team-stats>.stat{width:auto}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .team-stats>:is(.tb-pen,.tos,.tb-tally,.tb-shoot){width:100%}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .score-win{grid-area:1/2/-1;height:100%}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .tb-pen{flex-wrap:wrap;justify-content:flex-start;align-items:center;row-gap:2px;width:100%}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .tb-pen .stat-l{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:0 auto;min-width:0;overflow:hidden}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .tb-pen-ctl{flex-wrap:wrap;flex:1 0 100%;gap:3px}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .tb-pen-ctl:not(:has(>:nth-child(3))){flex:none}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .team-stats:has(>.tb-tally:not([hidden])) .tb-pen .stat-l{display:none}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .tb-pen-ctl:has(>:nth-child(5)) .chip-btn.icon{display:none}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .tb-pen .chip-btn{min-width:0;padding:0 .3em;font-size:11px}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .tb-pen .chip-btn.icon{width:28px;min-width:28px}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .tb-pen-win{font-size:.8em}.board[data-design=court]:not([data-layout=mat],[data-layout=tally],.multi) .center:not(:has(>.shot-row:not([hidden])))>.tb-extra{grid-column:1/-1;justify-self:center}.board[data-design=court]:not([data-layout=mat],[data-layout=tally],.multi):has(>.bi>.center[hidden]) .team[data-side="0"]{border-bottom:1px solid var(--tb-ink-softer);padding-bottom:clamp(4px,1cqh,10px)}}@container (orientation:portrait) and (height<=520px){.board[data-design=court]:not([data-layout=mat],[data-layout=tally],.multi,[data-crowded]):has(>.bi>.center:not([hidden])) .tb-side{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:8px;display:grid}.board[data-design=court]:not([data-layout=mat],[data-layout=tally],.multi,[data-crowded]):has(>.bi>.center:not([hidden])) .team-head{grid-area:1/1}.board[data-design=court]:not([data-layout=mat],[data-layout=tally],.multi,[data-crowded]):has(>.bi>.center:not([hidden])) .team-stats{grid-area:2/1}.board[data-design=court]:not([data-layout=mat],[data-layout=tally],.multi,[data-crowded]):has(>.bi>.center:not([hidden])) .score-win{grid-area:1/2/-1;height:100%}}@container (orientation:portrait) and (height<=462px){.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .bi{--s-clock:min(9em,9cqh);--tb-ctl:38px;--s-name:2.9em;row-gap:3px}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .center{row-gap:3px}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .tb-start{height:36px;min-height:36px}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .team{gap:3px}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .team-stats{gap:1px 8px}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .tb-pen{gap:1px 2px}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .tb-pen .stat-l{display:none}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .tb-pen .chip-btn{height:26px}.board[data-crowded][data-design=court]:not([data-layout=mat],[data-layout=tally],.multi) .bi :is(.center,.team-stats) :is(.tb-step,.chip-btn){min-width:0;min-height:0}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .team-stats:has(>.tb-pen:not([hidden]))>.tb-tally{display:none}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .tb-pen-ctl .chip-btn.icon{display:none}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .tb-pen-ctl:not(:has(>:nth-child(4))){flex:none}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .team-stats>.tos{width:auto}.board[data-crowded]:not([data-layout=mat],[data-layout=tally],.multi) .tos .stat-l{display:none}}.stage.is-fs:is([data-design=court],[data-design=engine]):not(.display){background:var(--board);flex-direction:column;display:flex}.stage.is-fs:is([data-design=court],[data-design=engine]):not(.display) .board{flex:1 1 0;width:100%;height:auto;min-height:0}.stage.is-fs:is([data-design=court],[data-design=engine]):not(.display) .fs-dock{margin:0 auto max(6px,env(safe-area-inset-bottom));opacity:1;pointer-events:auto;flex:none;align-self:center;position:static;transform:none}.stage.is-fs:is([data-design=court],[data-design=engine]) .fs-dock :is(.dock-clock,.dock-period,.dock-shot,.dock-shot-short){display:none}.stage.is-fs:is([data-design=court],[data-design=engine]).idle{cursor:auto}@container (orientation:portrait) and (width<=420px){.board[data-design=court] .center:has(.tb-shootout:not([hidden])) .shot-row .stat-l{display:none}.board[data-design=court] .center:has(.tb-shootout:not([hidden]))>.tb-extra{gap:3px}.board[data-design=court] .center:has(.tb-shootout:not([hidden]))>.tb-extra .chip-btn{padding:0 .35em;font-size:12.5px}}@media (width<=760px){.sb-head{flex-wrap:nowrap;gap:8px}}@media (width<=640px){body:has(.sb-screen) .recent{display:none}body:has(.sb-screen){--recent-h:0px}.sb-hero p{display:none}.sb-setup{grid-auto-columns:minmax(0,min(33%,132px));grid-auto-flow:column;justify-content:center;gap:6px;padding-bottom:8px;display:grid}.sb-setup .setup-item{flex-direction:column;gap:1px}.sb-setup .setup-more{display:none}.sb-setup .setup-ctl{justify-content:space-between;width:100%}.sb-setup .setup-label{font-size:11px}.sb-setup .setup-btn{border-radius:10px;width:34px;height:34px;font-size:17px}.sb-setup .setup-value{flex:1;min-width:0;font-size:14px}.sb-head{padding-block:6px}.sb-hero h1{letter-spacing:-.03em;font-size:min(26px,6.2vw)}.sb-play{padding-bottom:8px}.sb-head .tb{width:32px;height:32px}.sb-variant-select[data-clock-rules]{display:none}.sb-head{gap:6px}.sb-head .tb.tb-new,.sb-head .tb.tb-label{padding:0 9px;font-size:12.5px}.sb-head .tb.tb-new svg.i{display:none}.sb-head .sb-variant-select select{background-position:right 8px center;height:34px;padding:0 24px 0 10px;font-size:13px;line-height:34px}}@media (width<=380px){.sb-setup .setup-btn{width:30px;height:32px}.sb-head .sb-variant-select select{background-position:right 5px center;background-size:9px 7px;padding:0 15px 0 7px;font-size:12px}.sb-head .tb.tb-new,.sb-head .tb.tb-label{padding:0 8px;font-size:12px}}@media (height<=500px) and (orientation:landscape){body:has(.sb-screen) .nav{display:none}body:has(.sb-screen) .recent{display:none}.sb-setup{display:none}.sb-screen{grid-template-rows:auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);height:100dvh;min-height:0;display:grid}.sb-hero{max-width:32vw;padding:4px 0 4px max(6px,env(safe-area-inset-left));text-align:left;grid-area:1/1;align-self:center}.sb-hero h1{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.sb-head{padding:4px max(6px,env(safe-area-inset-right)) 4px 6px;flex-wrap:nowrap;grid-area:1/2;justify-content:flex-end;gap:4px 10px}.sb-head .tb{width:34px;height:28px}.sb-head .tb.tb-new{padding:0 10px 0 7px;font-size:12px}.sb-second-screen{display:none}.sb-play{padding:0 max(6px,env(safe-area-inset-right)) 6px max(6px,env(safe-area-inset-left));grid-area:2/1/auto/-1}.board[data-design=court] .bi{--tb-ctl:clamp(44px,15cqh,64px);--tb-mini:clamp(28px,8.4cqh,40px);--s-label:2.2em;--s-clock:11.5em;--s-shot:8em;--s-period:5.2em}.tb-start{width:clamp(100px,16cqw,160px);height:36px;min-height:36px;font-size:14px}.board[data-design=court] .team-stats{flex-wrap:nowrap;column-gap:clamp(6px,1.4cqw,14px)}.board[data-design=court] .tos .stat-l{display:none}.board[data-design=court] .dots{gap:4px;padding:0}.board[data-design=court] .dot{width:clamp(7px,1.1cqw,10px);height:clamp(7px,1.1cqw,10px)}.board[data-design=court] .stat{flex-direction:row;gap:.8em}.tb-rail{gap:3px}.tb-rail .round{height:calc(var(--tb-ctl) * .9);min-height:38px}.tb-rail .round[data-n="-1"]{height:calc(var(--tb-ctl) * .72);min-height:34px}.board[data-design=court] .period-row,.board[data-design=court] .shot-row{flex-direction:row;gap:5px}}@media (height<=500px) and (width<=760px) and (orientation:landscape){.board[data-design=court] .team-stats{flex-wrap:wrap;row-gap:2px}.board[data-layout=gridiron] .bi{--s-clock:9.5em;--tb-mini:clamp(28px,7.4cqh,34px);padding:6px}.board[data-layout=gridiron] .bi:before{margin-inline:-6px}.board[data-layout=gridiron] .tb-rail{gap:2px}.board[data-layout=gridiron] .tb-rail .round[data-n="-1"]{display:none}.board[data-layout=gridiron] .tb-downs{gap:6px}.board[data-layout=gridiron] .shot-row .stat-l{display:none}}@media (height<=500px) and (orientation:landscape){.board[data-design=court]:not([data-layout=hoops]) .team-stats{flex-wrap:wrap;row-gap:2px}.tb-pen .stat-l{display:none}}@media (pointer:coarse){.board[data-design=court] :is(.period-row,.stat.fouls:not([data-stat=yellow])) .tb-step{min-width:40px;min-height:40px}.board[data-design=court] .center .chip-btn,.board[data-design=court] .tb-shot-ctl .chip-btn{min-height:40px}.board[data-design=court] .center .chip-btn.icon{min-width:40px}.board[data-design=court]:not([data-crowded]) .tb-pen .chip-btn{min-height:40px}.sb-setup .setup-btn{height:40px}}@media (pointer:coarse) and (height>=501px){.sb-screen:has(.board[data-design=court]) .sb-head .tb{height:40px}}@media (pointer:coarse) and (height<=500px) and (orientation:landscape){.sb-screen:has(.board[data-design=court]) .sb-head .tb{height:34px}}@media (pointer:coarse) and (width<=640px){.sb-screen:has(.board[data-design=court]) .sb-head .tb:not(.tb-new,.tb-label){width:36px}.sb-screen:has(.board[data-design=court]) .sb-head .sb-variant-select select{height:40px;line-height:40px}}.board[data-design=court] .period-row .stat-l{text-align:end;min-width:4.6em}.board[data-design=court][data-layout=hoops] .period-row .stat-l{text-align:center;min-width:0}@container (orientation:portrait){.board[data-design=court][data-layout=hoops] .period-row .stat-l{text-align:end;min-width:4.6em}}.legal{max-width:760px;padding-top:34px;padding-bottom:40px}.legal h2{font:700 clamp(24px,3vw,32px)/1.1 var(--font);letter-spacing:-.025em;margin:30px 0 10px}.legal ul{margin:0;padding-left:1.2em}.legal li{color:var(--label-2);margin:0 0 10px;font-size:17px;line-height:1.5}.legal-back{margin-top:26px;font-weight:600;text-decoration:none;display:inline-block}.err-wrap{flex-direction:column;align-items:center;gap:22px;padding-top:30px;display:flex}.err-board{border-radius:var(--r-l);background:var(--board);width:min(100%,520px);box-shadow:var(--shadow-m);flex-direction:column;align-items:center;gap:10px;padding:clamp(22px,4vw,38px);display:flex}.err-label{color:var(--board-muted);font-size:15px;font-weight:600}.err-clock{width:100%;color:var(--clock);font:700 clamp(70px,16vw,150px)/1 var(--font);text-align:center;display:block}.err-clock .seg{background:0 0;border-radius:0;width:100%;height:auto;max-height:190px;padding:0;display:block}.err-clock svg .off{opacity:.11}.err-home{justify-content:center;align-items:center;min-height:46px;padding:0 24px;text-decoration:none;display:inline-flex}.sb-log{min-width:0}.sb-log .hist-list{max-height:420px}.sb-table-card{background:var(--elev);border-radius:var(--r-l);box-shadow:var(--shadow-s);overflow-x:auto}.sb-table{border-collapse:collapse;width:100%;font-size:15px}.sb-table th,.sb-table td{border-top:1px solid var(--sep);text-align:left;white-space:nowrap;padding:14px 18px}.sb-table thead th{color:var(--label-2);border-top:0;font-size:13px;font-weight:500}.sb-table tbody th{font-weight:600}.sb-note{color:var(--label-2);text-align:center;margin:12px 0 0;font-size:13px}.sb-links{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sb-links .em{margin-right:7px;font-size:18px;line-height:1}.sb-links a{background:var(--elev);min-height:38px;box-shadow:0 0 0 1px var(--sep);border-radius:19px;align-items:center;padding:0 15px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.sb-links a:hover{background:var(--fill)}