:root{--page:#f4f6f9;--surface:#e9edf2;--card:#fff;--ink:#15181d;--ink-2:#565d68;--ink-3:#8b929c;--line:#14181e1a;--line-2:#14181e2e;--brand:#2c6fd1;--brand-strong:#1f579f;--brand-tint:#e7f0fc;--brand-on-tint:#184a8e;--success:#2f8a4e;--success-tint:#e6f4ea;--success-on-tint:#1f5e34;--warning:#b9770f;--warning-tint:#fbefda;--warning-on-tint:#7a4e08;--danger:#c33b3b;--danger-tint:#fbe9e9;--danger-on-tint:#8e2727;--pitch:#2f7d46;--pitch-tint:#e2f0e6;--pitch-on-tint:#1f6b3c;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-pill:999px;--display:"Space Grotesk", system-ui, sans-serif;--body:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}@media (prefers-color-scheme:dark){:root{--page:#14161a;--surface:#1d2026;--card:#242832;--ink:#e7e9ee;--ink-2:#a9afb9;--ink-3:#767d88;--line:#ffffff1a;--line-2:#fff3;--brand:#4a89e6;--brand-strong:#6ba0ee;--brand-tint:#2c6fd138;--brand-on-tint:#9cc1f2;--success:#52ab6e;--success-tint:#2f8a4e38;--success-on-tint:#8fd0a4;--warning:#d79a3a;--warning-tint:#b9770f38;--warning-on-tint:#e8b15a;--danger:#d96363;--danger-tint:#c33b3b38;--danger-on-tint:#ec9a9a;--pitch-tint:#2f7d463d;--pitch-on-tint:#7bc796}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none}body{background:var(--page);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0;font-weight:600}p{color:var(--ink-2);margin:0 0 14px}.card{background:var(--card);padding:18px}.inset{padding:0 18px}@media (width>=768px){.card{border:1px solid var(--line);border-radius:var(--r-lg)}}.btn{font-family:var(--body);border-radius:var(--r-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-block{width:100%}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{color:var(--brand);background:0 0;border-color:#0000;padding:0}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.label{color:var(--ink-3);margin:0 0 6px;font-size:12px;display:block}input[type=text],input[type=email],input[type=password]{font-family:var(--body);border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--card);width:100%;color:var(--ink);min-height:44px;padding:10px 12px;font-size:14px}input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint);outline:none}.field{margin-bottom:14px}.field-row{align-items:flex-end;gap:12px;display:flex}.field-row .field{flex:1;min-width:0}.error-text{color:var(--danger);margin:0 0 14px;font-size:13px}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{width:100%;max-width:380px}.auth-switch{text-align:center;color:var(--ink-2);margin-top:16px;font-size:13px}.avatar{border-radius:var(--r-pill);background:var(--brand-tint);width:40px;height:40px;color:var(--brand-on-tint);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.page-shell{margin:0 auto;padding:0}.team-main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.settings-content{max-width:640px}.sidebar-nav{display:none}.page-header{z-index:15;background:var(--surface);border-bottom:3px solid var(--pitch);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:16px 20px;display:flex;position:sticky;top:0}.page-header-title{align-items:center;gap:12px;display:flex}.page-header-title h1{margin:0}.page-header-subtitle{color:var(--ink-2);margin:2px 0 0;font-size:13px;font-weight:400}.team-switch-trigger{align-items:center;gap:2px;padding:0;display:inline-flex}.team-switch-trigger svg{flex-shrink:0;width:14px;height:14px}.page-header-actions:empty{display:none}@media (width>=768px){.page-shell{max-width:520px;padding:24px}.page-shell.team-shell{align-items:flex-start;gap:32px;max-width:1100px;display:flex}.page-header{border:1px solid var(--line-2);border-bottom:3px solid var(--pitch);border-radius:var(--r-lg);position:static}.sidebar-nav{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);flex-direction:column;flex-shrink:0;gap:4px;width:200px;padding:16px 12px;display:flex;position:sticky;top:24px}.sidebar-nav .app-header-brand{margin-bottom:12px;padding:0 12px}.sidebar-nav a{border-radius:var(--r-md);color:var(--ink-2);padding:10px 12px;font-size:14px;text-decoration:none}.sidebar-nav a.on{background:var(--pitch-tint);color:var(--pitch-on-tint);font-weight:500}.sidebar-nav-divider{background:var(--line-2);height:1px;margin:8px 12px}.team-main{flex:1;min-width:0;padding-bottom:0}}.card-grid{flex-direction:column;gap:16px;display:flex}@media (width>=768px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:16px;display:grid}}.tactics-layout,.tactics-side{flex-direction:column;gap:16px;display:flex}@media (width>=768px){.tactics-layout{flex-direction:row;align-items:flex-start}.tactics-layout .pitch{flex:0 0 420px}.tactics-side{flex:1;min-width:0}}.app-header-brand{font-family:var(--display);color:var(--ink);font-size:16px;font-weight:600}.row{background:var(--card);color:inherit;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}@media (width>=768px){.row{border:1px solid var(--line);border-radius:var(--r-md)}}.event-row{border-left:4px solid var(--ink-3)}.event-row.is-match{border-left-color:var(--brand)}.row .avatar{flex-shrink:0}.grow{word-break:break-word;flex:1;min-width:0}.row .t1{color:var(--ink);font-size:14px}.row .t2{color:var(--ink-2);font-size:12px}.list-stack{flex-direction:column;gap:8px;display:flex}.inline-form{gap:8px;display:flex}.inline-form input,.inline-form .select{flex:1}.inline-form .btn{flex-shrink:0}.select-trigger{font-family:var(--body);border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--card);color:var(--ink);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-size:14px;display:flex}.field .select-trigger{width:100%}.select-trigger-chevron{color:var(--ink-3);flex-shrink:0}.select-option.sel{background:var(--brand-tint);color:var(--brand-on-tint);font-weight:500}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.calendar-weekdays span{text-align:center;color:var(--ink-3);padding-bottom:6px;font-size:11px}.calendar-day{aspect-ratio:1;border-radius:var(--r-pill);color:var(--ink);cursor:pointer;background:0 0;border:none;font-size:13px}.calendar-day.is-today{color:var(--brand);font-weight:700}.calendar-day.is-selected{background:var(--brand);color:#fff}input[type=number]{font-family:var(--body);border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--card);width:100%;color:var(--ink);min-height:44px;padding:10px 12px;font-size:14px}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.pill{border-radius:var(--r-pill);border:1px solid var(--line-2);color:var(--ink-2);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.pill.sel{background:var(--brand-tint);color:var(--brand-on-tint);border-color:#0000}.tag{letter-spacing:.04em;border-radius:var(--r-pill);background:var(--brand);color:#fff;padding:1px 6px;font-size:10px;font-weight:600}.status{border-radius:var(--r-pill);align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:500;display:inline-flex}.s-go{background:var(--success-tint);color:var(--success-on-tint)}.s-maybe{background:var(--warning-tint);color:var(--warning-on-tint)}.s-out{background:var(--danger-tint);color:var(--danger-on-tint)}.cap{border-radius:var(--r-pill);background:var(--warning-tint);width:20px;height:20px;color:var(--warning-on-tint);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.captain-toggle{gap:7px;padding:8px 14px;font-size:13px;font-weight:500}.captain-toggle .cap{width:18px;height:18px;font-size:10px}.captain-toggle.sel{background:var(--warning-tint);color:var(--warning-on-tint);border-color:#0000;font-weight:600}.badge{border-radius:var(--r-sm);background:var(--brand-tint);color:var(--brand-on-tint);text-transform:capitalize;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:600}.score{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);align-items:center;gap:16px;padding:16px 22px;display:inline-flex}.score .team{color:var(--ink);min-width:88px;font-size:14px;font-weight:500}.score .team.right{text-align:right}.score .nums{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:30px;font-weight:700}.score .nums.win{color:var(--success)}.score .nums.loss{color:var(--danger)}.form-guide{gap:6px;display:inline-flex}.fg{border-radius:var(--r-pill);width:22px;height:22px;font-family:var(--mono);justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.fg.w{background:var(--success-tint);color:var(--success-on-tint)}.fg.d{background:var(--surface);color:var(--ink-2)}.fg.l{background:var(--danger-tint);color:var(--danger-on-tint)}.pitch{background:var(--pitch);border-radius:var(--r-md);aspect-ratio:3/2.2;border:1px solid #ffffff4d;width:100%;position:relative}.pitch-lines{stroke:#ffffff59;stroke-width:.6px;fill:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pitch-lines .pitch-spot{fill:#ffffff59;stroke:none}.pitch-token{border-radius:var(--r-pill);background:var(--brand);color:#fff;width:42px;height:42px;font-family:var(--mono);box-shadow:0 0 0 1px var(--line);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border:2px solid #fff;justify-content:center;align-items:center;margin-top:-21px;margin-left:-21px;font-size:13px;font-weight:700;display:flex;position:absolute}.pitch-token.empty{color:#ffffffd9;cursor:default;box-shadow:none;background:#ffffff26;border:2px dashed #fff9;font-size:10px}.pitch-token.out-of-position{background:var(--warning);border-color:var(--warning)}.pool-chip{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.bench-drop-target{transition:border-color .15s}.bench-drop-target.over{border-color:var(--brand)}.section-heading{margin:28px 0 8px;padding:0 18px}.edit-panel{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.seg{border:1px solid var(--line-2);border-radius:var(--r-md);display:inline-flex;overflow:hidden}.seg span,.seg a{min-height:42px;color:var(--ink-2);cursor:pointer;box-sizing:border-box;align-items:center;padding:9px 16px;font-size:13px;text-decoration:none;display:inline-flex}.seg span.on,.seg a.on{background:var(--brand-tint);color:var(--brand-on-tint);font-weight:500}.roster-row-header{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:0;display:flex}.roster-row-header:disabled{cursor:default}.nav{z-index:20;background:var(--surface);border-top:2px solid var(--pitch);padding:10px 0 calc(10px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav a{color:var(--ink-3);flex:1;justify-content:center;align-items:center;padding:6px 0;text-decoration:none;display:flex}.nav a svg{border-radius:var(--r-pill);box-sizing:content-box;width:22px;height:22px;padding:6px 16px}.nav a.on{color:var(--pitch)}.nav a.on svg{background:var(--pitch-tint)}@media (width>=768px){.nav{display:none}}.drawer-backdrop{z-index:50;background:#0a0c1080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.drawer-panel{background:var(--card);border:1px solid var(--line-2);border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:none;width:100%;max-height:80vh;padding:20px;overflow-y:auto}.drawer-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.drawer-header h3{margin:0}@media (width>=768px){.drawer-panel{border-bottom:1px solid var(--line-2);border-radius:var(--r-lg);max-width:480px;margin-bottom:40px}}.event-timeline{flex-direction:column;gap:3px;margin-top:2px;display:flex}.event-timeline-row{color:var(--ink-2);align-items:center;gap:7px;font-size:12px;display:flex}.event-timeline-dot{background:var(--ink-3);border-radius:50%;flex-shrink:0;width:7px;height:7px}.event-timeline-row.is-start .event-timeline-dot{background:var(--brand)}.event-timeline-label{color:var(--ink-3);min-width:38px}.event-timeline-time{font-family:var(--mono);color:var(--ink);font-variant-numeric:tabular-nums}.event-timeline-location{color:var(--ink-2);margin-top:2px;font-size:12px}.divided-list{background:var(--card)}.divided-list-item{border-bottom:1px solid var(--line);width:100%;color:inherit;align-items:center;gap:12px;padding:10px 18px;text-decoration:none;display:flex}.divided-list-item:last-child{border-bottom:none}@media (width>=768px){.divided-list{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}}.icon-btn{border-radius:var(--r-md);width:32px;height:32px;color:var(--ink-2);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}