@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";
:root{--brand-emerald-50:#e8fbec;--brand-emerald-100:#c7f2d1;--brand-emerald-200:#94e5aa;--brand-emerald-300:#5dd27f;--brand-emerald-400:#34bc5c;--brand-emerald-500:#1aa047;--brand-emerald-600:#138138;--brand-emerald-700:#0e632b;--brand-emerald-800:#08461e;--brand-emerald-900:#042811;--brand-gold-50:#fbf4e5;--brand-gold-100:#f5e5bf;--brand-gold-200:#eccf8a;--brand-gold-300:#e2b968;--brand-gold-400:#d9a14b;--brand-gold-500:#b6832e;--brand-gold-600:#8e6321;--brand-gold-700:#654616;--brand-burgundy-50:#f8eaee;--brand-burgundy-100:#ecc4cd;--brand-burgundy-300:#c25d75;--brand-burgundy-500:#8a1538;--brand-burgundy-700:#5c0e25;--warm-0:#fff;--warm-50:#faf8f4;--warm-100:#f4f1ec;--warm-200:#e9e4da;--warm-300:#d6d0c2;--warm-400:#a8a294;--warm-500:#7b7669;--warm-600:#555145;--warm-700:#3a372f;--warm-800:#25231d;--warm-900:#15140f;--success-50:#e6f7ee;--success-500:#16a565;--success-700:#0e6b41;--warning-50:#fff6e0;--warning-500:#e89c13;--warning-700:#8e5f08;--danger-50:#fceae8;--danger-500:#d8412b;--danger-700:#8a2516;--info-50:#e6f0fb;--info-500:#2a6fcf;--info-700:#1a4a8e;--status-present:var(--success-500);--status-late:#e89c13;--status-absent:var(--danger-500);--status-excused:#6b7280;--status-injured:var(--brand-burgundy-500);--font-display:"Bebas Neue", "Anton", "Impact", sans-serif;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-arabic:"IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, monospace;--font-numeric:"Inter", system-ui, sans-serif;--feat-numeric:"tnum" 1, "lnum" 1;--t-display-2xl:clamp(64px, 9vw, 128px);--t-display-xl:clamp(48px, 6vw, 88px);--t-display-lg:clamp(40px, 4.5vw, 64px);--t-display-md:40px;--t-display-sm:32px;--t-h1:40px;--t-h2:32px;--t-h3:24px;--t-h4:20px;--t-h5:18px;--t-body-lg:18px;--t-body:16px;--t-body-sm:14px;--t-caption:13px;--t-micro:12px;--t-eyebrow:12px;--lh-tight:1.05;--lh-snug:1.2;--lh-normal:1.5;--lh-relaxed:1.65;--ls-display:-.02em;--ls-heading:-.01em;--ls-body:0;--ls-eyebrow:.12em;--ls-caps:.06em;--s-0:0;--s-px:1px;--s-0_5:2px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--s-32:128px;--pad-card-x:24px;--pad-card-y:24px;--row-h-md:48px;--row-h-sm:36px;--gap-stack:16px;--r-0:0;--r-1:2px;--r-2:4px;--r-3:6px;--r-4:8px;--r-pill:999px;--r-circle:50%;--shadow-0:none;--shadow-1:0 1px 2px #15140f0f, 0 1px 1px #15140f0a;--shadow-2:0 2px 4px #15140f0f, 0 4px 8px #15140f0d;--shadow-3:0 4px 8px #15140f12, 0 10px 24px #15140f12;--shadow-4:0 12px 24px #15140f17, 0 24px 48px #15140f1a;--shadow-focus:0 0 0 3px #1aa04740;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-emphasized:cubic-bezier(.2, .9, .1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-instant:80ms;--dur-fast:.14s;--dur-base:.22s;--dur-slow:.36s;--dur-celebrate:.72s;--container-narrow:720px;--container-default:1080px;--container-wide:1280px;--container-full:1440px;--side-nav-w:256px;--bg-canvas:var(--warm-50);--bg-surface:var(--warm-0);--bg-surface-2:var(--warm-100);--bg-surface-3:var(--warm-200);--bg-inverse:var(--warm-900);--bg-brand:var(--brand-emerald-500);--bg-brand-soft:var(--brand-emerald-50);--text-primary:var(--warm-900);--text-secondary:var(--warm-600);--text-tertiary:var(--warm-500);--text-disabled:var(--warm-400);--text-inverse:var(--warm-0);--text-brand:var(--brand-emerald-500);--text-on-brand:var(--warm-0);--border-subtle:var(--warm-200);--border-default:var(--warm-300);--border-strong:var(--warm-400);--border-brand:var(--brand-emerald-500);--overlay-scrim:#15140f73;--overlay-glass:#ffffffb3}[data-theme=dark]{--bg-canvas:#0b0f0d;--bg-surface:#111714;--bg-surface-2:#161e1a;--bg-surface-3:#1e2823;--bg-inverse:var(--warm-50);--bg-brand:var(--brand-emerald-400);--bg-brand-soft:#3f826526;--text-primary:#f1ece0;--text-secondary:#b8b0a0;--text-tertiary:#8a8273;--text-disabled:#56524a;--text-inverse:var(--warm-900);--text-brand:#6fa68b;--text-on-brand:var(--warm-900);--border-subtle:#1e2823;--border-default:#29332d;--border-strong:#3a463f;--border-brand:var(--brand-emerald-400);--overlay-scrim:#0009;--overlay-glass:#111714b3;--shadow-1:0 1px 2px #0006;--shadow-2:0 2px 4px #0006, 0 4px 8px #0006;--shadow-3:0 4px 8px #00000080, 0 10px 24px #00000080;--shadow-4:0 12px 24px #0009, 0 24px 48px #0009;--shadow-focus:0 0 0 3px #6fa68b59}[data-density=compact]{--pad-card-x:16px;--pad-card-y:16px;--row-h-md:36px;--row-h-sm:28px;--gap-stack:12px;--t-body:14px;--t-body-sm:13px;--t-h3:20px;--t-h4:16px}[dir=rtl]{--font-sans:"IBM Plex Sans Arabic", "Inter", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--t-body);line-height:var(--lh-normal);color:var(--text-primary);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}img{max-width:100%;display:block}button{font-family:inherit}::selection{background:var(--brand-gold-200);color:var(--warm-900)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.shell{grid-template-columns:var(--side-nav-w) 1fr;min-height:100vh;display:grid}[dir=rtl] .shell{grid-template-columns:1fr var(--side-nav-w)}.sidenav{background:var(--bg-surface);border-inline-end:1px solid var(--border-subtle);height:100vh;padding:24px 16px;position:sticky;top:0;overflow-y:auto}.sidenav-brand{color:inherit;align-items:center;gap:10px;padding:4px 8px 24px;text-decoration:none;display:flex}.sidenav-brand-mark{background:var(--brand-emerald-500);width:32px;height:32px;color:var(--warm-0);border-radius:var(--r-2);font-family:var(--font-display);letter-spacing:.02em;place-items:center;font-size:22px;display:grid}.sidenav-brand-name{font-family:var(--font-display);letter-spacing:.04em;font-size:22px;line-height:1}.sidenav-brand-sub{color:var(--text-tertiary);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;font-size:11px}.sidenav-section{margin-top:20px}.sidenav-section-title{text-transform:uppercase;letter-spacing:var(--ls-eyebrow);color:var(--text-tertiary);margin-bottom:4px;padding:8px;font-size:11px;font-weight:600}.sidenav-link{border-radius:var(--r-2);color:var(--text-secondary);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast);align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidenav-link:hover{background:var(--bg-surface-2);color:var(--text-primary)}.sidenav-link[aria-current=page]{background:var(--bg-brand-soft);color:var(--text-brand);font-weight:600}.sidenav-link[aria-current=page]:before{content:"";background:var(--brand-emerald-500);border-radius:2px;width:3px;height:16px;margin-inline:-12px 7px}.main{max-width:1200px;padding:32px 48px 96px}@media (max-width:900px){.main{padding:24px 20px 80px}.shell{grid-template-columns:1fr}.sidenav{display:none}}.topbar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px 0 24px;display:flex}.topbar-crumbs{color:var(--text-tertiary);letter-spacing:var(--ls-caps);text-transform:uppercase;font-size:13px;font-weight:600}.topbar-tools{align-items:center;gap:8px;display:flex}.eyebrow{font-size:var(--t-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-brand);font-weight:700}.display{font-family:var(--font-display);letter-spacing:var(--ls-display);font-weight:400;line-height:var(--lh-tight)}.h1{font-size:var(--t-h1);letter-spacing:var(--ls-heading);font-weight:700;line-height:var(--lh-snug);margin:0}.h2{font-size:var(--t-h2);letter-spacing:var(--ls-heading);font-weight:700;line-height:var(--lh-snug);margin:0}.h3{font-size:var(--t-h3);letter-spacing:var(--ls-heading);margin:0;font-weight:600}.h4{font-size:var(--t-h4);margin:0;font-weight:600}.lede{color:var(--text-secondary);font-size:18px;line-height:var(--lh-relaxed);max-width:64ch}.muted{color:var(--text-secondary)}.tabular{font-variant-numeric:tabular-nums lining-nums}.page-header{margin-bottom:40px}.page-header .eyebrow{margin-bottom:12px;display:block}.page-header h1{font-family:var(--font-display);letter-spacing:.01em;margin:0 0 16px;font-size:clamp(48px,6vw,80px);font-weight:400;line-height:.95}.section{margin:56px 0}.section-head{margin-bottom:24px}.section-head h2{font-family:var(--font-display);letter-spacing:.02em;margin:0 0 8px;font-size:36px;font-weight:400}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-2);padding:var(--pad-card-y) var(--pad-card-x)}.card-elevated{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-2);box-shadow:var(--shadow-2);padding:var(--pad-card-y) var(--pad-card-x)}.spec{border:1px solid var(--border-subtle);border-radius:var(--r-2);background:var(--bg-surface);overflow:hidden}.spec-head{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-2);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.spec-head-title{text-transform:uppercase;letter-spacing:var(--ls-eyebrow);color:var(--text-tertiary);font-size:12px;font-weight:700}.spec-body{padding:32px}.spec-body-tight{padding:16px}.spec-body-canvas{background:linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);background-position:-1px -1px;background-size:24px 24px;background-color:var(--bg-canvas);padding:32px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}@media (max-width:720px){.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(2,1fr)}}.flex{align-items:center;gap:8px;display:flex}.flex-col{flex-direction:column;gap:8px;display:flex}.flex-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.flex-wrap{flex-wrap:wrap}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.btn{border-radius:var(--r-2);height:40px;font-family:var(--font-sans);letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-standard), background var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-emerald-500);color:var(--warm-0);border-color:var(--brand-emerald-500)}.btn-primary:hover{background:var(--brand-emerald-600);border-color:var(--brand-emerald-600)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-surface-2);border-color:var(--border-strong)}.btn-ghost{color:var(--text-primary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-surface-2)}.btn-accent{background:var(--brand-gold-400);color:var(--warm-900);border-color:var(--brand-gold-400)}.btn-accent:hover{background:var(--brand-gold-300)}.btn-danger{background:var(--danger-500);color:var(--warm-0);border-color:var(--danger-500)}.btn-danger:hover{background:var(--danger-700)}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-lg{height:48px;padding:0 20px;font-size:15px}.btn-icon{width:40px;padding:0}.btn-icon.btn-sm{width:32px}.field{flex-direction:column;gap:6px;display:flex}.label{color:var(--text-primary);font-size:13px;font-weight:600}.help{color:var(--text-tertiary);font-size:12px}.input,.textarea,.select{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-2);width:100%;height:40px;color:var(--text-primary);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);padding:0 12px;font-family:inherit;font-size:14px}.textarea{resize:vertical;height:auto;min-height:80px;padding:10px 12px}.input:focus,.textarea:focus,.select:focus{border-color:var(--brand-emerald-500);box-shadow:var(--shadow-focus);outline:none}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input:disabled{background:var(--bg-surface-2);color:var(--text-disabled);cursor:not-allowed}.badge{border-radius:var(--r-pill);letter-spacing:.04em;text-transform:uppercase;background:var(--bg-surface-2);height:22px;color:var(--text-secondary);border:1px solid var(--border-subtle);align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-success{background:var(--success-50);color:var(--success-700);border-color:#0000}.badge-warning{background:var(--warning-50);color:var(--warning-700);border-color:#0000}.badge-danger{background:var(--danger-50);color:var(--danger-700);border-color:#0000}.badge-info{background:var(--info-50);color:var(--info-700);border-color:#0000}.badge-brand{background:var(--bg-brand-soft);color:var(--text-brand);border-color:#0000}.badge-gold{background:var(--brand-gold-50);color:var(--brand-gold-700);border-color:#0000}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}[data-theme=dark] .badge-success{color:#57e29a;background:#16a56526}[data-theme=dark] .badge-warning{color:#f7c04a;background:#e89c1326}[data-theme=dark] .badge-danger{color:#f08070;background:#d8412b26}[data-theme=dark] .badge-info{color:#79a8e8;background:#2a6fcf26}[data-theme=dark] .badge-gold{color:var(--brand-gold-300);background:#d9a14b26}.avatar{border-radius:var(--r-circle);background:var(--brand-emerald-500);width:36px;height:36px;color:var(--warm-0);letter-spacing:.04em;border:1px solid var(--border-subtle);flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-lg{width:56px;height:56px;font-size:18px}.avatar-xl{width:96px;height:96px;font-size:28px}.avatar-stack{display:inline-flex}.avatar-stack .avatar+.avatar{box-shadow:0 0 0 2px var(--bg-surface);margin-inline-start:-10px}.tabs{border-bottom:1px solid var(--border-subtle);gap:4px;display:flex}.tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.tab[aria-selected=true]{color:var(--text-primary)}.tab[aria-selected=true]:after{content:"";background:var(--brand-emerald-500);height:2px;position:absolute;bottom:-1px;left:0;right:0}.swatch{border-radius:var(--r-2);border:1px solid var(--border-subtle);background:var(--bg-surface);overflow:hidden}.swatch-color{height:88px}.swatch-meta{padding:10px 12px}.swatch-name{font-size:13px;font-weight:600}.swatch-value{color:var(--text-tertiary);font-size:11px;font-family:var(--font-mono);letter-spacing:0;margin-top:2px}.table{border-collapse:collapse;width:100%;font-size:14px}.table thead th{text-align:start;text-transform:uppercase;letter-spacing:var(--ls-eyebrow);color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-2);padding:10px 12px;font-size:11px;font-weight:700}.table tbody td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:12px}.table tbody tr:hover td{background:var(--bg-surface-2)}.table.tabular tbody td{font-variant-numeric:tabular-nums}.kbd{font-family:var(--font-mono);background:var(--bg-surface-2);border:1px solid var(--border-subtle);color:var(--text-secondary);border-bottom-width:2px;border-radius:4px;padding:2px 6px;font-size:11px}.divider{background:var(--border-subtle);border:0;height:1px;margin:24px 0}.code{font-family:var(--font-mono);background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 6px;font-size:12px}:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--r-2);outline:none}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.5}}@keyframes pop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.fade-up{animation:fade-up var(--dur-base) var(--ease-out) both}.scoreboard{background:var(--brand-emerald-500);color:var(--warm-0);border-radius:var(--r-2);padding:24px}.score-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:96px;font-weight:400;line-height:.9}
.dash-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}@media (max-width:1000px){.dash-grid{grid-template-columns:1fr}}.stat{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-2);padding:16px}.stat-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:40px;line-height:.95}.stat-lbl{text-transform:uppercase;letter-spacing:var(--ls-eyebrow);color:var(--text-tertiary);margin-top:4px;font-size:11px;font-weight:700}.session-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-2);border-inline-start:4px solid var(--brand-emerald-500);align-items:center;gap:16px;padding:16px;display:flex}.session-card.match{border-inline-start-color:var(--brand-gold-400)}.session-time{font-family:var(--font-display);font-variant-numeric:tabular-nums;min-width:80px;font-size:28px;line-height:1}.rsvp-mini{gap:4px;display:flex}.rsvp-mini span{background:var(--bg-surface-2);border:2px solid var(--bg-surface);border-radius:50%;width:18px;height:18px}.rsvp-mini span.y{background:var(--success-500)}.rsvp-mini span.n{background:var(--danger-500)}.rsvp-mini span.m{background:var(--warning-500)}.alert{background:var(--warning-50);color:var(--warning-700);border-radius:var(--r-2);border-inline-start:3px solid var(--warning-500);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}[data-theme=dark] .alert{background:#e89c131f}.top-perf{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:10px 0;display:flex}.top-perf:last-child{border:0}.player-hero{background:linear-gradient(135deg, var(--brand-burgundy-700), var(--brand-burgundy-500));color:#fff;border-radius:var(--r-2);align-items:center;gap:32px;padding:32px;display:flex;position:relative;overflow:hidden}.player-hero:after{content:"";background:radial-gradient(circle,#d9a14b4d,#0000 70%);width:360px;height:360px;position:absolute;top:-100px;right:-100px}.player-hero>*{z-index:1;position:relative}.player-num{font-family:var(--font-display);color:var(--brand-gold-300);letter-spacing:.02em;font-size:160px;line-height:.85}.stat-block{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-2);padding:16px}.stat-block .num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:40px;line-height:1}.stat-block .lbl{text-transform:uppercase;letter-spacing:var(--ls-eyebrow);color:var(--text-tertiary);font-size:11px;font-weight:700}.form-row{gap:4px;display:flex}.form-row .form-cell{color:#fff;height:28px;font-size:11px;font-weight:700;font-family:var(--font-display);border-radius:2px;flex:1;place-items:center;display:grid}.form-w{background:var(--success-500)}.form-d{background:var(--warning-500)}.form-l{background:var(--danger-500)}.session-header{background:var(--brand-emerald-700);color:#fff;border-radius:var(--r-2);padding:32px;position:relative;overflow:hidden}.session-header:after{content:"";border:2px solid #d9a14b33;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-60px;right:-60px}.session-header:before{content:"";border:2px solid #d9a14b26;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-30px;right:-30px}.att-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:40px 1fr auto auto;align-items:center;gap:16px;padding:12px 16px;display:grid}.att-row:last-child{border:0}.att-states{background:var(--bg-surface-2);border-radius:var(--r-pill);gap:4px;padding:2px;display:inline-flex}.att-state{cursor:pointer;width:32px;height:32px;color:var(--text-tertiary);transition:all var(--dur-fast);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.att-state svg{width:16px;height:16px}.att-state.active.present{background:var(--success-500);color:#fff}.att-state.active.late{background:var(--warning-500);color:#fff}.att-state.active.absent{background:var(--danger-500);color:#fff}.att-state.active.excused{background:var(--status-excused);color:#fff}.att-state.active.injured{background:var(--brand-burgundy-500);color:#fff}.summary-pill{border-radius:var(--r-pill);background:#ffffff1a;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.phones{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}@media (max-width:1000px){.phones{grid-template-columns:1fr;max-width:360px}}.phone{background:var(--warm-900);box-shadow:var(--shadow-3);border-radius:36px;padding:12px}.phone-screen{background:var(--bg-surface);aspect-ratio:9/19.5;border-radius:28px;flex-direction:column;display:flex;overflow:hidden}.status-bar{justify-content:space-between;align-items:center;height:28px;padding:0 24px;font-size:11px;font-weight:700;display:flex}.ph-content{flex:1;padding:16px;overflow:hidden}.ph-tabs{border-top:1px solid var(--border-subtle);padding:8px 0;display:flex}.ph-tab{color:var(--text-tertiary);flex-direction:column;flex:1;align-items:center;gap:2px;font-size:10px;display:flex}.ph-tab.active{color:var(--text-brand)}.ph-tab svg{width:20px;height:20px}.ph-greet{font-family:var(--font-display);letter-spacing:.02em;font-size:32px;line-height:.95}.ph-card{background:var(--bg-surface-2);border-radius:12px;margin-top:12px;padding:12px}.ph-match-card{background:linear-gradient(135deg, var(--brand-emerald-600), var(--brand-emerald-800));color:#fff;border-radius:16px;margin-top:12px;padding:16px}.ph-match-card .when{letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--brand-gold-300);font-size:11px;font-weight:700}.ph-rsvp{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:12px;display:grid}.ph-rsvp button{color:#fff;cursor:pointer;background:#ffffff0d;border:1.5px solid #fff3;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:11px;font-weight:700;display:flex}.ph-rsvp button.sel.going{background:var(--success-500);border-color:var(--success-500)}.ph-rsvp button.sel.maybe{background:var(--warning-500);border-color:var(--warning-500)}.ph-rsvp button.sel.no{background:var(--danger-500);border-color:var(--danger-500)}.ph-streak{background:linear-gradient(135deg, var(--brand-gold-400), var(--brand-gold-300));color:var(--warm-900);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.ph-streak .num{font-family:var(--font-display);font-size:20px;line-height:1}.stat-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.stat-row .stat-mini{background:var(--bg-surface-2);text-align:center;border-radius:8px;padding:10px 8px}.stat-row .stat-mini .num{font-family:var(--font-display);font-size:24px;line-height:1}.stat-row .stat-mini .lbl{letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-tertiary);margin-top:2px;font-size:9px;font-weight:700}.ph-list-item{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:10px 0;display:flex}.ph-list-item:last-child{border:0}.ph-time{font-family:var(--font-display);min-width:44px;font-size:16px;line-height:1}.chat-bubble{border-radius:12px;max-width:75%;margin-bottom:6px;padding:8px 12px;font-size:13px}.chat-bubble.me{background:var(--brand-emerald-500);color:#fff;border-bottom-right-radius:2px;margin-inline-start:auto}.chat-bubble.them{background:var(--bg-surface-2);border-bottom-left-radius:2px}.chat-meta{color:var(--text-tertiary);margin-bottom:2px;font-size:10px}.week{border:1px solid var(--border-subtle);border-radius:var(--r-2);background:var(--border-subtle);grid-template-columns:60px repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.week>div{background:var(--bg-surface);padding:8px}.day-head{text-align:center;text-transform:uppercase;letter-spacing:var(--ls-eyebrow);color:var(--text-tertiary);font-size:11px;font-weight:700}.day-head strong{font-size:18px;font-family:var(--font-display);color:var(--text-primary);margin-top:2px;display:block}.day-head.today strong{color:var(--brand-emerald-500)}.time-slot{font-family:var(--font-mono);color:var(--text-tertiary);text-align:end;font-size:10px}.event{border-inline-start:3px solid var(--brand-emerald-500);border-radius:4px;margin-bottom:4px;padding:6px;font-size:11px}.event.training{background:var(--bg-brand-soft);border-color:var(--brand-emerald-500);color:var(--text-brand)}.event.match{background:var(--brand-gold-50);border-color:var(--brand-gold-400);color:var(--brand-gold-700)}.event.test{background:var(--info-50);border-color:var(--info-500);color:var(--info-700)}[data-theme=dark] .event.match{color:var(--brand-gold-300);background:#d9a14b26}
.mobile-tabbar{display:none}@media (max-width:900px){.main{padding-bottom:88px!important}.mobile-tabbar{inset-inline:0;z-index:50;background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));display:flex;position:fixed;bottom:0;box-shadow:0 -2px 12px #15140f0f}[data-theme=dark] .mobile-tabbar{box-shadow:0 -2px 12px #0006}.mobile-tab{min-height:52px;color:var(--text-tertiary);letter-spacing:.02em;border-radius:var(--r-2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 2px;font-size:10px;font-weight:600;display:flex}.mobile-tab.active{color:var(--text-brand)}.mobile-tab span{line-height:1}}@media (max-width:600px){.grid-2{grid-template-columns:1fr}}@media (max-width:720px){.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.page-header h1{font-size:clamp(40px,12vw,64px)!important}.dash-grid{grid-template-columns:1fr!important}.topbar{gap:8px}.topbar-tools .btn{padding:0 8px}}@media (max-width:900px){.main{max-width:100%}}@media (max-width:520px){.att-row{grid-template-columns:36px 1fr;grid-template-areas:"avatar name""states states""note note";gap:8px 10px}.att-row>:first-child{grid-area:avatar}.att-row>:nth-child(2){grid-area:name}.att-row>.att-states{grid-area:states;justify-self:start}.att-row>:last-child{color:var(--text-tertiary);grid-area:note}}
a{color:inherit;text-decoration:none}html{scroll-behavior:smooth}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.center-shell{background:var(--bg-canvas);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-2);width:100%;max-width:420px;box-shadow:var(--shadow-2);padding:32px}.sidenav::-webkit-scrollbar{width:8px}.sidenav::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:999px}