:root{--mta-black:#050505;--mta-cream:#f4efe5;--mta-green:#00933c;--mta-green-hover:#007a33;--mta-blue:#0039a6;--mta-orange:#ff6319;--mta-yellow:#fccc0a;--mta-red:#ee352e;--surface:#fff;--surface-subtle:#fbf8f1;--border:#e5e7eb;--border-warm:#ded7cc;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#756f66;--loss:#c0392b;--warning:#e8d5b0;--info:#476a9c;color:var(--text-primary);background:var(--mta-cream);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(90deg, #0039a614, transparent 18rem), linear-gradient(180deg, #fff 0, var(--mta-cream) 30rem, #fff 100%);min-width:320px;margin:0}body:has(.ladder-panel){background:radial-gradient(circle at 0 0,#0039a642,#0000 24rem),linear-gradient(#05070b 0,#090b10 45rem,#05070b 100%)}body:has(.ladder-panel) main{padding:1.25rem 0 2rem}a{color:inherit}button,input,select,textarea{font:inherit}h1,h2,p{margin:0}h1{letter-spacing:0;max-width:760px;font-size:clamp(2.35rem,6vw,5rem);line-height:.95}h2{font-size:1.35rem}.section-header h1{font-size:clamp(2rem,4vw,3rem)}code{color:#111;background:#ebe4d8;border-radius:4px;padding:.1rem .3rem}.app-shell{min-height:100vh}.topbar{border-bottom:4px solid var(--mta-yellow);background:var(--mta-black);color:#fff;z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.brand-mark{object-fit:contain;width:2.5rem;height:2.75rem}.brand strong,.brand small{display:block}.brand small{color:#c9c9c9;font-size:.8rem}.nav-links{flex:1;justify-content:center;align-items:center;gap:.25rem;display:flex}.nav-links a{color:#d9d9d9;border-radius:8px;padding:.6rem .85rem;text-decoration:none}.account-actions{align-items:center;gap:.65rem;display:flex}.nav-links:empty,.account-actions:empty{display:none}.nav-button{color:#d9d9d9;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.6rem .85rem}.nav-links a.router-link-active,.nav-links a:hover,.nav-button:hover{color:var(--mta-black);background:#fff}.topbar-menu{position:relative}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:8px;place-items:center;gap:.28rem;width:2.75rem;height:2.75rem;padding:.65rem;display:inline-grid}.menu-toggle:hover,.menu-toggle[aria-expanded=true]{background:#fff}.menu-toggle span{background:currentColor;border-radius:999px;width:1.2rem;height:2px;display:block}.menu-toggle:hover span,.menu-toggle[aria-expanded=true] span{background:var(--mta-black)}.menu-popover{z-index:20;border:1px solid var(--border-warm);background:var(--surface);border-radius:8px;min-width:12rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .6rem);right:0;overflow:hidden;box-shadow:0 18px 40px #0000002e}.menu-popover a,.menu-popover button{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;padding:.75rem .85rem;font-weight:800;text-decoration:none}.menu-popover a:hover,.menu-popover button:hover{background:var(--surface-subtle)}.mobile-nav{display:none}main{width:min(1120px,100% - 2rem);margin:0 auto;padding:clamp(2rem,5vw,4rem) 0}.hero-section{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding:3rem 0 4rem;display:grid}.page-section,.panel{border:1px solid var(--border-warm);background:var(--surface);padding:clamp(1.5rem,4vw,2.5rem);box-shadow:0 14px 36px #1a1a1a0e}.page-section{min-height:420px}.ladder-panel{--ladder-bg:#05070b;--ladder-surface:#10131a;--ladder-surface-raised:#171b24;--ladder-surface-soft:#1e2330;--ladder-border:#ffffff1a;--ladder-border-strong:#ffffff29;--ladder-text:#f8fafc;--ladder-secondary:#b7bfcc;--ladder-muted:#7f899a;--ladder-accent:color-mix(in srgb, var(--division-color,var(--mta-blue)) 72%, #fff);background:radial-gradient(circle at top left, color-mix(in srgb, var(--division-color,var(--mta-blue)) 28%, transparent) 0, transparent 19rem), linear-gradient(180deg, #10131a 0, var(--ladder-bg) 26rem, #07090e 100%);color:var(--ladder-text);border-color:#ffffff14;border-radius:8px;padding:clamp(1rem,2.4vw,1.5rem);box-shadow:0 28px 80px #00000047}.ladder-panel .section-header{align-items:flex-start;margin-bottom:1rem}.ladder-panel .eyebrow{color:var(--ladder-accent)}.ladder-panel .section-header h1{color:var(--ladder-text);font-size:clamp(2rem,3.5vw,3rem);line-height:1}.ladder-panel .status-pill{border-color:var(--ladder-border-strong);color:var(--ladder-secondary);background:#ffffff0f;min-height:2.5rem;padding:.62rem .85rem}.app-shell:has(.ladder-panel) .mobile-nav{background:#10131ae6;border-color:#ffffff1f;box-shadow:0 18px 44px #0000005c}.app-shell:has(.ladder-panel) .mobile-nav a{color:#aeb7c5}.app-shell:has(.ladder-panel) .mobile-nav a.router-link-active:not(.mobile-nav-plus){color:#fff;background:#ffffff1a}.app-shell:has(.ladder-panel) .mobile-nav-plus{background:color-mix(in srgb, var(--division-color,var(--mta-blue)) 68%, #fff);border-color:#10131a;color:#05070b!important}.eyebrow{color:var(--division-color,var(--mta-blue));letter-spacing:.12em;text-transform:uppercase;margin-bottom:.8rem;font-size:.78rem;font-weight:800}.lede{max-width:700px;color:var(--text-secondary);margin-top:1.25rem;font-size:1.05rem;line-height:1.7}.primary-action{background:var(--division-color,var(--mta-green));color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;padding:.95rem 1.2rem;font-weight:800;text-decoration:none;display:inline-flex}.primary-action:hover{filter:brightness(.9)}.compact-action{white-space:nowrap;min-height:2.5rem;padding:.65rem .95rem}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.55}.section-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.status-pill{color:var(--text-muted);border:1px solid #d4cabd;border-radius:999px;padding:.45rem .7rem;font-size:.85rem;text-decoration:none}.division-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.division-card{background:#f7f4ed;border:1px solid #e5ded4;padding:1rem}.division-name{color:#756f66;font-size:.9rem}.division-card strong{margin:.5rem 0;font-size:1.8rem;display:block}.division-card span{color:#5d574e;font-size:.9rem}.tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:1.5rem;display:grid}.ladder-panel .tabs{gap:.75rem;margin-bottom:1rem}.tab-button{border:1px solid var(--border-warm);border-top:5px solid var(--division-color,var(--mta-blue));background:var(--surface);color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:8px;padding:.85rem}.ladder-panel .tab-button{border-color:var(--ladder-border);color:var(--ladder-secondary);background:#ffffff0e;border-top:0;border-radius:8px;min-height:3.75rem;padding:.8rem 1rem}.tab-button span,.tab-button small{display:block}.tab-button span{color:var(--text-primary);font-weight:800}.ladder-panel .tab-button span{color:var(--ladder-text)}.tab-button small{margin-top:.25rem}.ladder-panel .tab-button small{color:var(--ladder-muted);margin-top:.35rem}.tab-button.active,.tab-button:hover{border-color:var(--division-color,var(--mta-blue));background:color-mix(in srgb, var(--division-color,var(--mta-blue)) 12%, #fff);color:var(--text-primary)}.tab-button.active span,.tab-button:hover span{color:var(--text-primary)}.ladder-panel .tab-button.active,.ladder-panel .tab-button:hover{border-color:color-mix(in srgb, var(--division-color,var(--mta-blue)) 70%, #fff);background:linear-gradient(180deg, color-mix(in srgb, var(--division-color,var(--mta-blue)) 28%, #1b1f2a), var(--ladder-surface-raised));color:var(--ladder-text)}.ladder-panel .tab-button.active span,.ladder-panel .tab-button:hover span{color:var(--ladder-text)}.empty-state{color:var(--text-muted);text-align:center;border:1px dashed #d4cabd;border-radius:8px;padding:2rem}.ladder-panel .empty-state{border-color:var(--ladder-border-strong);color:var(--ladder-secondary);background:#ffffff0b}.ladder-panel .error-state{color:#ffb4ad;border-color:#ee352e8c}.empty-state strong,.empty-state span{display:block}.empty-state strong{color:var(--text-primary);margin-bottom:.45rem}.empty-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.error-state{border-color:var(--loss);color:#8d2f25}.success-state{color:var(--mta-green);border-color:#7fa36f}.metrics-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.ladder-panel .metrics-row{flex-wrap:wrap;gap:.55rem;margin-bottom:.75rem;display:flex}.metrics-row article{border:1px solid #e5ded4;border-top:4px solid var(--division-color,var(--mta-blue));background:var(--surface-subtle);border-radius:8px;padding:1rem}.ladder-panel .metrics-row article{border-color:var(--ladder-border);background:#ffffff0e;border-top:0;align-items:baseline;gap:.65rem;min-height:2.45rem;padding:.45rem .75rem;display:inline-flex}.metrics-row span{color:var(--text-muted);margin-bottom:.4rem;font-size:.85rem;display:block}.ladder-panel .metrics-row span{color:var(--ladder-muted);margin-bottom:0}.metrics-row strong{font-size:1.6rem}.ladder-panel .metrics-row strong{color:var(--ladder-text);font-size:1.05rem}.ladder-toolbar{border:1px solid var(--border-warm);background:var(--surface-subtle);border-radius:8px;grid-template-columns:minmax(220px,1fr) auto minmax(220px,.8fr);align-items:end;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:grid}.ladder-panel .ladder-toolbar{border-color:var(--ladder-border);background:0 0;gap:1rem;margin-bottom:.75rem;padding:0}.ladder-panel .ladder-toolbar.compact{grid-template-columns:minmax(0,1fr)}.search-field{gap:.4rem;display:grid}.search-field span,.toggle-control span{color:var(--text-secondary);font-size:.82rem;font-weight:800}.ladder-panel .search-field span,.ladder-panel .toggle-control span{color:var(--ladder-secondary)}.ladder-panel .search-field>span{display:none}.search-field input{background:var(--surface);color:var(--text-primary);border:1px solid #d4cabd;border-radius:8px;width:100%;min-height:2.75rem;padding:.75rem}.ladder-panel .search-field input{border-color:var(--ladder-border-strong);background:var(--ladder-surface-raised);color:var(--ladder-text);min-height:2.65rem;padding:.62rem .85rem}.ladder-panel .search-field input::placeholder{color:var(--ladder-muted)}.toggle-control{background:var(--surface);cursor:pointer;border:1px solid #d4cabd;border-radius:8px;align-items:center;gap:.55rem;min-height:2.75rem;padding:.75rem;display:inline-flex}.ladder-panel .toggle-control{border-color:var(--ladder-border-strong);color:var(--ladder-text);background:#00000047;min-height:3.2rem;padding:.9rem 1rem}.toggle-control input{accent-color:var(--mta-green);width:1rem;height:1rem}.ladder-panel .toggle-control input{accent-color:var(--ladder-accent)}.toolbar-note{color:var(--text-muted);font-size:.88rem;line-height:1.45}.ladder-panel .toolbar-note{color:var(--ladder-muted)}.ladder-meta-strip{flex-wrap:wrap;gap:.5rem;margin:-.5rem 0 1rem;display:flex}.ladder-panel .ladder-meta-strip{gap:.6rem;margin:0 0 .8rem}.ladder-meta-strip span{background:var(--surface-subtle);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;border:1px solid #e4dcd0;border-radius:999px;padding:.4rem .6rem;font-size:.74rem;font-weight:800}.ladder-panel .ladder-meta-strip span{border-color:var(--ladder-border);color:var(--ladder-muted);background:#ffffff0b}.ladder-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:1rem;display:grid}.ladder-panel .ladder-layout{gap:1rem}.ladder-panel .ladder-layout.standings-only{grid-template-columns:1fr}.player-list{border:1px solid var(--border-warm);border-top:4px solid var(--division-color,var(--mta-blue));border-radius:8px;display:grid;overflow:hidden}.ladder-panel .player-list{border-color:var(--ladder-border);background:#ffffff0b;border-top:0}.player-list-header,.player-row{grid-template-columns:72px minmax(180px,1fr) 72px 86px 116px 104px;align-items:center;gap:.75rem;display:grid}.compact-standings .player-list-header,.compact-standings .player-row{grid-template-columns:76px minmax(0,1fr) 96px 104px}.player-list-header{background:var(--mta-black);color:#fff;letter-spacing:.08em;text-transform:uppercase;padding:.85rem 1rem;font-size:.72rem;font-weight:800}.ladder-panel .player-list-header{color:var(--ladder-muted);background:#ffffff0f;padding:.95rem 1rem}.player-row{background:var(--surface);color:var(--text-primary);cursor:pointer;text-align:left;border:0;border-bottom:1px solid #ede6dc;width:100%;min-height:72px;padding:.85rem 1rem}.ladder-panel .player-row{border-bottom-color:var(--ladder-border);background:var(--ladder-surface);color:var(--ladder-text);min-height:82px;padding:1rem}.ladder-panel .compact-standings .player-row{cursor:default;min-height:42px;padding:.38rem .85rem}.player-row:last-of-type{border-bottom:0}.player-row:hover,.player-row.selected{background:color-mix(in srgb, var(--division-color,var(--mta-blue)) 9%, #fff)}.ladder-panel .player-row:hover,.ladder-panel .player-row.selected{background:color-mix(in srgb, var(--division-color,var(--mta-blue)) 18%, var(--ladder-surface-raised))}.ladder-panel .compact-standings .player-row:hover{background:#ffffff0b}.player-row.eligible{box-shadow:inset 4px 0 0 var(--division-color,var(--mta-blue))}.ladder-panel .player-row.eligible{box-shadow:inset 4px 0 0 var(--ladder-accent)}.rank-badge{background:var(--surface-subtle);color:var(--division-color,var(--mta-blue));border:1px solid #d4cabd;border-radius:8px;place-items:center;width:3.1rem;min-height:2.25rem;font-weight:800;display:inline-grid}.ladder-panel .rank-badge{border-color:var(--ladder-border-strong);color:var(--ladder-accent);background:#ffffff12}.rank-badge.large{width:3.9rem;min-height:3.4rem}.compact-standings .rank-badge{background:0 0;border:0;justify-content:start;width:auto;min-height:auto}.player-cell{align-items:center;gap:.25rem;min-width:0;display:flex}.player-avatar{display:none}.player-identity{gap:.25rem;min-width:0;display:grid}.player-identity strong,.player-identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-identity small,.muted-action{color:var(--text-muted);text-transform:capitalize;font-size:.82rem}.ladder-panel .player-identity small,.ladder-panel .muted-action{color:var(--ladder-muted)}.row-stat{color:var(--text-primary);font-weight:800}.ladder-panel .row-stat{color:var(--ladder-text)}.row-stat small{display:none}.row-stat strong{font-size:inherit}.compact-standings .row-stat{font-variant-numeric:tabular-nums}.row-status,.row-cta{min-width:0}.row-cta{justify-self:start}.status-chip{color:var(--text-secondary);border:1px solid #d4cabd;border-radius:999px;align-items:center;min-height:1.9rem;padding:.35rem .6rem;font-size:.78rem;font-weight:800;display:inline-flex}.ladder-panel .status-chip{border-color:var(--ladder-border-strong);color:var(--ladder-secondary);background:#ffffff0f}.status-chip.warning{border-color:var(--warning);color:#6b5421;background:#fff8e8}.ladder-panel .status-chip.warning{color:#ffe18a;background:#fccc0a1f;border-color:#fccc0a6b}.row-action{background:var(--division-color,var(--mta-green));color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:2.25rem;padding:.55rem .65rem;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex}.ladder-panel .row-action{background:var(--ladder-accent);color:#05070b}.row-action:hover{filter:brightness(.9)}.player-drawer{border:1px solid var(--border-warm);background:var(--surface-subtle);box-shadow:inset 5px 0 0 var(--division-color,var(--mta-blue));border-radius:8px;padding:1rem;position:sticky;top:6rem}.ladder-panel .player-drawer{border-color:var(--ladder-border);background:var(--ladder-surface-raised);box-shadow:inset 4px 0 0 var(--ladder-accent), 0 20px 45px #0000002e;padding:1.1rem}.drawer-header{align-items:center;gap:.85rem;margin-bottom:1rem;display:flex}.drawer-header .eyebrow{margin-bottom:.25rem}.ladder-panel .drawer-header h2{color:var(--ladder-text)}.detail-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin:0 0 1rem;display:grid}.detail-grid div{background:var(--surface);border:1px solid #e5ded4;border-radius:8px;padding:.85rem}.ladder-panel .detail-grid div{border-color:var(--ladder-border);background:#00000038;padding:.95rem}.detail-grid dt{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.ladder-panel .detail-grid dt{color:var(--ladder-muted)}.detail-grid dd{margin:.25rem 0 0;font-size:1.2rem;font-weight:800}.ladder-panel .detail-grid dd{color:var(--ladder-text)}.drawer-callout{background:var(--surface);border:1px solid #d4cabd;border-radius:8px;margin-bottom:1rem;padding:1rem}.ladder-panel .drawer-callout{border-color:var(--ladder-border);background:#00000038}.drawer-callout strong{margin-bottom:.5rem;display:block}.drawer-callout p{color:var(--text-secondary);line-height:1.55}.ladder-panel .drawer-callout p{color:var(--ladder-secondary)}.drawer-actions{gap:.65rem;display:grid}.player-summary{background:var(--surface-subtle);border:1px solid #d4cabd;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.player-summary dl{grid-template-columns:repeat(3,minmax(80px,1fr));gap:1rem;margin:0;display:grid}.player-summary dt{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.player-summary dd{margin:.2rem 0 0;font-size:1.1rem;font-weight:800}.table-wrap{border:1px solid var(--border-warm);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{text-align:left;border-bottom:1px solid #ede6dc;padding:.85rem 1rem}th{background:var(--mta-black);color:#fff;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:#f0eadf}.table-actions{justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}.ladder-panel .table-actions{margin-top:1.2rem}.secondary-action{background:var(--surface);color:var(--text-primary);cursor:pointer;border:1px solid #d4cabd;border-radius:8px;justify-content:center;padding:.8rem 1rem;font-weight:800;text-decoration:none;display:inline-flex}.ladder-panel .primary-action{background:var(--ladder-accent);color:#05070b;min-height:3rem}.ladder-panel .secondary-action{border-color:var(--ladder-border-strong);color:var(--ladder-text);background:#ffffff0f;min-height:3rem}.secondary-action:hover{background:#ebe4d8}.ladder-panel .secondary-action:hover{background:#ffffff1c}.auth-layout,.registration-layout{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.form-panel,.portal-panel{border:1px solid var(--border-warm);background:var(--surface-subtle);border-radius:8px;padding:1.25rem}.form-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.field{gap:.4rem;margin-bottom:1rem;display:grid}.field span{color:var(--text-secondary);font-size:.85rem;font-weight:800}.field input,.field select,.field textarea{background:var(--surface);color:var(--text-primary);border:1px solid #d4cabd;border-radius:8px;width:100%;min-height:2.75rem;padding:.75rem}.field textarea{resize:vertical}.full-width{width:100%}.link-button{color:var(--mta-green);cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.form-message{border:1px solid;margin-bottom:1rem;padding:.8rem}.muted{color:var(--text-secondary);margin:.75rem 0 1.25rem;line-height:1.6}.payment-preview{background:var(--surface);border:1px solid #d4cabd;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.85rem;display:flex}.payment-preview span{color:var(--text-muted)}.dashboard-layout,.score-layout{grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.dashboard-hero{min-width:0}.dashboard-page{gap:1rem;display:grid}.dashboard-hero-panel{border:1px solid var(--border-warm);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.dashboard-hero-panel h1{font-size:clamp(2.1rem,5vw,4rem)}.dashboard-actions{gap:.75rem;min-width:220px;display:grid}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.rank-card,.task-card,.profile-panel{border:1px solid var(--border-warm);background:var(--surface);border-radius:8px;padding:1rem}.rank-card{min-height:150px}.rank-card span{color:var(--text-muted);text-transform:uppercase;margin-bottom:.55rem;font-size:.78rem;font-weight:800;display:block}.rank-card strong{margin-bottom:.75rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1;display:block}.rank-card p,.task-card p{color:var(--text-secondary);line-height:1.55}.dashboard-main{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:1rem;display:grid}.task-stack{gap:1rem;display:grid}.task-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem 1rem;display:grid}.task-card h2{margin-bottom:0}.task-card p{grid-column:1/-1}.task-card .secondary-action{white-space:nowrap;grid-area:1/2/span 2;align-self:end}.match-actions{flex-wrap:wrap;grid-column:1/-1;gap:.75rem;display:flex}.task-card.urgent{border-color:var(--warning);background:#fff8e8}.profile-panel{background:var(--surface-subtle);position:sticky;top:6rem}.profile-edit-form{border-top:1px solid #e5ded4;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:grid}.profile-page{gap:1rem;display:grid}.profile-hero{border:1px solid var(--border-warm);background:var(--surface);border-radius:8px;overflow:hidden;box-shadow:0 14px 36px #1a1a1a0e}.profile-cover{background:linear-gradient(90deg, var(--mta-blue) 0 18%, var(--mta-orange) 18% 36%, var(--mta-green) 36% 54%, var(--mta-yellow) 54% 72%, var(--mta-red) 72% 100%), var(--mta-black);min-height:clamp(8rem,22vw,14rem)}.profile-headline{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:1rem;padding:0 clamp(1rem,3vw,1.5rem) clamp(1rem,3vw,1.5rem);display:grid}.profile-headline h1{font-size:clamp(2.1rem,5vw,4rem)}.profile-avatar-large{background:var(--mta-black);color:#fff;border:5px solid #fff;border-radius:999px;place-items:center;width:clamp(5.5rem,12vw,8rem);height:clamp(5.5rem,12vw,8rem);margin-top:clamp(-4rem,-8vw,-2.75rem);font-size:clamp(1.6rem,4vw,2.5rem);font-weight:900;display:inline-grid}.profile-layout{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;gap:1rem;display:grid}.profile-main-column{gap:1rem;display:grid}.profile-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.profile-stat-grid article,.activity-card,.profile-side-panel{border:1px solid var(--border-warm);background:var(--surface);border-radius:8px;padding:1rem;box-shadow:0 10px 28px #1a1a1a0b}.profile-stat-grid article{border-top:4px solid var(--mta-blue)}.profile-stat-grid article:nth-child(2){border-top-color:var(--mta-orange)}.profile-stat-grid article:nth-child(3){border-top-color:var(--mta-green)}.profile-stat-grid article:nth-child(4){border-top-color:var(--mta-red)}.profile-stat-grid span,.profile-chip-row span{color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.profile-stat-grid strong{margin-top:.5rem;font-size:clamp(1.7rem,4vw,2.8rem);line-height:1;display:block}.profile-chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.profile-chip-row span{background:var(--surface-subtle);border:1px solid #ded7cc;border-radius:999px;padding:.45rem .65rem}.profile-bio{color:var(--text-secondary);margin-bottom:1rem;line-height:1.65}.profile-list.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-side-panel{position:sticky;top:6rem}.profile-side-panel .profile-edit-form{border-top:0;margin-top:0;padding-top:0}.profile-list{gap:.75rem;margin:1rem 0;display:grid}.profile-list div{border-bottom:1px solid #e5ded4;padding-bottom:.75rem}.profile-list div:last-child{border-bottom:0;padding-bottom:0}.profile-list dt{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.profile-list dd{overflow-wrap:anywhere;text-transform:capitalize;margin:.2rem 0 0;font-weight:800}.action-row{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.state-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.state-card{border:1px solid var(--border-warm);background:var(--surface-subtle);border-radius:8px;padding:1rem}.state-card.urgent{border-color:var(--warning);background:#fff8e8}.state-card span{color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem;font-size:.78rem;font-weight:800;display:block}.state-card strong{margin-bottom:.55rem;display:block}.state-card p{color:var(--text-secondary);line-height:1.55}.challenge-page{gap:1rem;display:grid}.challenge-composer,.challenge-list-panel{border:1px solid var(--border-warm);background:var(--surface);border-radius:8px;gap:1rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.challenge-composer{grid-template-columns:minmax(0,.8fr) minmax(260px,.55fr) minmax(300px,.8fr);align-items:start}.challenge-summary-grid{gap:.75rem;display:grid}.challenge-summary-grid article{background:var(--surface-subtle);border:1px solid #e5ded4;border-radius:8px;padding:.85rem}.challenge-summary-grid span{color:var(--text-muted);text-transform:uppercase;margin-bottom:.35rem;font-size:.72rem;font-weight:800;display:block}.challenge-summary-grid strong{font-size:1.45rem}.candidate-panel{background:var(--surface-subtle);border:1px solid #e5ded4;border-radius:8px;gap:1rem;padding:1rem;display:grid}.candidate-panel h3,.challenge-card h3{margin:0}.challenge-candidate-list{gap:.65rem;max-height:320px;display:grid;overflow:auto}.challenge-candidate{background:var(--surface);color:var(--text-primary);cursor:pointer;text-align:left;border:1px solid #d4cabd;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;padding:.75rem;display:grid}.challenge-candidate:hover,.challenge-candidate.selected{border-color:var(--mta-green);background:#f0eadf}.challenge-candidate small{color:var(--text-muted);margin-top:.2rem;display:block}.challenge-card{border-top:1px solid #ede6dc;justify-content:space-between;align-items:start;gap:1rem;padding-top:1rem;display:flex}.challenge-card:first-of-type{border-top:0;padding-top:0}.challenge-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;min-width:180px;display:flex}.compact-state{padding:1rem}.step-list{gap:.6rem;margin:1rem 0;display:grid}.step-list span{border:1px solid var(--border-warm);background:var(--surface);border-radius:8px;padding:.85rem;font-weight:800}.score-state{margin-top:1.5rem}.score-match-list{gap:.75rem;margin-top:1.5rem;display:grid}.score-match-card{border:1px solid var(--border-warm);background:var(--surface);color:var(--text-primary);cursor:pointer;text-align:left;border-radius:8px;gap:.45rem;padding:1rem;display:grid}.score-match-card:hover,.score-match-card.selected{border-color:var(--mta-green);background:#f0eadf}.score-match-card .status-chip{width:fit-content}.score-match-card small{color:var(--text-muted)}.feed-page,.feed-list{gap:1rem;display:grid}.feed-card,.score-picker-panel{border:1px solid var(--border-warm);background:var(--surface);border-radius:8px;padding:1rem}.feed-card{gap:.75rem;display:grid}.feed-card-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.feed-avatar-row{align-items:center;display:flex}.feed-avatar-row span{border:2px solid var(--surface);color:var(--mta-green);background:#eef7ea;border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;margin-right:-.45rem;font-size:.78rem;font-weight:900;display:inline-grid}.feed-score{color:var(--text-primary);font-size:1.2rem;font-weight:900}.feed-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.feed-meta div{background:var(--surface-subtle);border:1px solid #e5ded4;border-radius:8px;padding:.75rem}.feed-meta dt{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.feed-meta dd{margin:.2rem 0 0;font-weight:800}.score-page{gap:1rem;display:grid}.score-progress{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.score-progress span{border:1px solid var(--border-warm);background:var(--surface);color:var(--text-muted);border-radius:8px;align-items:center;gap:.55rem;min-height:3rem;padding:.55rem .65rem;display:flex}.score-progress strong{color:var(--text-muted);background:#eee6dc;border-radius:999px;place-items:center;width:1.8rem;height:1.8rem;font-size:.82rem;display:inline-grid}.score-progress small{text-transform:uppercase;font-size:.76rem;font-weight:900}.score-progress span.complete{border-color:color-mix(in srgb, var(--mta-blue) 28%, #ded7cc);background:color-mix(in srgb, var(--mta-blue) 8%, #fff);color:var(--mta-black)}.score-progress span.complete strong{background:var(--mta-black);color:#fff}.score-picker-panel{gap:1rem;display:grid}.score-search{margin-bottom:0}.score-search-bar{border:1px solid var(--border-warm);border-left:5px solid var(--mta-green);background:var(--surface-subtle);border-radius:8px;padding:1rem}.score-search-bar span{color:var(--mta-black);font-size:.95rem}.score-search-bar input{border-color:#cfc6ba;min-height:3.25rem;font-size:1.05rem}.accepted-match-strip,.score-opponent-list{gap:.65rem;display:grid}.score-opponent-list{max-height:480px;overflow:auto}.scorecard-form{position:sticky;top:6rem}.selected-match-card{border:1px solid color-mix(in srgb, var(--mta-blue) 24%, #ded7cc);border-left:5px solid var(--mta-blue);background:color-mix(in srgb, var(--mta-blue) 7%, #fff);border-radius:8px;gap:.45rem;margin-bottom:1rem;padding:1rem;display:grid}.selected-match-card.empty{background:var(--surface);border-left-color:#d4cabd}.selected-match-card .status-chip{width:fit-content}.selected-match-card strong{font-size:1.05rem;line-height:1.25}.selected-match-card small{color:var(--text-muted);font-weight:800}.winner-segments{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.winner-segments label{min-width:0;display:grid}.winner-segments input{opacity:0;pointer-events:none;position:absolute}.winner-segments span{background:var(--surface);color:var(--text-primary);cursor:pointer;overflow-wrap:anywhere;text-align:center;border:1px solid #d4cabd;border-radius:8px;justify-content:center;align-items:center;min-height:3rem;padding:.75rem;font-size:.9rem;font-weight:900;display:inline-flex}.winner-segments input:checked+span{border-color:var(--mta-black);background:var(--mta-black);color:#fff}.winner-segments.disabled span{cursor:not-allowed;opacity:.55}.score-submit-bar{margin-top:1rem}@media (width<=760px){body{background:linear-gradient(180deg, #fff 0, var(--surface-subtle) 13rem, var(--mta-cream) 100%)}.topbar,.hero-section,.section-header,.form-header,.payment-preview{flex-direction:column;align-items:stretch}.topbar{border-bottom-color:var(--mta-yellow);flex-direction:row;justify-content:space-between;align-items:center;padding:.7rem 1rem}.topbar.signed-in .nav-links{display:none}.topbar.signed-in{padding-bottom:.7rem}.brand{min-width:0}.brand-mark{width:2.4rem;height:2.4rem}.brand-copy{display:none}.nav-links{flex-wrap:wrap;justify-content:flex-start}.account-actions{justify-content:space-between}.topbar.signed-in .account-actions{display:none}.mobile-nav{right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:10;padding:.35rem .35rem calc(.35rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #e8e2d8;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;display:grid;position:fixed;left:.75rem;box-shadow:0 12px 35px #1a1a1a24}.mobile-nav a{color:var(--text-secondary);text-align:center;border-radius:7px;justify-content:center;align-items:center;min-height:42px;padding:.7rem .25rem;font-size:.72rem;font-weight:800;text-decoration:none;display:inline-flex}.mobile-nav a.router-link-active:not(.mobile-nav-plus){background:var(--mta-black);color:#fff}.mobile-nav-plus{background:var(--mta-black);border:3px solid #fff;align-self:center;line-height:1;transform:translateY(-.8rem);box-shadow:0 10px 24px #1a1a1a42;color:#fff!important;border-radius:999px!important;min-height:3.45rem!important;padding:0 0 .12rem!important;font-size:1.85rem!important}.mobile-nav-plus.router-link-active,.mobile-nav-plus:hover{background:var(--mta-black)}.hero-section{display:flex}.auth-layout,.registration-layout,.dashboard-layout,.score-layout,.challenge-composer,.dashboard-hero-panel,.dashboard-grid,.dashboard-main{grid-template-columns:1fr}.challenge-card{flex-direction:column}.challenge-card-actions{justify-content:flex-start;width:100%;min-width:0}.dashboard-actions{min-width:0}.profile-panel{position:static}.profile-layout,.profile-stat-grid,.profile-headline{grid-template-columns:1fr}.profile-side-panel{position:static}.profile-headline{align-items:start}.profile-avatar-large{margin-top:-3rem}.scorecard-form{position:static}.score-progress{gap:.35rem}.score-progress span{text-align:center;justify-items:center;gap:.35rem;min-height:3.35rem;padding:.45rem .25rem;display:grid}.score-progress small{font-size:.68rem}.selected-match-card{margin-bottom:.85rem;padding:.85rem}.winner-segments{grid-template-columns:1fr}.score-submit-bar{bottom:calc(5.6rem + env(safe-area-inset-bottom));z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #e8e0d5;border-radius:8px;margin:1rem -.25rem -.25rem;padding:.35rem;position:sticky;box-shadow:0 10px 28px #1a1a1a21}main{padding:1rem 0 calc(6rem + env(safe-area-inset-bottom))}.panel,.feed-card,.score-picker-panel,.dashboard-hero-panel,.rank-card,.task-card,.profile-panel{border-color:#ebe5dc;border-radius:8px;box-shadow:0 10px 28px #1a1a1a0f}.panel{padding:1rem}.ladder-panel{border:0;margin:-.2rem -.15rem 0;padding:.85rem .8rem 1rem}.ladder-panel .section-header{gap:.7rem;margin-bottom:.9rem}.ladder-panel .section-header h1{font-size:clamp(2rem,10vw,2.85rem)}.section-header{gap:.75rem;margin-bottom:1rem}.section-header h1{font-size:clamp(2rem,12vw,3.15rem)}.status-pill{background:var(--surface-subtle);align-self:flex-start}.division-grid{grid-template-columns:1fr}.tabs,.metrics-row,.state-grid,.ladder-toolbar,.ladder-layout{grid-template-columns:1fr 1fr}.ladder-toolbar,.ladder-layout{grid-template-columns:1fr}.tabs{scrollbar-width:none;gap:.5rem;margin:0 -1rem 1rem;padding:0 1rem .25rem;display:flex;overflow-x:auto}.ladder-panel .tabs{gap:.55rem;margin:0 -.8rem .85rem;padding:0 .8rem .25rem}.tabs::-webkit-scrollbar{display:none}.tab-button{border-radius:999px;flex:0 0 8.75rem;padding:.7rem .85rem}.ladder-panel .tab-button{flex-basis:8.8rem;min-height:3.65rem;padding:.72rem .85rem}.tab-button small{font-size:.72rem}.metrics-row{gap:.6rem;margin-bottom:1rem}.ladder-panel .metrics-row{gap:.55rem;margin-bottom:.8rem}.metrics-row article{border-radius:8px;padding:.85rem}.ladder-panel .metrics-row article{padding:.75rem .85rem}.metrics-row strong{font-size:1.25rem}.ladder-toolbar{background:0 0;border:0;gap:.65rem;margin-bottom:1rem;padding:0}.ladder-panel .ladder-toolbar{background:0 0;border:0;gap:.55rem;margin-bottom:.75rem;padding:0}.search-field span{display:none}.search-field input{border-color:#ece8df;border-radius:8px;box-shadow:0 6px 18px #1a1a1a0f}.ladder-panel .search-field input{border-color:var(--ladder-border);background:var(--ladder-surface-raised);min-height:2.85rem;box-shadow:0 12px 34px #00000029}.toggle-control{width:fit-content}.ladder-panel .toggle-control{background:var(--ladder-surface-raised);width:100%;min-height:3.1rem}.toolbar-note{border-left:3px solid var(--division-color,var(--mta-blue));padding-left:.75rem}.ladder-panel .toolbar-note{border-left-color:var(--ladder-accent);color:var(--ladder-secondary);line-height:1.55}.ladder-meta-strip{gap:.4rem;margin:-.35rem 0 .85rem}.ladder-panel .ladder-meta-strip{gap:.5rem;margin:0 0 .75rem}.ladder-meta-strip span{padding:.35rem .5rem;font-size:.68rem}.player-drawer{position:static}.player-list-header{display:none}.player-list{border:0;gap:.65rem;overflow:visible}.ladder-panel .player-list{background:0 0;gap:.8rem}.player-row{border:1px solid #ece5da;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem .75rem;min-height:0;padding:.8rem;position:relative;overflow:hidden;box-shadow:0 7px 22px #1a1a1a0e}.ladder-panel .player-row{border-color:var(--ladder-border);background:var(--ladder-surface-raised);min-height:6.25rem;padding:1rem .95rem;box-shadow:0 14px 36px #0003}.ladder-panel .compact-standings .player-row{box-shadow:none;grid-template-columns:3.2rem minmax(0,1fr) 3.9rem 4.35rem;gap:.35rem .5rem;min-height:2.65rem;padding:.38rem .6rem}.player-row:before{content:"";background:var(--division-color,var(--mta-blue));opacity:.72;width:4px;position:absolute;top:0;bottom:0;left:0}.ladder-panel .player-row:before{background:var(--ladder-accent);opacity:.84}.ladder-panel .compact-standings .player-row:before{display:none}.player-row.eligible:before,.player-row.selected:before{opacity:1;width:6px}.player-row:last-of-type{border-bottom:1px solid #ece5da}.ladder-panel .player-row:last-of-type{border-bottom-color:var(--ladder-border)}.player-row.selected{border-color:color-mix(in srgb, var(--division-color,var(--mta-blue)) 45%, #e5ded4);background:color-mix(in srgb, var(--division-color,var(--mta-blue)) 9%, #fff)}.ladder-panel .player-row.selected{border-color:color-mix(in srgb, var(--division-color,var(--mta-blue)) 64%, #fff);background:color-mix(in srgb, var(--division-color,var(--mta-blue)) 18%, var(--ladder-surface-raised))}.row-stat,.row-status{grid-column:auto}.row-cta{grid-area:1/3;align-self:center}.rank-badge{border-radius:999px;width:2.85rem;min-height:2.35rem}.player-cell{gap:.7rem}.compact-standings .player-cell{gap:0}.compact-standings .player-identity strong{font-size:.92rem}.player-avatar{border:1px solid color-mix(in srgb, var(--division-color,var(--mta-blue)) 25%, #d4cabd);background:color-mix(in srgb, var(--division-color,var(--mta-blue)) 10%, #fff);color:var(--division-color,var(--mta-blue));border-radius:999px;flex:none;place-items:center;width:2.65rem;height:2.65rem;font-size:.72rem;font-weight:900;display:inline-grid}.ladder-panel .player-avatar{border-color:var(--ladder-border-strong);color:var(--ladder-accent);background:#ffffff12}.row-stat{color:var(--text-secondary);border:1px solid #eee6dc;border-radius:999px;grid-template-columns:auto auto;justify-self:start;align-items:baseline;gap:.25rem;padding:.35rem .55rem;font-size:.78rem;font-weight:800;display:inline-grid}.ladder-panel .row-stat{border-color:var(--ladder-border);color:var(--ladder-secondary);background:#00000029}.ladder-panel .compact-standings .row-stat{color:var(--ladder-text);background:0 0;border:0;justify-self:end;padding:0;font-size:.86rem;display:block}.row-stat small{color:var(--text-muted);font-size:inherit;text-transform:uppercase;display:inline}.ladder-panel .row-stat small{color:var(--ladder-muted)}.compact-standings .row-stat small{display:none}.row-stat strong{font-size:inherit}.status-chip{min-height:1.75rem}.row-action,.muted-action{justify-content:center;align-items:center;min-height:2rem;display:inline-flex}.player-drawer{border-color:#e9e2d8;box-shadow:0 10px 28px #1a1a1a0f}.ladder-panel .player-drawer{border-color:var(--ladder-border);box-shadow:inset 4px 0 0 var(--ladder-accent), 0 14px 36px #0000002e}.player-summary,.table-actions{flex-direction:column;align-items:stretch}.table-actions{background:#ffffffb3;border:1px solid #e8e0d5;border-radius:8px;padding:.65rem;display:grid}.ladder-panel .table-actions{border-color:var(--ladder-border);background:#ffffff0b;gap:.65rem;margin-top:1rem}.task-card{grid-template-columns:1fr}.task-card .secondary-action{white-space:normal;grid-area:auto}.match-actions{display:grid}.player-summary dl{grid-template-columns:1fr 1fr 1fr}}@media (width<=540px){main{width:min(100% - .85rem,1120px)}.tabs,.state-grid,.detail-grid,.profile-list.compact,.player-summary dl{grid-template-columns:1fr}.player-row{grid-template-columns:auto minmax(0,1fr)}.ladder-panel .compact-standings .player-row{grid-template-columns:2.9rem minmax(0,1fr) 3.45rem 3.85rem;gap:.3rem .42rem}.row-stat,.row-status{grid-column:2}.compact-standings .row-stat{grid-column:auto}.row-cta{grid-area:auto/2;justify-self:start}.player-avatar{width:2.35rem;height:2.35rem}.player-cell{gap:.55rem}.rank-badge{width:2.65rem}.table-actions{display:grid}.feed-meta{grid-template-columns:1fr}.score-opponent-list{max-height:none}}