:root,:root[data-theme=dark]{color-scheme:dark;--background: #06101a;--panel: #0c1b2e;--surface: #111f35;--surface-alt: #162842;--sidebar: #080e18;--text: #f0f4f8;--muted: #8ba3c1;--tertiary: #5a7496;--border: #1a2d47;--border-strong: #243b5c;--primary: #3b82f6;--primary-hover: #2563eb;--primary-light: #60a5fa;--primary-soft: rgba(59, 130, 246, .15);--success: #10b981;--success-soft: rgba(16, 185, 129, .12);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .12);--purple: #8b5cf6;--purple-soft: rgba(139, 92, 246, .12);--cyan: #06b6d4;--cyan-soft: rgba(6, 182, 212, .12);--topbar: rgba(6, 16, 26, .88);--pitch-frame: #071c11;--shadow-floating: 0 .625rem 1.875rem rgba(0, 0, 0, .36);--shadow-modal: 0 1.25rem 3.75rem rgba(0, 0, 0, .42);--shadow-pitch: 0 .75rem 2rem rgba(0, 0, 0, .34)}:root[data-theme=light]{color-scheme:light;--background: #f1f5f9;--panel: #e2e8f0;--surface: #ffffff;--surface-alt: #f8fafc;--sidebar: #e2e8f0;--text: #0f172a;--muted: #475569;--tertiary: #64748b;--border: #cbd5e1;--border-strong: #94a3b8;--primary-soft: rgba(59, 130, 246, .1);--success-soft: rgba(16, 185, 129, .1);--warning-soft: rgba(245, 158, 11, .1);--danger-soft: rgba(239, 68, 68, .1);--purple-soft: rgba(139, 92, 246, .1);--cyan-soft: rgba(6, 182, 212, .1);--topbar: rgba(241, 245, 249, .9);--shadow-floating: 0 .625rem 1.875rem rgba(15, 23, 42, .14);--shadow-modal: 0 1.25rem 3.75rem rgba(15, 23, 42, .2)}:root[data-theme=club_green]{color-scheme:dark;--background: #111815;--panel: #142019;--surface: #18221d;--surface-alt: #203027;--sidebar: #0d1511;--text: #ecf4ed;--muted: #a7b6ab;--tertiary: #718278;--border: #304239;--border-strong: #486052;--primary: #55b978;--primary-hover: #39985d;--primary-light: #83d59b;--primary-soft: rgba(85, 185, 120, .16);--topbar: rgba(17, 24, 21, .9);--pitch-frame: #0b2013}:root{--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-data: "JetBrains Mono", "Cascadia Mono", Consolas, monospace;--font-2xs: .5rem;--font-xs: .5625rem;--font-sm: .625rem;--font-md: clamp(.6875rem, .65rem + .15vw, .75rem);--font-lg: .875rem;--font-xl: 1rem;--font-2xl: clamp(1.125rem, 1rem + .5vw, 1.3125rem);--font-3xl: clamp(1.5rem, 1.25rem + .8vw, 1.8125rem);--space-1: .125rem;--space-2: .25rem;--space-3: .375rem;--space-4: .5rem;--space-5: .625rem;--space-6: .75rem;--space-7: .875rem;--space-8: 1rem;--space-9: 1.125rem;--space-10: 1.25rem;--space-12: 1.5rem;--space-15: 1.875rem;--radius-xs: .1875rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .625rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-pill: 999px;--sidebar-width: clamp(13.5rem, 16vw, 15rem);--sidebar-collapsed-width: 4.5rem;--motion-fast: .15s ease;--motion-normal: .2s ease;--motion-layout: .3s ease}*{box-sizing:border-box}html{min-width:20rem;background:var(--background)}body{margin:0;min-width:20rem;min-height:100vh;min-height:100dvh;overflow-x:hidden;color:var(--text);background:var(--background);font-family:var(--font-ui);font-size:var(--font-md);font-weight:500;line-height:1.5;transition:background var(--motion-layout),color var(--motion-layout)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{overflow-wrap:anywhere}small{color:var(--tertiary)}::selection{color:#fff;background:var(--primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stack{display:flex;min-width:0;flex-direction:column;gap:var(--space-7)}.full-page-state{min-height:17.5rem;display:grid;place-items:center;color:var(--muted);font-weight:700}.app-layout{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);transition:grid-template-columns var(--motion-layout)}.app-layout.sidebar-is-collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0,1fr)}.sidebar{position:sticky;top:0;z-index:60;height:100vh;height:100dvh;padding:var(--space-6);display:flex;min-width:0;flex-direction:column;gap:var(--space-7);overflow-y:auto;background:var(--sidebar);border-right:1px solid var(--border);transition:width var(--motion-layout),transform var(--motion-layout),padding var(--motion-layout)}.brand{min-width:0;display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-4);border-bottom:1px solid var(--border)}.sidebar-collapse{flex:0 0 auto}.brand-copy{min-width:0;display:grid;flex:1}.brand-copy strong{width:fit-content;color:var(--primary-light);font-size:var(--font-xl);font-weight:900;letter-spacing:-.04em;background:linear-gradient(110deg,var(--primary),var(--primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-copy span{overflow:hidden;color:var(--tertiary);font-size:var(--font-xs);font-weight:700;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.brand-mark,.avatar-xl{flex:0 0 auto;display:grid;place-items:center;color:var(--primary-light);background:var(--primary-soft);border:1px solid var(--primary);font-family:var(--font-data);font-weight:800}.brand-mark{width:2rem;height:2rem;border-radius:var(--radius-md);font-size:var(--font-sm)}.nav-list{display:flex;flex-direction:column;gap:var(--space-2)}.nav-group{display:grid;gap:var(--space-2)}.nav-group+.nav-group{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border)}.nav-group-label{margin:0;padding:0 var(--space-6);color:var(--tertiary);font-size:var(--font-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.nav-group-items,.nav-children{display:grid;gap:var(--space-2)}.nav-parent{position:relative}.nav-parent-button{width:100%}.nav-caret{margin-left:auto;transition:transform var(--motion-fast)}.nav-parent-button[aria-expanded=true] .nav-caret{transform:rotate(180deg)}.nav-children{margin:var(--space-2) 0 var(--space-3) var(--space-7);padding-left:var(--space-3);border-left:1px solid var(--border)}.nav-children .nav-item{min-height:2.25rem;padding-inline:var(--space-5);font-size:var(--font-sm)}.nav-status{margin-left:auto;padding:.125rem .35rem;color:var(--tertiary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:.58rem;line-height:1.2;white-space:nowrap}.nav-item{min-height:2.5rem;display:flex;align-items:center;gap:var(--space-5);padding:0 var(--space-6);color:var(--muted);background:transparent;border:1px solid transparent;border-left:3px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-md);font-weight:600;text-align:left;transition:color var(--motion-fast),background var(--motion-fast),border-color var(--motion-fast);text-decoration:none}.nav-item:hover{color:var(--text);background:var(--surface)}.nav-item.active{color:var(--primary-light);background:var(--primary-soft);border-left-color:var(--primary)}.sidebar-collapsed{padding-inline:var(--space-3);overflow-x:hidden}.sidebar-collapsed .brand{justify-content:center;padding-inline:0;gap:var(--space-2);flex-wrap:wrap}.sidebar-collapsed .brand-copy,.sidebar-collapsed .brand-mark,.sidebar-collapsed .nav-item-label,.sidebar-collapsed .nav-status,.sidebar-collapsed .nav-caret{display:none}.sidebar-collapsed .nav-group-label{width:100%;height:1px;padding:0;overflow:hidden;color:transparent;background:var(--border)}.sidebar-collapsed .nav-group+.nav-group{margin-top:var(--space-3);padding-top:var(--space-3);border-top:0}.sidebar-collapsed .nav-item{width:2.75rem;min-width:2.75rem;min-height:2.75rem;justify-content:center;align-self:center;padding:0;border-left-width:1px}.sidebar-collapsed .nav-list,.sidebar-collapsed .nav-group,.sidebar-collapsed .nav-group-items,.sidebar-collapsed .nav-parent{width:100%}.sidebar-collapsed .nav-group-items,.sidebar-collapsed .nav-parent{justify-items:center}.training-flyout{position:fixed;left:calc(var(--sidebar-collapsed-width) + var(--space-3));z-index:100;width:14rem;padding:var(--space-4);display:grid;gap:var(--space-2);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-floating)}.training-flyout strong{padding:var(--space-2) var(--space-4);font-size:var(--font-sm)}.training-flyout .nav-item{width:100%;justify-content:flex-start;padding-inline:var(--space-4)}.main{min-width:0}.topbar{position:sticky;top:0;z-index:40;min-height:3.75rem;padding:var(--space-5) clamp(var(--space-7),1vw + var(--space-5),var(--space-12));display:flex;align-items:center;justify-content:space-between;gap:var(--space-7);background:var(--topbar);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-title,.topbar-actions,.topbar-user-trigger{min-width:0;display:flex;align-items:center;gap:var(--space-5)}.topbar-title>div{min-width:0}.topbar h1,.topbar p{margin:0}.topbar h1{overflow:hidden;font-size:var(--font-lg);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.topbar p{overflow:hidden;color:var(--tertiary);font-size:var(--font-xs);text-overflow:ellipsis;white-space:nowrap}.topbar-user{position:relative}.topbar-user-trigger{min-height:2.75rem;padding:var(--space-2) var(--space-3);color:var(--text);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;text-align:left}.topbar-user-trigger:hover,.topbar-user-trigger[aria-expanded=true]{background:var(--surface);border-color:var(--border)}.topbar-user-avatar{width:2rem;height:2rem;flex:0 0 auto;display:grid;place-items:center;color:var(--primary-light);background:var(--primary-soft);border:1px solid var(--primary);border-radius:50%;font-family:var(--font-data);font-size:var(--font-xs);font-weight:800}.topbar-user-copy{min-width:0;display:grid;line-height:1.15}.topbar-user-copy strong,.topbar-user-copy small{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user-copy strong{font-size:var(--font-sm)}.topbar-user-copy small{font-size:var(--font-xs)}.topbar-user-caret{color:var(--tertiary);transition:transform var(--motion-fast)}.topbar-user-trigger[aria-expanded=true] .topbar-user-caret{transform:rotate(180deg)}.topbar-user-menu{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:100;width:min(17rem,calc(100vw - 2rem));padding:var(--space-3);display:grid;gap:var(--space-2);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-floating)}.topbar-user-summary{min-width:0;padding:var(--space-4) var(--space-5);display:grid;border-bottom:1px solid var(--border)}.topbar-user-summary strong,.topbar-user-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user-summary span{color:var(--tertiary);font-size:var(--font-xs)}.topbar-user-menu a,.topbar-user-menu button{width:100%;min-height:2.5rem;padding:0 var(--space-5);display:flex;align-items:center;gap:var(--space-4);color:var(--muted);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;text-align:left}.topbar-user-menu a:hover,.topbar-user-menu button:hover{color:var(--text);background:var(--surface)}.page{width:100%;max-width:100%;padding:clamp(var(--space-7),var(--space-5) + 1vw,var(--space-12));overflow-x:clip}.icon-button.menu-toggle,.icon-button.sidebar-close{display:none}.mobile-scrim{position:fixed;inset:0;z-index:55;padding:0;background:#00000094;border:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.button,.icon-button,.tabs button,.tool-strip button,.pick-grid button,.exercise-pick-list button,.theme-row button{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:color var(--motion-fast),background var(--motion-fast),border-color var(--motion-fast),transform var(--motion-normal)}.button:hover,.icon-button:hover,.tabs button:hover,.pick-grid button:hover,.exercise-pick-list button:hover,.theme-row button:hover{color:var(--primary-light);border-color:var(--primary)}.button{min-height:2.25rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:0 var(--space-7);font-size:var(--font-md)}.button.small{min-height:2rem;padding-inline:var(--space-5);font-size:var(--font-sm)}.button.primary{color:#fff;background:var(--primary);border-color:var(--primary)}.button.primary:hover{color:#fff;background:var(--primary-hover);border-color:var(--primary-hover)}.button.danger{color:var(--danger);background:var(--danger-soft);border-color:transparent}.button.danger:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.button.ghost{background:transparent;border-color:transparent}.button:disabled,.icon-button:disabled,.tool-strip button:disabled{cursor:not-allowed;opacity:.45}.icon-button{width:2.5rem;height:2.5rem;display:inline-grid;flex:0 0 auto;place-items:center;padding:0}.field{min-width:0;display:flex;flex-direction:column;gap:var(--space-3);color:var(--tertiary);font-size:var(--font-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.input,.textarea{width:100%;min-width:0;min-height:2.5rem;padding:var(--space-4) var(--space-6);color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;font-size:var(--font-md);font-weight:500;letter-spacing:normal;text-transform:none;transition:border-color var(--motion-fast),background var(--motion-fast)}.input:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.textarea:focus{border-color:var(--primary)}.textarea{min-height:6.875rem;resize:vertical}.toolbar,.action-row,.table-actions,.pill-row,.theme-row{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.toolbar{justify-content:space-between}.toolbar .input{max-width:21.25rem}.panel,.detail-panel,.editor-panel,.stat-card,.quick-card,.empty-state,.match-card,.modal-card,.dashboard-hero,.player-hero{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel,.detail-panel,.stat-card,.quick-card{padding:var(--space-9)}.panel:hover,.quick-card:hover,.match-card:hover{border-color:var(--border-strong)}.panel h2,.panel p,.panel-heading h2,.panel-heading p{margin-top:0}.panel-heading,.modal-header{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-7);margin-bottom:var(--space-7)}.panel-heading h2,.modal-header h2{margin:0;font-size:var(--font-xl)}.panel-heading p{margin-bottom:0;color:var(--muted);font-size:var(--font-md)}.data-table{max-width:100%;overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);scrollbar-color:var(--border-strong) transparent}table{width:100%;min-width:45rem;border-collapse:collapse}th,td{padding:var(--space-5) var(--space-6);text-align:left;border-bottom:1px solid var(--border);font-size:var(--font-md)}th{color:var(--tertiary);font-size:var(--font-xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase}td{color:var(--muted)}td:first-child{color:var(--text);font-weight:600}tbody tr:hover td{background:var(--surface-alt)}tr:last-child td{border-bottom:0}.highlight-row td{background:var(--primary-soft)}.tabs{max-width:100%;display:flex;gap:var(--space-2);overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:thin}.tabs button{min-height:2.25rem;flex:0 0 auto;padding:0 var(--space-6);background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;font-size:var(--font-md);white-space:nowrap}.tabs button.active{color:var(--primary-light);border-bottom-color:var(--primary)}.section-context{padding:var(--space-7);display:flex;align-items:center;justify-content:space-between;gap:var(--space-7);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg)}.section-context h2,.section-context p{margin:0}.section-tabs{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill)}.section-tabs a{padding:var(--space-3) var(--space-5);color:var(--muted);border-radius:var(--radius-pill);font-size:var(--font-sm);font-weight:700;text-decoration:none}.section-tabs a:hover,.section-tabs a.active{color:var(--text);background:var(--primary-soft)}.empty-state{min-height:10rem;padding:var(--space-12);display:grid;place-items:center;gap:var(--space-3);color:var(--tertiary);text-align:center}.empty-state strong{color:var(--text)}.inline-error,.error-text{color:var(--danger);font-size:var(--font-md);font-weight:600}.inline-error{padding:var(--space-5) var(--space-6);background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:var(--radius-md)}.count-badge,.pill-row span{padding:var(--space-3) var(--space-5);color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-data);font-size:var(--font-sm);font-weight:700}.modal-layer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:clamp(var(--space-4),2vw,var(--space-12))}.modal-scrim{position:fixed;inset:0;padding:0;background:#0009;border:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{position:relative;z-index:1;width:min(92vw,61.25rem);max-height:88dvh;overflow-y:auto;padding:clamp(var(--space-8),var(--space-4) + 1.5vw,var(--space-12));background:var(--panel);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal)}.modal-form,.session-builder{display:grid;gap:var(--space-7)}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.generated-box{min-width:0;padding:var(--space-6);display:grid;gap:var(--space-2);overflow-wrap:anywhere;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md)}.auth-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--space-10);background:radial-gradient(75rem 37.5rem at 50% -10%,var(--primary-soft),transparent),var(--background)}.auth-card{width:min(27.5rem,100%);padding:clamp(var(--space-10),var(--space-8) + 1vw,var(--space-15));display:flex;flex-direction:column;gap:var(--space-7);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-modal)}.auth-card h1{margin:0;font-size:var(--font-2xl)}.auth-notice-link{color:var(--primary-light);font-size:var(--font-sm);text-align:center}.privacy-card{width:min(48rem,100%)}.privacy-card h2{margin:0 0 var(--space-2);font-size:var(--font-lg)}.privacy-card p{margin:var(--space-2) 0 0;color:var(--muted);line-height:1.6}.privacy-card strong{color:var(--text)}.eyebrow{width:fit-content;margin:0 0 var(--space-2);color:var(--primary-light);font-size:var(--font-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.auth-card .eyebrow{font-size:var(--font-lg);letter-spacing:-.03em;text-transform:none;background:linear-gradient(110deg,var(--primary),var(--primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dashboard-hero{min-height:8.5rem;padding:clamp(var(--space-9),var(--space-7) + 1vw,var(--space-12));display:flex;align-items:center;justify-content:space-between;gap:var(--space-9);background:linear-gradient(115deg,var(--primary-soft),transparent 55%),var(--surface)}.section-hero{padding:clamp(var(--space-8),2vw,var(--space-12));display:flex;align-items:center;gap:var(--space-7);background:linear-gradient(135deg,var(--panel),var(--surface));border:1px solid var(--border);border-radius:var(--radius-lg)}.section-hero h2,.section-hero p{margin:0}.information-icon{width:3.25rem;height:3.25rem;flex:0 0 auto;display:grid;place-items:center;color:var(--primary-light);background:var(--primary-soft);border:1px solid var(--primary);border-radius:var(--radius-md)}.information-panel{max-width:54rem}.information-list{margin:0;padding-left:1.25rem;display:grid;gap:var(--space-4);color:var(--muted)}.information-note{margin:var(--space-7) 0 0;padding:var(--space-5);color:var(--tertiary);background:var(--surface);border-left:3px solid var(--primary);border-radius:var(--radius-sm);font-size:var(--font-sm)}.team-tabs{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2)}.team-tabs button{flex:0 0 auto}.dashboard-hero h2{max-width:48rem;margin:0;font-size:var(--font-2xl);line-height:1.2}.stat-grid,.quick-grid,.match-grid,.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-7)}.settings-grid{grid-template-columns:minmax(15rem,20rem) minmax(0,1fr)}.stat-card strong{display:block;color:var(--primary-light);font-family:var(--font-data);font-size:var(--font-3xl);font-weight:800;line-height:1}.stat-card span,.quick-card span{color:var(--muted);font-size:var(--font-md)}.quick-card{display:flex;flex-direction:column;gap:var(--space-2)}.quick-card:hover{transform:translateY(-2px)}.editor-layout{display:grid;grid-template-columns:clamp(14rem,22vw,21.25rem) minmax(0,1fr);gap:var(--space-9);align-items:start}.editor-panel{position:sticky;top:5rem;padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);background:var(--panel)}.canvas-workspace,.canvas-stage{min-width:0}.canvas-workspace{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:var(--space-5);align-items:start}.tool-strip{padding:var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.tool-strip button{width:2rem;height:2rem;display:inline-grid;place-items:center;padding:0;background:transparent;border-color:transparent;line-height:0}.tool-strip button:hover{color:var(--text);background:var(--surface-alt)}.tool-strip button.active{color:#fff;background:var(--primary);border-color:var(--primary)}.tool-strip button svg{width:1rem;height:1rem;stroke-width:2}.canvas-stage{display:grid;place-items:center;padding:clamp(var(--space-4),1vw,var(--space-7));overflow:auto;background:var(--pitch-frame);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pitch)}.football-canvas{width:min(100%,38.75rem);height:auto;display:block;border-radius:var(--radius-lg);box-shadow:var(--shadow-pitch);touch-action:none;-webkit-user-select:none;user-select:none}.football-canvas.select-mode{cursor:grab}.football-canvas.select-mode:active{cursor:grabbing}.football-canvas.compact{width:7.5rem}.detail-grid{display:grid;grid-template-columns:minmax(20rem,1fr) minmax(18rem,22.5rem);gap:var(--space-9);align-items:start}.detail-panel{display:flex;flex-direction:column;gap:var(--space-7)}.detail-panel h2{margin:0;font-size:var(--font-2xl)}.instructions{color:var(--muted);white-space:pre-wrap}.session-builder{grid-template-columns:minmax(0,1fr) minmax(14rem,20rem)}.session-item{display:grid;grid-template-columns:minmax(10rem,1fr) 4.5rem auto auto auto;gap:var(--space-4);align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.session-item input{width:4.5rem;min-height:2.25rem;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center}.exercise-pick-list{max-height:22.5rem;overflow:auto;display:grid;gap:var(--space-3)}.exercise-pick-list button,.pick-grid button,.theme-row button{min-height:2.5rem;padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);text-align:left}.exercise-pick-list small,.pick-grid small{color:var(--tertiary)}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(13.75rem,100%),1fr));gap:var(--space-4);margin:var(--space-6) 0}.pick-grid button.active,.theme-row button.active{color:var(--primary-light);background:var(--primary-soft);border-color:var(--primary)}.player-hero{padding:var(--space-9);display:flex;align-items:center;gap:var(--space-8)}.player-hero h2{margin:0;font-size:var(--font-2xl)}.avatar-xl{width:3.5rem;height:3.5rem;border-radius:50%;font-size:var(--font-xl)}.overall-card{min-width:6rem;margin-left:auto;padding:var(--space-6);display:grid;place-items:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg)}.overall-card strong{color:var(--primary-light);font-family:var(--font-data);font-size:var(--font-3xl)}.attribute-list{display:grid;gap:var(--space-3);margin-top:var(--space-7)}.attribute-row{display:grid;grid-template-columns:minmax(8rem,1fr) 2.125rem 2.625rem 2.125rem;gap:var(--space-5);align-items:center;padding:var(--space-5) 0;border-bottom:1px solid var(--border)}.attribute-row button{width:2.125rem;height:2.125rem;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm)}.attribute-row>span{font-family:var(--font-data);font-weight:700;text-align:center}.meter{height:.3125rem;margin-top:var(--space-3);overflow:hidden;background:var(--panel);border-radius:var(--radius-pill)}.meter span{display:block;height:100%;background:var(--primary);transition:width .4s ease}.match-grid{grid-template-columns:repeat(auto-fill,minmax(min(16.25rem,100%),1fr))}.match-card{padding:var(--space-7);display:grid;gap:var(--space-3);border-left:3px solid var(--primary)}.match-card strong{font-size:var(--font-md)}.score{color:var(--primary-light);font-family:var(--font-data);font-size:var(--font-2xl);font-weight:800}.theme-row{align-items:stretch;flex-direction:column}.theme-row button{justify-content:flex-start}@media(max-width:1100px){.editor-layout{grid-template-columns:minmax(13rem,17rem) minmax(0,1fr)}}@media(max-width:980px){.detail-grid{grid-template-columns:1fr}}@media(max-width:900px){.app-layout,.app-layout.sidebar-is-collapsed{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(17.5rem,85vw);transform:translate(-100%);transition:transform var(--motion-layout)}.sidebar.sidebar-collapsed{width:min(17.5rem,85vw);padding:var(--space-6);overflow-x:hidden}.sidebar-collapsed .brand{justify-content:flex-start;padding:var(--space-6) var(--space-4);flex-wrap:nowrap}.sidebar-collapsed .brand-copy,.sidebar-collapsed .brand-mark,.sidebar-collapsed .nav-item-label,.sidebar-collapsed .nav-status,.sidebar-collapsed .nav-caret{display:initial}.sidebar-collapsed .brand-mark{display:grid}.sidebar-collapsed .nav-group-label{width:auto;height:auto;padding:0 var(--space-6);overflow:visible;color:var(--tertiary);background:transparent}.sidebar-collapsed .nav-group+.nav-group{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border)}.sidebar-collapsed .nav-item{width:auto;min-width:0;min-height:2.5rem;justify-content:flex-start;align-self:stretch;padding:0 var(--space-6);border-left-width:3px}.sidebar-collapse{display:none}.sidebar-open{transform:translate(0);box-shadow:var(--shadow-floating)}.icon-button.menu-toggle,.icon-button.sidebar-close{display:inline-grid}.sidebar-close{width:2rem;height:2rem;background:transparent;border-color:transparent}.editor-layout,.settings-grid,.session-builder{grid-template-columns:1fr}.editor-panel{position:static}.stat-grid,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.section-context{align-items:stretch;flex-direction:column}.section-tabs{width:100%;overflow-x:auto;border-radius:var(--radius-md)}.section-tabs a{flex:0 0 auto}.two-col{grid-template-columns:1fr}.session-item{grid-template-columns:minmax(0,1fr) 4.5rem}.session-item .button{width:100%}}@media(max-width:600px){.page{padding:var(--space-7)}.topbar{padding-inline:var(--space-7)}.dashboard-hero,.player-hero,.panel-heading{align-items:flex-start;flex-direction:column}.overall-card{margin-left:0}.stat-grid,.quick-grid{grid-template-columns:1fr}.toolbar .input{max-width:none}.canvas-workspace{grid-template-columns:1fr}.tool-strip{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.tool-strip button{width:2.5rem;height:2.5rem;flex:0 0 auto}.modal-layer{padding:0}.modal-card{width:100%;max-height:100dvh;min-height:100dvh;border-radius:0}.modal-header{position:sticky;top:calc(-1*clamp(var(--space-8),var(--space-4) + 1.5vw,var(--space-12)));z-index:2;padding-block:var(--space-5);background:var(--panel)}.attribute-row{grid-template-columns:minmax(0,1fr) 2.5rem 2.5rem 2.5rem}}@media(max-width:480px){.toolbar,.action-row{align-items:stretch;flex-direction:column}.toolbar>*,.action-row>*,.action-row .button{width:100%}.topbar{gap:var(--space-4)}.topbar-title{flex:1}.topbar-actions{flex:0 0 auto}.topbar-user-trigger{gap:var(--space-3)}.topbar-user-copy small,.topbar-user-caret{display:none}.topbar-user-copy strong{max-width:7rem}.session-item{grid-template-columns:1fr}.session-item input{width:100%}}