.apb-card{border-radius:var(--apb-radius-xl,16px);border:1px solid var(--apb-color-border,#e2e8f0);background:var(--apb-color-surface,#fff);box-shadow:var(--apb-shadow-card,0 2px 12px #0f172a0f);padding:0 .75rem .75rem}.apb-modal-overlay{background:var(--apb-overlay-backdrop,#0f172ab3);z-index:1001;justify-content:center;align-items:flex-start;padding:2rem 1rem 1rem;display:flex;position:fixed;inset:0}.apb-modal-content{background:var(--apb-color-surface,#fff);border-radius:var(--apb-radius-xl,16px);box-shadow:var(--apb-shadow-modal,0 20px 50px #0f172a4d);flex-direction:column;width:100%;max-width:700px;max-height:80vh;display:flex}.apb-modal-body{flex:1;padding:1rem;overflow-y:auto}.apb-modal-footer{border-top:1px solid var(--apb-color-border,#e2e8f0);background-color:var(--apb-color-surface-subtle,#f8fafc);border-radius:0 0 var(--apb-radius-xl,16px) var(--apb-radius-xl,16px);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;padding:1rem;display:flex}.apb-tabs{border-bottom:1px solid var(--apb-color-border,#e2e8f0);gap:.5rem;margin-bottom:.25rem;display:flex}.apb-tab{text-transform:uppercase;letter-spacing:.05em;color:var(--apb-color-text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem;font-size:.7rem;font-weight:500;transition:all .2s}.apb-tab:hover{color:#0f172a}.apb-tab.active{color:#0f172a;border-bottom-color:var(--team-color,#3b82f6);margin-bottom:-1px}.apb-tab.active:active,.apb-tab.active:focus{border-bottom:2px solid var(--team-color,#3b82f6)!important}.apb-table{border-collapse:collapse;width:100%}@media (width<=768px){.apb-card{box-shadow:none;border-left:none;border-right:none;border-radius:0}}:root{--apb-color-surface:#fff;--apb-color-surface-subtle:#f8fafc;--apb-color-surface-muted:#f1f5f9;--apb-color-text-primary:#0f172a;--apb-color-text-secondary:#475467;--apb-color-text-tertiary:#475569;--apb-color-text-muted:#64748b;--apb-color-text-subtle:#94a3b8;--apb-color-text-subtle-alpha:#94a3b8b5;--apb-color-text-faint:#999;--apb-color-text-inverse:#fff;--apb-color-border:#e2e8f0;--apb-color-border-strong:#cbd5e1;--apb-color-border-soft:#e4e4e7;--apb-color-border-muted:#d0d5dd;--apb-color-primary:#2563eb;--apb-color-primary-hover:#1d4ed8;--apb-color-primary-deep:#1e3a5f;--apb-color-primary-soft:#eff6ff;--apb-color-primary-soft-hover:#dbeafe;--apb-color-danger:#dc2626;--apb-color-danger-hover:#b91c1c;--apb-color-error-bg:#fff5f5;--apb-color-error-border:#feb2b2;--apb-color-error-text:#c53030;--apb-color-error-text-strong:#9b2c2c;--apb-color-text-success:#15803d;--apb-color-success-soft:#f0fdf4;--apb-color-success-soft-hover:#dcfce7;--apb-color-success-border-soft:#bbf7d0;--apb-shadow-success-hover:0 4px 12px #16a34a24;--apb-color-text-warning:#ea580c;--apb-color-neutral-900:#333;--apb-color-disabled-bg:#e5e7eb;--apb-color-disabled-border:#d1d5db;--apb-color-disabled-text:#9ca3af;--apb-overlay-backdrop:#0f172ab3;--apb-shadow-card:0 2px 12px #0f172a0f;--apb-shadow-modal:0 20px 50px #0f172a4d;--apb-shadow-panel:0 2px 4px #0000001a;--apb-shadow-primary-hover:0 4px 12px #2563eb29;--apb-color-overlay-light:#fff3;--apb-color-overlay-light-hover:#ffffff4d;--apb-color-overlay-white-85:#ffffffd9;--apb-color-focus-ring:#2563eb33;--apb-color-primary-tint:#2563eb1f;--apb-color-primary-focus-shadow:0 0 0 2px #3b82f61a;--apb-radius-sm:6px;--apb-radius-md:8px;--apb-radius-lg:12px;--apb-radius-xl:16px;--apb-radius-pill:999px}.apb-modal-header{border-bottom:1px solid var(--apb-color-border,#e2e8f0);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.apb-modal-header h2{color:var(--apb-color-text-primary,#0f172a);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;font-weight:500}.modal-header--compact{border-bottom:none;border-radius:8px 8px 0 0;padding:12px 16px}.modal-header--team h2,.modal-header--dark h2{color:inherit}.modal-header--dark{background-color:var(--apb-color-neutral-900,#333);color:var(--apb-color-text-inverse,#fff);border-bottom:none;padding:1rem}.modal-header--dark h2{align-items:center;gap:.5rem;font-size:1.5rem;display:flex}.modal-header--dark h2 i{font-size:1.25rem}.apb-modal-header.modal-header--dark.modal-header--compact-title{padding:.75rem 1rem}.apb-modal-header.modal-header--dark.modal-header--compact-title h2{font-size:1.125rem}.apb-modal-header.modal-header--dark.modal-header--compact-title h2 i{font-size:1.25rem}.apb-modal-header.modal-header--primary-deep{background:var(--apb-color-primary-deep,#1e3a5f);color:var(--apb-color-text-inverse,#fff);border-radius:var(--apb-radius-xl,16px) var(--apb-radius-xl,16px) 0 0;border-bottom:none;padding:.65rem 1rem}.apb-modal-header.modal-header--primary-deep h2{color:var(--apb-color-text-inverse,#fff)}.apb-modal-header.modal-header--primary-deep .modal-close{background:var(--apb-color-overlay-light,#fff3);width:32px;height:32px;color:var(--apb-color-text-inverse,#fff);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.5rem;font-weight:700;line-height:1;transition:background .2s;display:flex}.apb-modal-header.modal-header--primary-deep .modal-close:hover{background:var(--apb-color-overlay-light-hover,#ffffff4d)}.apb-modal-header.modal-header--rating{border-bottom:none;border-radius:8px 8px 0 0;padding:.75rem 1rem}.apb-modal-header.modal-header--rating h2{color:inherit;font-size:1.125rem;font-weight:600}.apb-modal-header.modal-header--muted{background-color:var(--apb-color-surface-muted,#f1f5f9);border-radius:var(--apb-radius-md,8px) var(--apb-radius-md,8px) 0 0}.apb-modal-header.modal-header--muted .modal-header-team h2{margin-left:.25rem}.modal-close{background:var(--apb-color-surface-muted,#f1f5f9);width:32px;height:32px;color:var(--apb-color-text-primary,#0f172a);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;transition:background .2s;display:flex}.modal-close:hover{background:var(--apb-color-border,#e2e8f0)}.modal-header--team .close-button{cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;font-size:1.5rem;line-height:1;display:flex}.modal-header--team .close-button:hover{opacity:.85}.modal-header--dark .close-button{background:var(--apb-color-overlay-light,#fff3);width:32px;height:32px;color:var(--apb-color-text-inverse,#fff);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;transition:background .2s;display:flex}.modal-header--dark .close-button:hover{background:var(--apb-color-overlay-light-hover,#ffffff4d)}.modal-tabs{gap:0;padding:0 1.5rem;display:flex}.modal-body--compact{padding:.75rem 1rem}.modal-section-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--apb-color-text-muted,#64748b);margin:0 0 .5rem;font-size:.75rem;font-weight:600}.modal-content--lineup{max-height:85vh}.modal-content--help{max-width:700px;max-height:85vh;overflow:hidden}@media (width<=768px){.modal-content--help .apb-modal-header.modal-header--dark{padding:1rem}.modal-content--help .apb-modal-header.modal-header--dark h2{font-size:1.25rem}}.roster-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (width<=640px){.roster-list{grid-template-columns:1fr}}.roster-item{border:1px solid var(--apb-color-border,#e2e8f0);border-radius:var(--apb-radius-md,8px);background:var(--apb-color-surface,#fff);cursor:pointer;text-align:left;flex-direction:row;align-items:center;width:100%;padding:.75rem 1rem;transition:all .2s;display:flex}.roster-item.original-sub{background:var(--apb-color-primary-soft,#eff6ff)}.roster-item.original-sub:hover{background:var(--apb-color-primary-soft-hover,#dbeafe);border-color:var(--apb-color-primary-hover,#1d4ed8)}.roster-item:hover{background:var(--apb-color-surface-subtle,#f8fafc);border-color:var(--apb-color-primary,#2563eb);transform:translate(4px)}.player-row{flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.player-name-bold{color:var(--apb-color-text-primary,#0f172a);flex-wrap:wrap;flex:1;align-items:center;column-gap:.25rem;min-width:0;font-size:.95rem;font-weight:600;display:inline-flex}.sub-inning-position{color:var(--apb-color-text-muted,#64748b);font-size:.75rem;font-weight:400}.player-position-bats{color:var(--apb-color-text-muted,#64748b);white-space:nowrap;font-size:.875rem;font-weight:400}.player-position{color:var(--apb-color-text-muted,#64748b);font-size:.875rem;font-weight:500}.player-meta-row{width:100%;margin-top:.25rem}.player-sub-info{flex-direction:row;justify-content:space-between;align-items:center;width:100%;font-size:.875rem;display:flex}.sub-position-bats{color:var(--apb-color-primary-deep,#1e3a5f);font-weight:500}.player-name-full{color:var(--apb-color-text-primary,#0f172a);font-size:.95rem;font-weight:600}.player-meta{color:var(--apb-color-text-muted,#64748b);font-size:.8rem}.apb-modal-title{align-items:center;gap:.45rem;margin:0;display:flex}.apb-modal-title-leading{align-items:center;line-height:1;display:inline-flex}.apb-modal-title-leading i{font-size:1.1em}.gated-modal-content--wide{max-width:760px}.modal-content--aps-breakdown{max-width:min(640px,100vw - 2rem)}.gated-modal-body p{color:var(--apb-color-text-primary,#0f172a);margin:0 0 .9rem;font-size:1rem;line-height:1.5}.gated-modal-body p:last-child{margin-bottom:0}.apb-modal-body .gated-modal-body-link,.gated-modal-body .gated-modal-body-link,.gated-modal-body-link,.gated-modal-body-link:visited{color:inherit;font-size:inherit;font-weight:inherit;text-underline-offset:.15em;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:1px}.apb-modal-body .gated-modal-body-link:hover,.gated-modal-body .gated-modal-body-link:hover,.gated-modal-body-link:hover{text-decoration-thickness:2px}button.gated-modal-body-link{color:inherit;font-size:inherit;font-weight:inherit;font-family:inherit;line-height:inherit;text-align:inherit;cursor:pointer;text-underline-offset:.15em;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;background:0 0;border:none;margin:0;padding:0;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:1px}.apb-modal-body button.gated-modal-body-link:hover,.gated-modal-body button.gated-modal-body-link:hover,button.gated-modal-body-link:hover{text-decoration-thickness:2px}.apb-modal-footer a.modal-footer-link-primary{box-sizing:border-box;color:#fff;cursor:pointer;background:#667eea;border-radius:6px;justify-content:center;align-items:center;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.apb-modal-footer a.modal-footer-link-primary:hover{color:#fff;background:#5568d3}.apb-modal-footer button.modal-footer-link-primary{box-sizing:border-box;color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.apb-modal-footer button.modal-footer-link-primary:hover{color:#fff;background:#5568d3}