body{background:#f3f5f7}.score-card{background:#fff}.score-head{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center;border-bottom:1px solid #e9ecef;padding-bottom:15px}.score-head strong{display:block;font-size:2rem;line-height:1.05}.diamond-wrap{display:flex;justify-content:center;padding:20px 0 10px}.diamond{position:relative;width:230px;height:230px}.base{position:absolute;width:66px;height:66px;border:2px solid #6c757d;background:#fff;transform:rotate(45deg);display:flex;align-items:center;justify-content:center;font-weight:700}.base span{transform:rotate(-45deg)}.base.occupied{background:#ffc107;border-color:#a07800}.base-2{top:4px;left:82px}.base-3{top:82px;left:4px}.base-1{top:82px;right:4px}.base-home{bottom:4px;left:82px}.base-names{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:.85rem;color:#6c757d}.appearance-card{border-left:5px solid #0d6efd}.count-big{min-width:95px;text-align:center}.count-big span{display:block;font-size:2rem;font-weight:800;line-height:1}.count-big small{color:#6c757d}.pitch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pitch-btn,.result-btn{border:1px solid #ced4da;border-radius:10px;background:#fff;min-height:58px;font-weight:700;transition:.12s}.pitch-btn:hover,.result-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0001}.pitch-btn.ball{border-color:#198754}.pitch-btn.strike{border-color:#dc3545}.pitch-btn.foul{border-color:#fd7e14}.pitch-btn.inplay{border-color:#0d6efd}.pitch-btn.hbp{border-color:#6f42c1}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.result-btn{font-size:.95rem}.result-btn small{display:block;font-weight:400;color:#6c757d}.scoreboard-table td,.scoreboard-table th{text-align:center}.quick-help{display:grid;grid-template-columns:80px 1fr;gap:10px;font-size:.9rem}.event-btn{min-width:90px;margin:3px}.table-sticky thead{position:sticky;top:0;background:#fff;z-index:2}@media(max-width:768px){.score-head{grid-template-columns:repeat(2,1fr)}.pitch-grid{grid-template-columns:repeat(2,1fr)}.result-grid{grid-template-columns:repeat(3,1fr)}.diamond{transform:scale(.9)}.base-names{grid-template-columns:1fr}.score-head strong{font-size:1.5rem}}@media(max-width:480px){.result-grid{grid-template-columns:repeat(2,1fr)}.pitch-btn,.result-btn{min-height:52px;font-size:.85rem}}

/* Interfaz avanzada de anotación */
.batter-turn{background:#fff3cd;border:2px solid #e0a800;border-left-width:7px;border-radius:10px;padding:10px 14px;min-width:240px;box-shadow:0 2px 7px #00000012}.batter-turn .h4{font-weight:800}.zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.zone-choice{min-height:56px;font-size:1.2rem;font-weight:700}.field-diagram svg{display:block;width:100%;max-height:360px;background:#f8fbf6;border-radius:12px}.field-position{cursor:pointer}.field-position circle{fill:#fff;stroke:#175c35;stroke-width:3}.field-position text{font-size:12px;font-weight:800;text-anchor:middle;fill:#173b25;pointer-events:none}.field-position.selected circle{fill:#ffc107;stroke:#a07800}.field-position.route-step circle{fill:#0d6efd;stroke:#084298}.field-position.route-step text{fill:#fff}.runner-choice.active{background:#0d6efd;color:white}.result-btn[data-event="TP"]{border-color:#dc3545;background:#fff5f5;font-weight:800}

/* Selector visual del bateador y turno esperado */
.batter-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.batter-option{display:flex;align-items:center;gap:10px;position:relative;text-align:left;width:100%;min-height:66px;padding:9px 12px;border:1px solid #ced4da;border-radius:10px;background:#fff;color:#212529;transition:border-color .12s,background .12s,box-shadow .12s}
.batter-option:hover{border-color:#0d6efd;box-shadow:0 2px 8px #00000012}
.batter-order{display:flex;flex:0 0 34px;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#e9ecef;font-weight:800}
.batter-option-name{display:flex;flex:1;min-width:0;flex-direction:column;font-weight:600}
.batter-option-name small{font-size:.78rem;font-weight:400;color:#6c757d}
.batter-option.expected-batter{background:#fff3cd;border:2px solid #e0a800;color:#5b4300}
.batter-option.expected-batter .batter-order{background:#ffc107;color:#332600}
.expected-tag{font-size:.68rem;letter-spacing:.02em;font-weight:800;color:#664d03;background:#ffdf7e;border-radius:5px;padding:4px 6px;white-space:nowrap}
.selected-tag{display:none;font-size:.68rem;font-weight:800;color:#fff;background:#0d6efd;border-radius:5px;padding:4px 6px;white-space:nowrap}
.batter-option.selected{border:2px solid #0d6efd;background:#eaf2ff;box-shadow:0 0 0 2px #0d6efd20}
.batter-option.selected .selected-tag{display:inline-block}
.batter-option.selected.expected-batter{background:#fff0b8;border-color:#b58100}
@media(max-width:700px){.batter-picker{grid-template-columns:1fr}.batter-option{min-height:60px}}