.tb{width:min(var(--container-max),100% - 48px);margin:0 auto 56px;display:grid;grid-template-columns:250px minmax(0,1fr) 320px;gap:18px;align-items:start}.tb-btn{min-height:34px;padding:0 13px;border:1px solid var(--ink-25);border-radius:999px;background:transparent;color:var(--ink);font-family:var(--mono);font-size:12px;white-space:nowrap;transition:border-color .15s ease,color .15s ease,background .15s ease}.tb-btn:hover{border-color:var(--mil);color:var(--mil)}.tb-btn--ghost{min-height:30px;padding:0 11px;font-size:11.5px}.tb-btn--add{width:100%;margin-top:4px;border-style:dashed;color:var(--mil-deep)}.tb-btn--add:hover{border-color:var(--mil);background:var(--mil-soft)}.tb-plays{display:flex;flex-direction:column;gap:14px;padding:18px 16px;border:1px solid var(--ink-12);border-radius:var(--radius-lg);background:var(--cream);position:sticky;top:16px}.tb-plays__head{display:flex;align-items:baseline;justify-content:space-between}.tb-plays__head .op-kicker{margin:0}.tb-plays__head span{font-family:var(--mono);font-size:11px;color:var(--ink-40)}.tb-plays__note{font-size:12.5px;line-height:1.5;color:var(--ink-55)}.tb-plays__group{display:flex;flex-direction:column;gap:6px}.tb-plays__situation{font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--mil);margin-top:4px}.tb-play{display:flex;align-items:center;gap:11px;padding:9px 11px;border:1px solid var(--ink-12);border-radius:14px;background:var(--paper);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.tb-play:hover{border-color:var(--mil);transform:translateX(2px)}.tb-play--on{border-color:var(--mil-deep);background:var(--mil-soft)}.tb-play__code{flex:0 0 auto;min-width:46px;padding:5px 7px;border-radius:9px;background:var(--ink);color:var(--cream);font-family:var(--mono);font-size:13px;font-weight:600;text-align:center;letter-spacing:-.02em}.tb-play--on .tb-play__code{background:var(--mil-deep)}.tb-play__body{display:flex;flex-direction:column;gap:1px;min-width:0}.tb-play__body b{font-size:14px;letter-spacing:-.01em}.tb-play__body small{font-family:var(--mono);font-size:10.5px;color:var(--ink-55)}.tb-stage{display:flex;flex-direction:column;gap:12px;min-width:0}.tb-readout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 18px;border:1px solid var(--ink-12);border-radius:var(--radius-lg);background:var(--cream)}.tb-readout__code{font-family:var(--mono);font-weight:600;font-size:clamp(26px,4vw,40px);letter-spacing:-.04em;line-height:1;color:var(--mil-deep)}.tb-readout__meta .op-kicker{margin:0 0 4px}.tb-readout__meta h2{font-size:clamp(18px,2.2vw,24px);letter-spacing:-.02em;line-height:1.05;margin-bottom:5px}.tb-readout__meta p{font-size:13px;line-height:1.5;color:var(--ink-70);max-width:62ch}.tb-court{position:relative;width:100%;aspect-ratio:100/94;border-radius:var(--radius-lg);overflow:hidden;background:var(--paper-soft);border:1px solid var(--ink-12);touch-action:none}.tb-court__lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--mil-deep);stroke-width:.5;pointer-events:none}.tb-piece{position:absolute;transform:translate(-50%,-50%);width:clamp(48px,8.5%,66px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border-radius:50%;border:2px solid var(--cream);background:var(--mil-deep);color:var(--cream);cursor:grab;box-shadow:0 6px 16px #000000;touch-action:none;transition:box-shadow .15s ease,background .15s ease;user-select:none}.tb-piece:hover{background:var(--mil)}.tb-piece:active{cursor:grabbing;box-shadow:0 10px 22px #000000}.tb-piece:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.tb-piece__num{font-family:var(--mono);font-weight:700;font-size:clamp(15px,2.6vw,20px);line-height:1}.tb-piece__slot{font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:var(--mil-soft);line-height:1.2}.tb-piece__name{position:absolute;bottom:-17px;font-family:var(--mono);font-size:10px;color:var(--ink-70);white-space:nowrap;pointer-events:none}.tb-court__hint{font-family:var(--mono);font-size:11.5px;line-height:1.5;color:var(--ink-55);padding:0 4px}.tb-side{gap:14px}.tb-panel,.tb-side{display:flex;flex-direction:column}.tb-panel{gap:10px;padding:16px;border:1px solid var(--ink-12);border-radius:var(--radius-lg);background:var(--cream)}.tb-panel__head{display:flex;align-items:center;justify-content:space-between}.tb-panel__head .op-kicker{margin:0}.tb-panel__legend{font-size:12px;line-height:1.5;color:var(--ink-55)}.tb-teamname{display:flex;flex-direction:column;gap:6px}.tb-teamname .op-kicker{margin:0}.tb-teamname input{min-height:42px;padding:0 13px;border:1px solid var(--ink-25);border-radius:12px;background:var(--paper);font-family:var(--sans);font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.tb-teamname input:focus-visible{outline:2px solid var(--mil);outline-offset:1px;border-color:var(--mil)}.tb-roster{list-style:none;display:flex;flex-direction:column;gap:5px;margin:0;padding:0}.tb-roster__row{display:grid;grid-template-columns:20px 40px 1fr 44px 24px;align-items:center;gap:6px;padding:4px 5px;border:1px solid transparent;border-radius:10px}.tb-roster__row--starter{border-color:var(--ink-12);background:var(--mil-soft)}.tb-roster__rank{font-family:var(--mono);font-size:12px;color:var(--ink-40);text-align:center}.tb-roster__row--starter .tb-roster__rank{color:var(--mil-deep);font-weight:600}.tb-roster__num,.tb-roster__rating{min-height:32px;width:100%;padding:0 4px;border:1px solid var(--ink-12);border-radius:8px;background:var(--paper);font-family:var(--mono);font-size:13px;text-align:center;color:var(--ink);-moz-appearance:textfield}.tb-roster__num::-webkit-inner-spin-button,.tb-roster__num::-webkit-outer-spin-button,.tb-roster__rating::-webkit-inner-spin-button,.tb-roster__rating::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tb-roster__name{min-height:32px;width:100%;padding:0 8px;border:1px solid var(--ink-12);border-radius:8px;background:var(--paper);font-family:var(--sans);font-size:13.5px;color:var(--ink)}.tb-roster__name:focus-visible,.tb-roster__num:focus-visible,.tb-roster__rating:focus-visible{outline:2px solid var(--mil);outline-offset:0;border-color:var(--mil)}.tb-roster__remove{width:24px;height:24px;border:1px solid var(--ink-12);border-radius:7px;background:transparent;color:var(--ink-40);font-size:15px;line-height:1}.tb-roster__remove:hover{border-color:var(--on-dark);color:var(--on-dark)}.tb-roles__list{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}.tb-roles__row{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;padding-bottom:8px;border-bottom:1px solid var(--ink-06)}.tb-roles__row:last-child{border-bottom:0;padding-bottom:0}.tb-roles__slot{grid-row:1/3;align-self:center;display:flex;align-items:center;justify-content:center;height:30px;border-radius:8px;background:var(--mil-deep);color:var(--cream);font-family:var(--mono);font-size:11px;font-weight:600}.tb-roles__who{display:flex;align-items:baseline;gap:6px}.tb-roles__who b{font-size:13.5px;letter-spacing:-.01em}.tb-roles__who i{font-family:var(--mono);font-style:normal;font-size:11px;color:var(--ink-40)}.tb-roles__role{font-size:12px;line-height:1.45;color:var(--ink-70)}@media (max-width:1080px){.tb{grid-template-columns:minmax(0,1fr) 300px}.tb-plays{grid-column:1/-1;position:static;flex-direction:row;flex-wrap:wrap;align-items:stretch}.tb-plays__head,.tb-plays__note{flex-basis:100%}.tb-plays__group{flex:1 1 200px}}@media (max-width:760px){.tb{grid-template-columns:1fr}.tb-readout{grid-template-columns:auto 1fr;row-gap:10px}.tb-readout .tb-btn{grid-column:1/-1;justify-self:start}.tb-court{max-width:480px;margin:0 auto;width:100%}.tb-court__hint{text-align:center}}@media (max-width:420px){.tb-plays__group{flex-basis:100%}.tb-roster__row{grid-template-columns:18px 36px 1fr 40px 22px}}@media (prefers-reduced-motion:reduce){.tb-piece,.tb-play{transition:none}}