.bb-tabs{display: grid;grid-template-columns: repeat(4,1fr);gap: 6px;margin: var(--s3) 0;}.bb-tabs a{display: flex;align-items: center;justify-content: center;min-height: 52px;border: 1.5px solid var(--line);border-radius: var(--r-sm);background: var(--card);font-weight: 800;font-size: var(--fs-base);color: var(--ink-2);}.bb-tabs a.on{background: var(--ink);border-color: var(--ink);color: #fff;}.bb-seg{display: grid;grid-template-columns: 1fr 1fr;gap: 6px;margin-bottom: var(--s3);}.bb-seg a{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 56px;border: 2px solid var(--line);border-radius: var(--r-sm);background: var(--card);font-weight: 800;color: var(--ink-2);font-size: var(--fs-base);line-height: 1.25;text-align: center;padding: 4px;}.bb-seg a small{font-size: var(--fs-xs);font-weight: 700;}.bb-seg a.on{border-color: var(--turf);background: var(--turf-bg);color: var(--turf-dark);}.bb-head{display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 8px;padding: var(--s4) var(--s3);}.bb-head .tm{text-align: center;min-width: 0;}.bb-head .tm b{display: block;font-size: var(--fs-md);overflow-wrap: anywhere;}.bb-head .tm small{display: block;font-size: var(--fs-xs);color: var(--ink-2);font-weight: 700;}.bb-head .sc{font-size: 34px;font-weight: 800;font-variant-numeric: tabular-nums;letter-spacing: 1px;white-space: nowrap;}.bb-head .tm.win b{color: var(--turf-dark);}.bb-scroll{overflow-x: auto;-webkit-overflow-scrolling: touch;border: 1px solid var(--line);border-radius: var(--r-sm);background: var(--card);}.bb-scroll + .bb-scroll{margin-top: var(--s3);}.bb-hint{font-size: var(--fs-xs);color: var(--ink-2);margin: 4px 2px 0;}table.bb{border-collapse: collapse;width: 100%;font-variant-numeric: tabular-nums;}table.bb th,table.bb td{border-bottom: 1px solid var(--line-2);padding: 8px 6px;text-align: center;font-size: var(--fs-sm);white-space: nowrap;}table.bb thead th{background: var(--card-2);font-size: var(--fs-xs);font-weight: 800;color: var(--ink-2);position: sticky;top: 0;}table.bb th.nm,table.bb td.nm{text-align: left;position: sticky;left: 0;background: var(--card);z-index: 1;font-weight: 800;color: var(--ink);max-width: 9.5em;overflow: hidden;text-overflow: ellipsis;}table.bb thead th.nm{background: var(--card-2);z-index: 2;}table.bb td.k{font-weight: 800;color: var(--ink);background: var(--turf-bg);}table.bb tr.tot td{font-weight: 800;border-top: 2px solid var(--line);}table.bb td.hit{color: var(--turf-dark);font-weight: 800;}table.bb td.walk{color: #1d4ed8;font-weight: 700;}table.bb td.reach{color: #8a6d1f;font-weight: 700;}table.bb td .pa{display: block;line-height: 1.35;}table.bb tr.sub td.nm{font-weight: 700;color: var(--ink-2);padding-left: 14px;}table.bb td.rk{font-weight: 800;}table.bb.line td,table.bb.line th{padding: 9px 4px;min-width: 28px;}table.bb.line td.r{font-weight: 800;background: var(--turf-bg);color: var(--ink);}.bb-hl{margin: var(--s3) 0 0;padding: 0;list-style: none;font-size: var(--fs-sm);}.bb-hl li{padding: 3px 0;color: var(--ink-2);}.bb-hl li b{color: var(--ink);margin-right: 6px;}.bb-lu{display: grid;grid-template-columns: 44px 1fr 64px;gap: 6px 6px;align-items: center;}.bb-lu .no{font-weight: 800;font-size: var(--fs-md);text-align: center;color: var(--ink);}.bb-lu .no.sub{font-size: var(--fs-xs);color: var(--ink-2);}.bb-lu input,.bb-lu select{min-height: 52px;font-size: var(--fs-base);padding: 0 10px;width: 100%;}.bb-lu .pos{grid-column: 2 / 4;}.bb-lu .row-sep{grid-column: 1 / -1;height: 1px;background: var(--line-2);margin: 4px 0;}@media (min-width: 560px){.bb-lu{grid-template-columns: 44px 1fr 72px 150px;}.bb-lu .pos{grid-column: auto;}}.bb-half{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;margin-bottom: var(--s3);}.bb-half .lbl{font-size: var(--fs-lg);font-weight: 800;}.bb-outs{display: inline-flex;gap: 5px;align-items: center;font-size: var(--fs-sm);font-weight: 700;color: var(--ink-2);}.bb-outs i{width: 18px;height: 18px;border-radius: 50%;border: 2px solid var(--warn);display: inline-block;}.bb-outs i.on{background: var(--warn);}.bb-inn{display: flex;gap: 6px;overflow-x: auto;padding-bottom: 4px;margin-bottom: var(--s3);}.bb-inn a{flex: 0 0 auto;min-width: 52px;min-height: 48px;display: flex;align-items: center;justify-content: center;border: 1.5px solid var(--line);border-radius: var(--r-sm);background: var(--card);font-weight: 800;color: var(--ink-2);font-size: var(--fs-base);}.bb-inn a.on{background: var(--ink);color: #fff;border-color: var(--ink);}.bb-batters{display: grid;grid-template-columns: repeat(3,1fr);gap: 6px;}.bb-pick{position: relative;display: block;}.bb-pick input{position: absolute;opacity: 0;pointer-events: none;}.bb-pick span{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 56px;padding: 4px;border: 2px solid var(--line);border-radius: var(--r-sm);background: var(--card);text-align: center;font-weight: 800;font-size: var(--fs-sm);color: var(--ink);line-height: 1.2;overflow-wrap: anywhere;}.bb-pick span small{font-size: var(--fs-xs);color: var(--ink-2);font-weight: 700;}.bb-pick input:checked + span{border-color: var(--turf);background: var(--turf-bg);color: var(--turf-dark);box-shadow: 0 0 0 2px var(--turf) inset;}.bb-pick input:focus-visible + span{outline: 3px solid var(--turf);outline-offset: 2px;}.bb-results{display: grid;grid-template-columns: repeat(4,1fr);gap: 6px;}.bb-results .bb-pick span{min-height: 54px;font-size: var(--fs-base);}.bb-results .k-hit span{border-color: #9cc9b2;}.bb-results .k-walk span{border-color: #a9bff0;}.bb-results .k-out span{border-color: #e2b7ad;}.bb-results .k-reach span{border-color: #d9c38a;}.bb-grouplbl{font-size: var(--fs-sm);font-weight: 800;color: var(--ink-2);margin: var(--s3) 2px 6px;}.bb-steps{display: grid;grid-template-columns: repeat(3,1fr);gap: 8px;margin-top: var(--s3);}.bb-step{display: flex;flex-direction: column;gap: 4px;}.bb-step>span{font-size: var(--fs-sm);font-weight: 800;color: var(--ink-2);text-align: center;}.bb-step select{min-height: 52px;font-size: var(--fs-control);text-align: center;padding: 0 28px 0 10px;}.bb-run{display: flex;align-items: center;justify-content: center;gap: 8px;min-height: 52px;border: 2px solid var(--line);border-radius: var(--r-sm);font-weight: 800;font-size: var(--fs-base);background: var(--card);}.bb-run input{width: 24px;height: 24px;accent-color: var(--turf);}.bb-log .li{padding: 10px 12px !important;min-height: 60px !important;gap: 8px !important;}.bb-log .li .t{font-size: var(--fs-base) !important;}.bb-log form{margin: 0;}.bb-log .acts{display: flex;gap: 4px;flex-wrap: wrap;justify-content: flex-end;}.bb-log .acts .btn.sm{padding: 0 10px;min-width: 48px;font-size: var(--fs-sm);}.bb-pitch{border: 1px solid var(--line);border-radius: var(--r-sm);padding: var(--s3);margin-bottom: var(--s3);background: var(--card);}.bb-pitch .row{display: grid;grid-template-columns: repeat(3,1fr);gap: 6px;margin-top: 8px;}.bb-pitch label{display: flex;flex-direction: column;gap: 3px;font-size: var(--fs-xs);font-weight: 800;color: var(--ink-2);text-align: center;}.bb-pitch input,.bb-pitch select{min-height: 50px;text-align: center;font-size: var(--fs-control);padding: 0 6px;width: 100%;}.bb-pitch input[name="name"]{text-align: left;padding: 0 12px;}.bb-pitch .ref{font-size: var(--fs-xs);color: var(--ink-2);margin-top: 6px;}.bb-ov{display: grid;grid-template-columns: repeat(auto-fill,minmax(62px,1fr));gap: 6px;}.bb-ov label{display: flex;flex-direction: column;gap: 3px;font-size: var(--fs-xs);font-weight: 800;color: var(--ink-2);text-align: center;}.bb-ov input{min-height: 50px;text-align: center;font-size: var(--fs-control);padding: 0 4px;width: 100%;}.bb-ov input::placeholder{color: var(--ink-2);opacity: 0.75;}.bb-filter{display: grid;grid-template-columns: 1fr 1fr;gap: 8px;margin-bottom: var(--s3);}.bb-filter select{min-height: 52px;}.bb-filter button{grid-column: 1 / -1;}.bb-rtabs{display: grid;grid-template-columns: repeat(3,1fr);gap: 6px;margin-bottom: var(--s3);}.bb-rtabs a{display: flex;align-items: center;justify-content: center;min-height: 50px;border: 1.5px solid var(--line);border-radius: var(--r-sm);background: var(--card);font-weight: 800;color: var(--ink-2);font-size: var(--fs-base);}.bb-rtabs a.on{background: var(--ink);color: #fff;border-color: var(--ink);}.bb-sorts{display: flex;gap: 6px;overflow-x: auto;padding-bottom: 4px;margin-bottom: var(--s3);}.bb-sorts a{flex: 0 0 auto;min-height: 48px;padding: 0 14px;display: flex;align-items: center;border: 1.5px solid var(--line);border-radius: 999px;background: var(--card);font-weight: 800;color: var(--ink-2);font-size: var(--fs-sm);}.bb-sorts a.on{background: var(--turf);color: #fff;border-color: var(--turf);}.bb-top{display: grid;grid-template-columns: 1fr;gap: var(--s3);}@media (min-width: 620px){.bb-top{grid-template-columns: 1fr 1fr;}}.bb-top .card h3{display: flex;justify-content: space-between;align-items: baseline;margin-bottom: 6px;}.bb-top ol{list-style: none;margin: 0;padding: 0;}.bb-top li{display: grid;grid-template-columns: 30px 1fr auto;gap: 8px;align-items: center;padding: 8px 0;border-bottom: 1px solid var(--line-2);font-size: var(--fs-base);}.bb-top li:last-child{border-bottom: 0;}.bb-top li .rk{font-weight: 800;text-align: center;}.bb-top li .nm{min-width: 0;overflow-wrap: anywhere;font-weight: 700;}.bb-top li .nm small{display: block;color: var(--ink-2);font-size: var(--fs-xs);font-weight: 600;}.bb-top li .v{font-weight: 800;font-variant-numeric: tabular-nums;}.bb-top li.first .rk,.bb-top li.first .v{color: var(--turf-dark);}.bb-tabs.bb-tabs5{grid-template-columns: repeat(5,1fr);}.bb-tabs.bb-tabs5 a{font-size: 14px;padding-left: 2px;padding-right: 2px;}.bb-lock{margin: var(--s3) 0 0;padding: 12px 14px;border-radius: 12px;background: #fff4e5;border: 1px solid #f0b46a;font-weight: 700;font-size: 15px;}.bb-lock.fix{background: #e8f1ff;border-color: #7aa7e8;}.bb-fixcard{border-color: #f0b46a;}.bb-fixcard.on{border-color: #7aa7e8;background: #f3f8ff;}.bb-codelink{margin-left: 8px;font-size: 14px;font-weight: 700;text-decoration: underline;}.bb-typed{display: flex;gap: 8px;align-items: center;margin: 0 0 8px;}.bb-typed input{flex: 0 0 210px;max-width: 60%;height: 48px;font-size: 18px;font-weight: 800;letter-spacing: .04em;}.bb-codeecho{font-weight: 800;color: var(--ink-2);}.bb-pal{display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 8px;}.bb-palg{border: 1px solid var(--line,#dfe2e6);border-radius: 10px;overflow: hidden;background: #fff;}.bb-palh{background: var(--c);color: #fff;font-weight: 800;font-size: 14px;padding: 4px 8px;}.bb-palb{display: grid;grid-template-columns: 1fr 1fr;gap: 3px;padding: 4px;}.bb-code{display: flex;align-items: center;gap: 4px;min-height: 36px;padding: 2px 4px;border: 1px solid #e3e5e8;border-radius: 6px;background: #fff;font: inherit;font-size: 13px;text-align: left;cursor: pointer;}.bb-code b{flex: 0 0 auto;min-width: 30px;padding: 1px 4px;border-radius: 4px;background: var(--c);color: #fff;font-size: 12px;text-align: center;}.bb-code span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}.bb-code:active{transform: scale(.97);}.bb-oldbtns{margin: 10px 0 4px;}.bb-oldbtns summary{cursor: pointer;font-weight: 700;color: var(--ink-2);padding: 6px 0;}.bb-hist td.diff{max-width: 360px;white-space: normal;font-size: 13px;}.bb-hist tr.denied td{background: #fdecec;}.bb-hist tr.fix td{background: #f3f8ff;}.bb-fixed{display: inline-block;margin-left: 6px;padding: 1px 8px;border-radius: 999px;background: #fff4e5;border: 1px solid #f0b46a;font-size: 13px;font-weight: 700;}.bb-codes-sheet{display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: 12px;}.bb-codes-sheet table{width: 100%;border-collapse: collapse;font-size: 14px;}.bb-codes-sheet td{border-bottom: 1px solid #eceef0;padding: 4px 6px;}.bb-codes-sheet td.c b{display: inline-block;min-width: 38px;padding: 1px 4px;border-radius: 4px;color: #fff;text-align: center;}@media (min-width: 1000px){.bb-pal{grid-template-columns: repeat(6,1fr);}}@media (max-width: 420px){.bb-pal{grid-template-columns: 1fr 1fr;}.bb-palb{grid-template-columns: 1fr;}}.bb-tabs.bb-tabs6{grid-template-columns: repeat(3,1fr);}.bb-tabs.bb-tabs6 a{font-size: 14px;padding-left: 2px;padding-right: 2px;}@media (min-width: 900px){.bb-tabs.bb-tabs6{grid-template-columns: repeat(6,1fr);}}.bb-printrow{display: flex;flex-wrap: wrap;gap: 8px;margin: 0 0 var(--s3);}.bb-gridwrap{margin: var(--s3) 0;}table.bb-grid td.cell{padding: 0;min-width: 54px;}table.bb-grid td.cell a{display: block;padding: 7px 4px;min-height: 34px;color: inherit;text-decoration: none;}table.bb-grid td.cell a span{display: block;line-height: 1.3;font-size: 12px;}table.bb-grid td.cell.hit a{color: var(--turf-dark);font-weight: 800;}table.bb-grid td.cell.walk a{color: #1d4ed8;font-weight: 700;}table.bb-grid td.cell.reach a{color: #8a6d1f;font-weight: 700;}table.bb-grid th.cur,table.bb-grid td.cur{background: #fffbea;}table.bb-grid td.cell a:active{background: var(--turf-bg);}.bb-guest{display: inline-block;padding: 0 6px;border-radius: 999px;background: #efe7ff;color: #5b2bb5;border: 1px solid #cdb8f5;font-size: 11px;font-weight: 800;line-height: 1.5;vertical-align: 1px;}.bb-guestbox summary{cursor: pointer;padding: 4px 0;}.bb-summary{margin: var(--s3) 0;}.bb-sumhead{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-bottom: 8px;}.bb-sumlist{display: grid;grid-template-columns: 6.5em 1fr;gap: 4px 10px;margin: 0;font-size: 15px;}.bb-sumlist dt{font-weight: 800;color: var(--ink-2);}.bb-sumlist dd{margin: 0;overflow-wrap: anywhere;}.bb-sumtext{position: absolute;left: -9999px;width: 1px;height: 1px;opacity: 0;}.bb-video{position: relative;width: 100%;aspect-ratio: 16 / 9;border-radius: 12px;overflow: hidden;background: #000;}.bb-video iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0;}.bb-table{border-collapse: collapse;width: 100%;font-size: 14px;}.bb-table th,.bb-table td{border-bottom: 1px solid var(--line-2);padding: 8px 6px;text-align: left;white-space: nowrap;}.bb-table thead th{background: var(--card-2);font-size: 13px;}.bb-table tr.denied td{background: #fdecec;color: #8a1c1c;font-weight: 700;}.bb-guided-step{font-size: 19px;font-weight: 800;line-height: 1.45;}.bb-guided-hint{margin-top: 10px;padding: 10px 12px;border-radius: 10px;background: #fdecec;border: 1px solid #f0b9b6;color: #8a1c1c;font-weight: 700;}.bb-guided-ok{margin-top: 10px;padding: 10px 12px;border-radius: 10px;background: #e3f3e3;border: 1px solid #a9d8b5;color: #1d6b3a;font-weight: 700;}.bb-guided-bar{height: 8px;border-radius: 999px;background: #eef0f2;overflow: hidden;margin: 6px 0 12px;}.bb-guided-bar i{display: block;height: 100%;background: #d6302b;}