.apb-card{border-radius:var(--apb-radius-xl, 16px);padding:0 .75rem .75rem;border:1px solid var(--apb-color-border, #e2e8f0);background:var(--apb-color-surface, #fff);box-shadow:var(--apb-shadow-card, 0 2px 12px rgb(15 23 42 / 6%))}.apb-modal-overlay{position:fixed;inset:0;background:var(--apb-overlay-backdrop, rgb(15 23 42 / 70%));display:flex;align-items:flex-start;justify-content:center;z-index:1001;padding:2rem 1rem 1rem}.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 rgb(15 23 42 / 30%));max-width:700px;width:100%;max-height:80vh;display:flex;flex-direction:column}.apb-modal-body{padding:1rem;overflow-y:auto;flex:1}.apb-modal-footer{padding:1rem;border-top:1px solid var(--apb-color-border, #e2e8f0);display:flex;justify-content:flex-end;align-items:center;gap:.6rem;flex-wrap:wrap;background-color:var(--apb-color-surface-subtle, #f8fafc);border-radius:0 0 var(--apb-radius-xl, 16px) var(--apb-radius-xl, 16px)}.apb-tabs{display:flex;border-bottom:1px solid var(--apb-color-border, #e2e8f0);margin-bottom:.25rem;gap:.5rem}.apb-tab{padding:.5rem;background:none;border:none;border-bottom:2px solid transparent;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:500;color:var(--apb-color-text-muted, #64748b);cursor:pointer;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{width:100%;border-collapse:collapse}@media(max-width:768px){.apb-card{border-radius:0;border-left:none;border-right:none;box-shadow:none}}: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-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: rgb(15 23 42 / 70%);--apb-shadow-card: 0 2px 12px rgb(15 23 42 / 6%);--apb-shadow-modal: 0 20px 50px rgb(15 23 42 / 30%);--apb-shadow-panel: 0 2px 4px rgb(0 0 0 / 10%);--apb-shadow-primary-hover: 0 4px 12px rgb(37 99 235 / 16%);--apb-color-overlay-light: rgb(255 255 255 / 20%);--apb-color-overlay-light-hover: rgb(255 255 255 / 30%);--apb-color-overlay-white-85: rgb(255 255 255 / 85%);--apb-color-focus-ring: rgb(37 99 235 / 20%);--apb-color-primary-tint: rgb(37 99 235 / 12%);--apb-color-primary-focus-shadow: 0 0 0 2px rgb(59 130 246 / 10%);--apb-radius-sm: 6px;--apb-radius-md: 8px;--apb-radius-lg: 12px;--apb-radius-xl: 16px;--apb-radius-pill: 999px}.apb-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid var(--apb-color-border, #e2e8f0)}.apb-modal-header h2{margin:0;font-size:1.1rem;font-weight:500;color:var(--apb-color-text-primary, #0f172a);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.modal-header--compact{padding:12px 16px;border-radius:8px 8px 0 0;border-bottom:none}.modal-header--team h2,.modal-header--dark h2{color:inherit}.modal-header--dark{padding:1rem;background-color:var(--apb-color-neutral-900, #333);color:var(--apb-color-text-inverse, #fff);border-bottom:none}.modal-header--dark h2{font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.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-bottom:none;border-radius:var(--apb-radius-xl, 16px) var(--apb-radius-xl, 16px) 0 0;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{width:32px;height:32px;border-radius:50%;border:none;background:var(--apb-color-overlay-light, rgb(255 255 255 / 20%));color:var(--apb-color-text-inverse, #fff);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;line-height:1;padding:0}.apb-modal-header.modal-header--primary-deep .modal-close:hover{background:var(--apb-color-overlay-light-hover, rgb(255 255 255 / 30%))}.apb-modal-header.modal-header--rating{padding:.75rem 1rem;border-radius:8px 8px 0 0;border-bottom:none}.apb-modal-header.modal-header--rating h2{font-size:1.125rem;font-weight:600;color:inherit}.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{width:32px;height:32px;border-radius:50%;border:none;background:var(--apb-color-surface-muted, #f1f5f9);color:var(--apb-color-text-primary, #0f172a);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.modal-close:hover{background:var(--apb-color-border, #e2e8f0)}.modal-header--team .close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;line-height:1}.modal-header--team .close-button:hover{opacity:.85}.modal-header--dark .close-button{width:32px;height:32px;border-radius:50%;border:none;background:var(--apb-color-overlay-light, rgb(255 255 255 / 20%));color:var(--apb-color-text-inverse, #fff);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.modal-header--dark .close-button:hover{background:var(--apb-color-overlay-light-hover, rgb(255 255 255 / 30%))}.modal-tabs{display:flex;gap:0;padding:0 1.5rem}.modal-body--compact{padding:.75rem 1rem}.modal-content--lineup{max-height:85vh}.modal-content--help{max-width:700px;max-height:85vh;overflow:hidden}@media(max-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{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media(max-width:640px){.roster-list{grid-template-columns:1fr}}.roster-item{display:flex;flex-direction:row;align-items:center;padding:.75rem 1rem;border:1px solid var(--apb-color-border, #e2e8f0);border-radius:var(--apb-radius-md, 8px);background:var(--apb-color-surface, #fff);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.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{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:.5rem}.player-name-bold{display:inline-flex;flex-wrap:wrap;align-items:center;column-gap:.25rem;font-weight:600;font-size:.95rem;color:var(--apb-color-text-primary, #0f172a);flex:1;min-width:0}.sub-inning-position{font-size:.75rem;font-weight:400;color:var(--apb-color-text-muted, #64748b)}.player-position-bats{font-size:.875rem;color:var(--apb-color-text-muted, #64748b);white-space:nowrap;font-weight:400}.player-position{font-size:.875rem;color:var(--apb-color-text-muted, #64748b);font-weight:500}.player-meta-row{width:100%;margin-top:.25rem}.player-sub-info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;font-size:.875rem}.sub-position-bats{font-weight:500;color:var(--apb-color-primary-deep, #1e3a5f)}.player-name-full{font-weight:600;font-size:.95rem;color:var(--apb-color-text-primary, #0f172a)}.player-meta{font-size:.8rem;color:var(--apb-color-text-muted, #64748b)}.apb-modal-title{display:flex;align-items:center;gap:.45rem;margin:0}.apb-modal-title-leading{display:inline-flex;align-items:center;line-height:1}.apb-modal-title-leading i{font-size:1.1em}.gated-modal-content--wide{max-width:760px}.gated-modal-body p{margin:0 0 .9rem;line-height:1.5;font-size:1rem;color:var(--apb-color-text-primary, #0f172a)}.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-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:1px;text-underline-offset:.15em;text-decoration-skip-ink:auto}.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}.apb-modal-footer a.modal-footer-link-primary{box-sizing:border-box;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;background:#667eea;color:#fff;cursor:pointer;transition:background .2s ease;font-family:inherit}.apb-modal-footer a.modal-footer-link-primary:hover{background:#5568d3;color:#fff}