:root{--bg:#f6f3f7;--surface:#fff;--surface2:#efe8f1;--ink:#37003c;--muted:#6e5874;--subtle:#7d6983;--line:#e4dae7;--field-line:#9d8aa3;--field-bg:#fff;--accent:#e90052;--accent-ink:#fff;--link:#c2004a;--danger:#b3261e;--ok:#00754e;--nav:#37003c;--nav-ink:#fff;--hi-a:#04f5ff;--hi-b:#00ff85;--turf:#3b8a55;--turf2:#357f4d;--turf-edge:#2f7446;--chalk:#f2f7f0;--us:#e90052;--us-ink:#fff;--them:#04f5ff;--them-ink:#37003c;--them-run:#04f5ff;--shot:#ffd23f;--dev:#fff3c4;--dev-ink:#5a4500;--shadow-lg:0 16px 32px -12px #28002c59, 0 2px 6px #28002c26;--font:"Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.87, 0, .13, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b0320;--surface:#28062e;--surface2:#3a0a41;--ink:#faf5fb;--muted:#cdb9d1;--subtle:#a58aab;--line:#47134e;--field-line:#8a5a93;--field-bg:#1b0320;--accent:#e90052;--link:#ff6fa8;--danger:#ff8a80;--ok:#4ade80;--turf:#2e6e43;--turf2:#2a663e;--turf-edge:#245a36;--dev:#3a3212;--dev-ink:#f3dc8a;--shadow-lg:0 16px 32px -12px #0009, 0 2px 6px #00000059}*{box-sizing:border-box}html,body{margin:0}html{scrollbar-gutter:stable}body{background:var(--bg);color:var(--ink);font-family:var(--font);flex-direction:column;min-height:100dvh;padding-inline:16px;font-size:16px;line-height:1.5;display:flex}a{color:var(--ink);-webkit-text-decoration-color:var(--field-line);text-decoration-color:var(--field-line);text-underline-offset:4px}@media (hover:hover){a:hover{text-decoration-color:currentColor}}img,svg{max-width:100%}h1,h2,h3,h4{margin:0}.wrap{flex-direction:column;flex:1 0 auto;gap:24px;width:100%;max-width:1180px;margin:0 auto 48px;display:flex}main{flex-direction:column;gap:24px;display:flex}.page{gap:32px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}::placeholder{color:var(--subtle);opacity:1}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--accent-ink)}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.devbar{background:var(--dev);width:100%;max-width:1180px;color:var(--dev-ink);border-radius:8px;margin:16px auto;padding:8px 12px;font-size:14px}.devbar code{font-size:12px}.display{letter-spacing:-.045em;font-variant-numeric:tabular-nums;text-wrap:balance;overflow-wrap:anywhere;font-size:56px;font-weight:800;line-height:.95}@media (min-width:720px){.display{font-size:72px}}h1{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(30px,5vw,36px);font-weight:800;line-height:1.1}.lede{color:var(--muted);max-width:62ch;margin:8px 0 0}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.section-title{letter-spacing:-.02em;font-size:20px;font-weight:800}.card-title{letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1.2}.eyebrow{color:var(--muted);font-size:14px;font-weight:600}.eyebrow a,.back-link{color:var(--muted);align-self:flex-start;font-size:14px;font-weight:600;text-decoration:none}.back-link{align-items:center;gap:4px;min-height:32px;display:inline-flex}@media (hover:hover){.eyebrow a:hover,.back-link:hover{color:var(--ink);text-decoration:underline}}.hint{color:var(--subtle);margin:0;font-size:14px}.error{color:var(--danger);margin:0;font-size:14px}.saved{color:var(--ok);font-size:14px;font-weight:600}.empty-note,.card.empty p{color:var(--muted);margin:0}.topbar{background:var(--nav);color:var(--nav-ink);padding:env(safe-area-inset-top) 16px 0;margin:0 -16px 24px}:root[data-theme=dark] .topbar{border-bottom:1px solid var(--line)}:root[data-theme=dark] .login-card{border:1px solid var(--line)}.topnav{flex-wrap:wrap;align-items:stretch;gap:0 24px;max-width:1180px;min-height:64px;margin:0 auto;display:flex}.teambar{background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);margin:0 -16px;padding:0 16px}.teambar-inner{align-items:center;gap:12px;max-width:1180px;min-height:48px;margin:0 auto;display:flex}.teambar .crest{width:32px;height:32px;color:var(--accent-ink);flex:none;font-size:12px}.teambar b{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;min-width:0;font-size:18px;font-weight:800;overflow:hidden}.brand{letter-spacing:-.03em;color:var(--nav-ink);align-self:center;align-items:center;gap:12px;font-size:24px;font-weight:800;text-decoration:none;display:inline-flex}.logo-mark{flex:none}.navlinks{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.navlinks::-webkit-scrollbar{display:none}.navlinks a{color:#ffffffb8;white-space:nowrap;flex:none;align-items:center;min-height:64px;padding:0 12px;font-weight:600;text-decoration:none;display:flex;position:relative}.navlinks a[aria-current=page]{color:var(--nav-ink)}@media (hover:hover){.navlinks a:hover{color:var(--nav-ink)}}.navlinks a[aria-current=page]:after{content:"";background:linear-gradient(90deg, var(--hi-a), var(--hi-b));border-radius:999px 999px 0 0;height:4px;position:absolute;bottom:0;left:12px;right:12px}.topnav a:focus-visible,.topnav button:focus-visible{outline-color:var(--hi-a)}.who{align-self:center;align-items:center;gap:8px;margin-left:auto;display:flex}.theme-btn{width:40px;height:40px;color:var(--nav-ink);cursor:pointer;transition:transform .12s var(--ease-out);background:#ffffff1f;border:0;border-radius:999px;flex:none;place-items:center;display:inline-grid}@media (hover:hover){.theme-btn:hover{background:#fff3}}.theme-btn:active{transform:scale(.96)}.theme-btn .icon{animation:theme-turn .4s var(--ease-out)}@keyframes theme-turn{0%{opacity:0;transform:rotate(-90deg)scale(.6)}}.account-btn{height:40px;color:var(--nav-ink);font:inherit;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 4px;font-size:14px;font-weight:600;display:inline-flex}@media (hover:hover){.account-btn:hover{background:#fff3}}@media (max-width:900px){.topnav{padding-top:8px}.navlinks{order:3;width:calc(100% + 16px);margin-inline:-12px -16px;padding-right:16px}.navlinks a{min-height:48px}}@media (max-width:480px){.account-name{display:none}}.tabbar{display:none}@media (max-width:719px){.navlinks{display:none}.topnav{padding-top:0}.tabbar{z-index:40;padding:0 4px env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -16px #28002c59}.tabbar a{min-width:0;min-height:64px;color:var(--subtle);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;display:flex;position:relative}.tabbar a span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tabbar a[aria-current=page]{color:var(--ink);font-weight:800}.tabbar a[aria-current=page] .icon{color:var(--accent)}.tabbar a[aria-current=page]:before{content:"";background:var(--accent);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:20%;right:20%}.tabbar a:focus-visible{outline-offset:-4px}body:has(.tabbar){padding-bottom:calc(64px + env(safe-area-inset-bottom))}body:has(.tabbar) .savebar.sticky{bottom:calc(72px + env(safe-area-inset-bottom))}}.menu{display:inline-flex;position:relative}.menu-panel{z-index:30;background:var(--surface);min-width:240px;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-lg);animation:pop-in .2s var(--ease-out);border-radius:16px;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute}.menu-panel.below{top:calc(100% + 8px)}.menu-panel.above{bottom:calc(100% + 8px)}.menu-panel.end{right:0}.menu-panel.start{left:0}.menu-panel hr{border:0;border-top:1px solid var(--line);width:100%;margin:4px 0}.menu-head{align-items:center;gap:12px;padding:8px;display:flex}.menu-head div{flex-direction:column;display:flex}.menu-head span{color:var(--muted);font-size:14px}.menu-item{width:100%;min-height:44px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:0 12px;text-decoration:none;display:flex}@media (hover:hover){.menu-item:hover{background:var(--surface2)}}.menu-item.danger{color:var(--danger)}.menu-panel form{display:contents}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.btn{border:1.5px solid var(--field-line);min-height:40px;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}@media (hover:hover){.btn:hover:not(:disabled){background:var(--surface2)}}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}@media (hover:hover){.btn.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}}.btn.tertiary{color:var(--link);border-color:#0000;padding:0 12px}.btn.wide{width:100%;min-height:48px}.btn.danger{color:#fff;background:#b3261e;border-color:#b3261e}@media (hover:hover){.btn.danger:hover:not(:disabled){filter:brightness(1.1);background:#b3261e}}.btn.on-dark{color:var(--nav);background:#fff;border-color:#fff}@media (hover:hover){.btn.on-dark:hover{filter:brightness(.94);background:#fff}}.btn.on-dark-quiet,.icon-btn.on-dark-quiet{color:#fff;background:#ffffff24;border-color:#0000}@media (hover:hover){.btn.on-dark-quiet:hover,.icon-btn.on-dark-quiet:hover{background:#ffffff3d}}.icon-btn{border:1.5px solid var(--field-line);width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;flex:none;place-items:center;display:inline-grid}@media (hover:hover){.icon-btn:hover{background:var(--surface2)}}.icon-btn.quiet{color:var(--muted);border-color:#0000}@media (hover:hover){.icon-btn.quiet:hover{color:var(--ink)}}.icon-btn.small{width:28px;height:28px}.linkbtn{color:var(--link);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:none}@media (hover:hover){.linkbtn:hover{text-underline-offset:4px;text-decoration:underline}}.linkbtn.small{font-size:14px}.linkbtn.danger{color:var(--danger)}.form{flex-direction:column;gap:16px;display:flex}.field{min-width:0;color:var(--muted);flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.field.grow{flex:180px}.field.num{width:96px}:where(input:not([type=checkbox],[type=radio],[type=range]),select,textarea){border:1.5px solid var(--field-line);background:var(--field-bg);width:100%;min-width:0;min-height:40px;color:var(--ink);font:inherit;border-radius:8px;padding:8px 12px;font-weight:400}textarea{resize:vertical}option,optgroup{background:var(--field-bg);color:var(--ink)}@supports (appearance:base-select){select{appearance:base-select}::picker(select){appearance:base-select}select{cursor:pointer;align-items:center;gap:8px;display:inline-flex}@media (hover:hover){select:hover{border-color:var(--ink)}}select::picker-icon{color:var(--muted);transition:rotate .2s var(--ease-out)}select:open::picker-icon{rotate:180deg}::picker(select){min-width:anchor-size(width);border:1px solid var(--line);background:var(--surface);max-height:min(360px,60vh);color:var(--ink);border-radius:16px;margin:4px 0;padding:4px;overflow-y:auto;box-shadow:0 1px 2px #00000014,0 12px 32px #0000002e}option{white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:12px;min-height:40px;padding:8px 12px;font-size:16px;font-weight:400;display:flex}option:hover,option:focus-visible{background:var(--surface2);outline:none}option:checked{font-weight:600}option::checkmark{color:var(--accent);order:1;margin-left:auto}option:disabled{color:var(--subtle);cursor:default}optgroup{color:var(--muted);background:0 0;padding:8px 8px 0;font-size:12px;font-weight:600}optgroup+optgroup{border-top:1px solid var(--line);margin-top:4px}optgroup option{color:var(--ink);margin-inline:-8px}}input[type=checkbox],input[type=range]{accent-color:var(--accent)}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row.spread{justify-content:space-between}.check{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.player-form .row{align-items:flex-end}.positions{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.positions legend{color:var(--muted);margin-bottom:4px;padding:0;font-size:14px;font-weight:600}.pos-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pos-group>span{width:64px;color:var(--subtle);font-size:14px}.pill{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:4px;min-height:32px;padding:4px 12px 4px 8px;font-size:14px;display:inline-flex}.pill:has(input:checked){border-color:var(--accent);background:var(--surface2)}.segmented{background:var(--surface2);border-radius:999px;flex-wrap:wrap;align-self:flex-start;gap:4px;max-width:100%;padding:4px;display:inline-flex}.segmented label{min-height:32px;color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented label:has(input:checked){background:var(--ink);color:var(--bg)}@media (hover:hover){.segmented label:hover:not(:has(input:checked)){color:var(--ink)}}.segmented label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.formation-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.formation-picker select{width:auto;font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;min-width:0;padding:24px}.card h4{letter-spacing:-.02em;margin:0 0 12px;font-size:18px;font-weight:800}.chip{background:var(--surface2);min-height:24px;color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.chip.outline{box-shadow:inset 0 0 0 1px var(--field-line);background:0 0}.chip.on-dark{color:var(--nav-ink);background:#ffffff1f}.chips{flex-wrap:wrap;gap:8px;display:flex}.badge{background:var(--surface2);color:var(--ink);border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:600}.badge.admin{background:var(--hi-b);color:#37003c}.stack{display:inline-flex}.stack>*+*{margin-left:-8px}.stack .avatar{box-shadow:0 0 0 2px var(--surface)}.stack-more{width:32px;height:32px;box-shadow:0 0 0 2px var(--nav);background:#ffffff29;border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:inline-grid}.bar{background:var(--surface2);border-radius:999px;flex:none;width:128px;height:8px;display:inline-block;overflow:hidden}.bar>span{background:var(--ok);border-radius:999px;height:100%;display:block}.confirm,.sheet{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg);border:0;border-radius:24px;padding:24px}.confirm{width:min(440px,100vw - 32px)}.sheet{width:min(520px,100vw - 32px)}.confirm::backdrop,.sheet::backdrop{background:#28002c80}.confirm h2{letter-spacing:-.02em;margin:0 0 8px;font-size:24px;font-weight:800;line-height:1.2}.confirm p{color:var(--muted);margin:0 0 24px}.confirm-actions,.sheet-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.sheet-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.sheet-head h2{letter-spacing:-.02em;font-size:24px;font-weight:800}:is(.create-md:has(#md-kind-int:checked) .ext-only,.create-md:not(:has(#md-kind-int:checked)) .int-only){display:none}details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}.fold>summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.fold-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:inline-flex}.fold-hint{color:var(--link);font-weight:600}.fold-hint:after{content:" ▾"}.fold[open] .fold-hint{font-size:0}.fold[open] .fold-hint:after{content:"Hide ▴";font-size:14px}.fold[open]>summary{margin-bottom:16px}.list-section{flex-direction:column;gap:12px;display:flex}.rows{flex-direction:column;margin:0;padding:8px 24px;list-style:none;display:flex}.rows li+li{border-top:1px solid var(--line)}.row-link{min-height:64px;color:var(--ink);align-items:center;gap:16px;padding:12px 0;text-decoration:none;display:flex}@media (hover:hover){.row-link:hover .row-main b{text-underline-offset:4px;text-decoration:underline}}.row-link>.icon{color:var(--subtle)}.rows .row-main b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-result{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.row-result .row-score{width:auto}.row-meta{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.chip.in{color:var(--ok);background:#00754e1f}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}.row-main b{font-weight:600}.row-main>span{color:var(--muted);font-size:14px}.row-score{text-align:right;font-variant-numeric:tabular-nums;width:56px;font-size:20px;font-weight:800}.date-block{flex-direction:column;flex:none;width:64px;line-height:1.25;display:flex}.date-block span{color:var(--subtle);font-size:12px;font-weight:600}.date-block b{font-weight:800}.outcome{color:#fff;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:inline-grid}.outcome.W{background:#00754e}.outcome.D{background:#6e5874}.outcome.L{background:#c2004a}.next-up{background:var(--nav);color:var(--nav-ink);box-shadow:var(--shadow-lg);border-radius:24px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:24px 32px;padding:24px;display:grid}.next-up-main{flex-direction:column;gap:16px;min-width:0;display:flex}.next-up-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.next-up-when{color:var(--hi-a);font-size:14px;font-weight:600}.next-up-fixture{flex-direction:column;gap:4px;display:flex}.next-up-fixture>span{color:#ffffffb8;font-size:16px;font-weight:600}.next-up .display{font-size:48px}@media (min-width:720px){.next-up .display{font-size:56px}}.next-up-side{flex-direction:column;gap:16px;min-width:0;display:flex}.next-up-count{flex-direction:column;gap:8px;font-size:14px;display:flex}.next-up-count-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.next-up-count b{font-size:16px;font-weight:800}.next-up .stack .avatar{box-shadow:0 0 0 2px var(--nav)}.fill{background:#ffffff29;border-radius:999px;height:6px;display:flex;overflow:hidden}.fill>span{background:linear-gradient(90deg, var(--hi-a), var(--hi-b));transition:width .6s var(--ease-out);border-radius:999px}.btn.on-dark-outline{color:#fff;background:0 0;border-color:#ffffff73}@media (hover:hover){.btn.on-dark-outline:hover{border-color:#fff}}@media (max-width:719px){.next-up{grid-template-columns:1fr}}.meta-lines{flex-direction:column;gap:8px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.meta-lines li{align-items:center;gap:8px;min-width:0;display:flex}.meta-lines .icon{color:var(--link)}.meta-lines.on-dark{color:#ffffffdb}.meta-lines.on-dark .icon{color:var(--hi-a)}.my-status{border-radius:16px;align-items:center;gap:12px;padding:12px 16px;display:flex}.my-status.dark{background:#00ff851f;box-shadow:inset 0 0 0 1px #00ff8573}.my-status.light{background:#00754e14;box-shadow:inset 0 0 0 1px #00754e4d}.my-status-mark{border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:inline-grid}.my-status.dark .my-status-mark{background:var(--hi-b);color:var(--nav)}.my-status.light .my-status-mark{background:var(--ok);color:#fff}.my-status-mark .icon{stroke-width:3px}.my-status-text{flex-direction:column;flex:1;min-width:0;display:flex}.my-status-text b{font-weight:800}.my-status-text span{opacity:.85;font-size:14px}.my-status-text span.paid{color:var(--ok);opacity:1;font-weight:600}.my-status.dark .my-status-text span.paid{color:var(--hi-b)}.my-status .linkbtn{flex:none;font-size:14px}.linkbtn.on-dark{color:#fff;text-underline-offset:4px;text-decoration:underline}.my-status-form{flex-direction:column;gap:8px;display:flex}.my-status-note{margin:0;font-size:14px}.my-status-note.dark,.error.dark{color:#ffd1dd}.my-status.just-in{animation:arrive .5s var(--ease-out)}.my-status.just-in .my-status-mark{animation:tick .45s .1s var(--ease-out) both}@keyframes arrive{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes tick{0%{transform:scale(.4)}60%{transform:scale(1.15)}to{transform:scale(1)}}.nudge{background:var(--surface);border:1.5px solid var(--accent);color:var(--ink);border-radius:16px;align-items:center;gap:16px;padding:16px;text-decoration:none;display:flex}@media (hover:hover){.nudge:hover{background:var(--surface2)}}.nudge-mark{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:inline-grid}.nudge-text{flex-direction:column;flex:1;min-width:0;display:flex}.nudge-text b{font-weight:800}.nudge-text span{color:var(--muted);font-size:14px}.nudge>.icon{color:var(--accent)}.fixture-hero{background:var(--nav);color:var(--nav-ink);border-radius:24px;flex-direction:column;gap:24px;padding:24px;display:flex}.hero-when{letter-spacing:0;color:var(--hi-a);font-size:14px;font-weight:600}.versus{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.team{text-align:center;flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.team b{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(24px,4vw,48px);font-weight:800;line-height:1.1}.crest{border-radius:50%;place-items:center;width:64px;height:64px;font-size:20px;font-weight:800;display:inline-grid}.crest.us{background:var(--accent)}.crest.them{background:#1f4fd1}.vs{color:#ffffffb8;font-size:20px;font-weight:600}.hero-meta{margin-top:-8px}.hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.hero-actions{align-items:center;gap:8px;display:flex}.signups{flex-direction:column;gap:24px;display:flex}.md-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:24px;display:grid}@media (max-width:959px){.md-grid{grid-template-columns:1fr}}.mine{flex-direction:column;gap:16px;display:flex}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fact{background:var(--bg);border-radius:16px;flex-direction:column;gap:4px;min-width:0;padding:12px 16px;display:flex}.fact>span:first-child{color:var(--subtle);font-size:12px;font-weight:600}.fact b{letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1.2}.fact b.owed{color:var(--link)}.fact b.paid{color:var(--ok)}.fact>span:last-child{color:var(--muted);font-size:14px}.pay-how{background:var(--surface2);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:15px;display:flex}.admin-note{background:var(--surface2);border-radius:16px;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.admin-note p{white-space:pre-wrap;margin:0}.admin-note b{font-weight:600}.who-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:16px 4px;margin:0;padding:0;list-style:none;display:grid}.who-grid li{justify-content:center;min-width:0;display:flex;position:relative}.who-cell{width:100%;min-width:0;min-height:44px;color:var(--muted);flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.who-cell span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@media (hover:hover){.who-cell:hover span{color:var(--ink)}}.who-grid li.me .avatar{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ok)}.who-grid li.me .who-cell span{color:var(--ok);font-weight:800}.who-remove{background:var(--surface);width:24px;height:24px;color:var(--muted);box-shadow:0 0 0 1px var(--line);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:absolute;top:-6px;right:calc(50% - 32px)}.who-remove:after{content:"";position:absolute;inset:-10px}@media (hover:hover){.who-remove:hover{color:var(--danger)}}.need.ok{color:var(--ok);font-weight:600}.signups-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.signups-head h2{letter-spacing:-.03em;font-size:24px;font-weight:800}.signups-head .count{color:var(--muted);margin-left:8px}.need{color:var(--muted);align-items:center;gap:12px;font-size:14px;display:inline-flex}.signup-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.lineup-editor{flex-direction:column;gap:24px;display:flex}.split{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.lineup-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width:860px){.split,.lineup-split{grid-template-columns:1fr}}.details{align-items:flex-end}.details .fee{width:176px}.gap-top{margin-top:16px}.gap-bottom{margin-bottom:16px}.half-pitch{aspect-ratio:69/74;background:var(--turf-edge);border-radius:16px;width:100%;max-width:560px;margin:16px auto 8px;overflow:hidden}.lineup-card{flex-direction:column;gap:16px;display:flex}.lineup-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.formation-select{align-items:center;gap:8px;display:inline-flex}.formation-select select{width:auto;font-weight:600}.suggest-row{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.suggest-row .hint{flex:200px}.positions-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.positions-list li{align-items:center;gap:12px;min-height:56px;padding:8px 0;display:flex}.positions-list li+li{border-top:1px solid var(--line)}.positions-list .role{background:var(--surface2);width:44px;color:var(--muted);text-align:center;border-radius:8px;flex:none;padding:4px 0;font-size:12px;font-weight:800}.positions-list select{flex:1}.pos-text{flex-direction:column;flex:1;min-width:0;display:flex}.pos-text b{font-weight:600}.pos-text>span{color:var(--subtle);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px;display:flex}.pick-empty,.add-chip{border:1.5px dashed var(--field-line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:8px;font-weight:600;display:inline-flex}.pick-empty{border-radius:16px;flex:1;min-height:44px;padding:0 12px}@media (hover:hover){.pick-empty:hover,.add-chip:hover{color:var(--ink);border-color:var(--ink)}}.bench-block{flex-direction:column;gap:8px;padding-top:8px;display:flex}.bench-label{color:var(--muted);font-size:14px;font-weight:600}.bench-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bench-chips select{width:auto}.bench-chip{background:var(--surface2);border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:4px;font-weight:600;display:inline-flex}.bench-chip:not(:has(button)){padding-right:12px}.add-chip{border-radius:999px;min-height:36px;padding:0 12px}.savebar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.savebar.sticky{z-index:5;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:16px;padding:12px 16px;position:sticky;bottom:0}.scoreline{flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 16px;font-size:18px;font-weight:600;display:flex}.scoreline b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.scoreline.edit input:not([type=checkbox]){text-align:center;width:64px;padding:8px;font-size:24px;font-weight:800}.stats-entry{border-collapse:collapse;width:100%;margin-top:8px}.stats-entry th{text-align:left;color:var(--muted);padding:4px 8px;font-size:14px;font-weight:600}.stats-entry td{border-top:1px solid var(--line);padding:4px 8px}.stats-entry th:not(:first-child),.stats-entry td:not(:first-child){width:80px}.stats-entry input:not([type=checkbox]){text-align:center;width:64px;padding:4px}.stat-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.you-owe{background:var(--surface);border:1.5px solid var(--accent);border-radius:24px;flex-direction:column;gap:12px;padding:24px;display:flex}.you-owe.clear{border-color:var(--ok)}.you-owe-label{color:var(--muted);font-size:14px;font-weight:600}.you-owe .display{color:var(--link)}.you-owe.clear .display{color:var(--ok)}.you-owe-for{color:var(--muted)}.stat-tile{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;padding:24px;display:flex}.stat-tile b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:800;line-height:1}.stat-tile b.owed{color:var(--link)}.stat-tile span{color:var(--muted);font-size:14px}.stat-tile a{color:var(--link);font-weight:600;text-decoration:none}@media (max-width:720px){.stat-tiles{gap:8px}.stat-tile{gap:4px;padding:12px}.stat-tile b{letter-spacing:-.01em;font-size:18px}.stat-tile span{font-size:12px}}.pay-day{padding:16px 24px}.pay-day>summary{align-items:center;gap:16px;display:flex}.pay-day>summary .row-main b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pay-day>summary>.icon{color:var(--subtle);transition:transform .25s var(--ease-out)}.pay-day[open]>summary>.icon{transform:rotate(180deg)}.pay-day[open]>summary{border-bottom:1px solid var(--line);padding-bottom:12px}.pay-sum{text-align:right;width:136px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.pay-sum b{color:var(--ink)}.pay-day>.linkbtn{margin-top:12px;font-size:14px;display:inline-block}@media (max-width:640px){.pay-day .bar{display:none}.pay-sum{width:auto}}.pay-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pay-day .pay-rows{margin-left:80px}@media (max-width:640px){.pay-day .pay-rows{margin-left:0}}.pay-rows li{align-items:center;gap:12px;min-height:56px;display:flex}.pay-rows li+li{border-top:1px solid var(--line)}.pay-rows form{display:flex}.pay-amount{font-variant-numeric:tabular-nums}.filter-pills{background:var(--surface2);scrollbar-width:none;overscroll-behavior-x:contain;border-radius:999px;align-self:flex-start;gap:4px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.filter-pills::-webkit-scrollbar{display:none}.filter-pills button{min-height:32px;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.filter-pills button span{color:var(--subtle);font-weight:400}.filter-pills button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.filter-pills button[aria-pressed=true] span{color:inherit}.filter-pills button:disabled{opacity:.5;cursor:default}.list-card{padding:8px 24px}.squad-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.squad-list>li+li{border-top:1px solid var(--line)}.squad-row{align-items:center;gap:16px;min-height:72px;padding:12px 0;display:flex}.squad-row.inactive .avatar-num,.squad-row.inactive .row-main{opacity:.6}.squad-row.editing .player-name{color:var(--link)}.avatar-num{flex:none;position:relative}.num-badge{background:var(--surface2);min-width:24px;height:20px;box-shadow:0 0 0 2px var(--surface);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 4px;font-size:12px;font-weight:800;display:inline-grid;position:absolute;bottom:-4px;right:-8px}.invite-card{flex-direction:column;gap:16px;display:flex}.invite-card .hint{max-width:65ch;margin-top:4px}.invite-row{flex-wrap:wrap;gap:8px;display:flex}.invite-row input{flex:240px;min-width:0;font-size:14px}.chip.admin{background:var(--ink);color:var(--bg)}.admin-access{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:12px;padding-top:24px;display:flex}.admin-access h4{margin:0 0 4px;font-size:16px;font-weight:600}.admin-access .invite-row{align-self:stretch}.reveal-more{text-align:center;padding:12px 0;list-style:none}.reveal-more td{text-align:center;padding:12px 0}.motm{flex-direction:column;gap:16px;scroll-margin-top:24px;display:flex}.motm-award{background:var(--nav);color:var(--nav-ink);box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;gap:24px;padding:24px;scroll-margin-top:24px;display:flex;position:relative;overflow:hidden}.motm-award:before{content:"";pointer-events:none;border:32px solid #04f5ff14;border-radius:50%;width:240px;height:240px;position:absolute;top:-60px;right:-60px}.motm-award-when{color:var(--hi-a);font-size:14px;font-weight:600}.motm-award-winner{flex-wrap:wrap;align-items:flex-end;gap:16px 24px;display:flex}.motm-award-faces{display:flex}.motm-award-face{position:relative}.motm-award-face+.motm-award-face{margin-left:-16px}.motm-award-face .avatar{box-shadow:0 0 0 3px var(--nav), 0 0 0 5px var(--hi-b)}.motm-award-star{background:var(--shot);width:36px;height:36px;color:var(--nav);box-shadow:0 0 0 3px var(--nav);animation:tick .6s .3s var(--ease-out) both;border-radius:50%;place-items:center;display:inline-grid;position:absolute;bottom:-4px;right:-4px}.motm-award-star .icon{fill:currentColor}.motm-award-name{flex-direction:column;gap:8px;min-width:0;display:flex}.motm-award-name>span{color:#ffffffc7}.motm-bars{flex-direction:column;gap:10px;max-width:560px;margin:0;padding:0;list-style:none;display:flex}.motm-bars li{grid-template-columns:minmax(64px,140px) minmax(0,1fr) 24px;align-items:center;gap:12px;font-size:14px;display:grid}.motm-bars-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.motm-bars-track{background:#ffffff24;border-radius:999px;height:8px;display:flex;overflow:hidden}.motm-bars-track>span{background:var(--hi-a);transform-origin:0;animation:grow .8s calc(.4s + var(--i) * .12s) var(--ease-out) both;border-radius:999px}.motm-bars-track>span.win{background:var(--hi-b)}.motm-bars b{text-align:right;font-variant-numeric:tabular-nums}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.motm-award-actions{flex-wrap:wrap;gap:12px;display:flex}.motm-award-actions form{display:flex}.motm-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.motm-ask{flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 12px;font-weight:600;display:flex}.motm-vote .hint{margin-top:12px}.motm-saving,.motm-saved{animation:fade .2s var(--ease-out);font-size:13px;font-weight:600}.motm-saving{color:var(--subtle)}.motm-saved{color:var(--ok);align-items:center;gap:4px;display:inline-flex}.motm-saved .icon{stroke-width:3px}@keyframes fade{0%{opacity:0}to{opacity:1}}.motm-picks{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.motm-pick{border:1.5px solid var(--line);background:var(--surface);width:100%;min-height:56px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:8px 12px;font-weight:600;display:flex}@media (hover:hover){.motm-pick:hover:not(:disabled){border-color:var(--field-line)}}.motm-pick[aria-pressed=true]{border-color:var(--accent);background:var(--surface2)}.motm-pick svg{color:var(--accent);margin-left:auto}.motm-pick[aria-pressed=true] svg{animation:tick .4s var(--ease-out)}.motm-winner{background:var(--surface2);border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex}.motm-winner>span:last-child{flex-direction:column;display:flex}.motm-winner b{font-size:20px;font-weight:800;line-height:1.2}.motm-winner>span:last-child>span{color:var(--muted);font-size:14px}.motm-avatars{display:flex}.motm-avatars>*+*{box-shadow:0 0 0 2px var(--surface2);margin-left:-12px}.who-row{box-sizing:content-box;width:100%;min-height:64px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:16px;margin:0 -8px;padding:12px 8px;display:flex}.who-row[aria-current=true]{background:var(--surface2)}@media (hover:hover){.who-row:hover:not(:disabled){background:var(--surface2)}}.who-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.whoami>form:last-child{align-self:flex-start}.player-name{font-weight:600;text-decoration:none}@media (hover:hover){.player-name:hover{text-decoration:underline}}.pos-chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.status-dot{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:inline-flex}.status-dot:before{content:"";background:var(--ok);border-radius:50%;width:8px;height:8px}.status-dot.off:before{background:var(--subtle)}@media (max-width:560px){.status-dot{gap:0;font-size:0}}.edit-li{padding-bottom:16px;border-top:0!important}.edit-card{background:var(--bg);border:1.5px solid var(--accent);animation:pop-in .3s var(--ease-out);border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex}.edit-card.new{background:var(--surface)}.edit-head{align-items:center;gap:16px;display:flex}.edit-head>div{flex-direction:column;flex:1;min-width:0;display:flex}.edit-head h3{letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.2}.edit-head .muted{font-size:14px}.edit-card .player-form{max-width:760px}.edit-remove{border-top:1px solid var(--line);padding-top:16px}.add-mark{background:var(--accent);color:#fff}.avatar{object-fit:cover;background:var(--surface2);color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:800;line-height:1;display:inline-grid}.player-link{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}@media (hover:hover){.player-link:hover{text-decoration:underline}}.photo-input{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.fold>.photo-input{margin-bottom:16px}.photo-input:has(input:focus-visible) .btn{outline:2px solid var(--accent);outline-offset:2px}.profile-hero{background:var(--nav);color:var(--nav-ink);border-radius:24px;flex-wrap:wrap;align-items:center;gap:24px;padding:24px;display:flex}.profile-hero .avatar{box-shadow:0 0 0 4px #ffffffe6}.profile-id{flex-direction:column;gap:4px;min-width:0;display:flex}.profile-id h1{color:var(--nav-ink)}.profile-id p{color:#ffffffc7;margin:4px 0 0;font-weight:600}.profile-number{letter-spacing:-.03em;color:var(--hi-a);font-size:48px;font-weight:800;line-height:.9}.profile-off{color:#ffb4c8}.profile-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}@media (max-width:640px){.profile-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-tiles>:last-child:nth-child(odd){grid-column:span 2}}.tile{background:var(--surface);border:1.5px solid var(--line);color:var(--ink);border-radius:16px;flex-direction:column;gap:4px;padding:16px 24px;text-decoration:none;display:flex}.tile b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:800;line-height:1}.tile span{color:var(--muted);font-weight:600}.tile small{color:var(--subtle);font-size:14px}@media (hover:hover){.tile:hover{border-color:var(--ink)}}.tile.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.log-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.log-table th{text-align:left;color:var(--muted);padding:8px;font-size:14px;font-weight:600}.log-table td{border-top:1px solid var(--line);vertical-align:middle;padding:12px 8px}.log-table td:first-child{flex-direction:column;gap:4px;display:flex}.log-table .log-date{font-weight:600;text-decoration:none}@media (hover:hover){.log-table .log-date:hover{text-decoration:underline}}.log-table .num{text-align:center;width:48px}.log-table .num.on{background:var(--surface2);font-weight:800}.log-table .outcome{margin-right:4px}.stat-tabs{scrollbar-width:none;gap:8px;margin-inline:-16px;padding-inline:16px;display:flex;overflow-x:auto}.stat-tabs a{border:1.5px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);border-radius:999px;flex:none;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.stat-tabs a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.leader{background:var(--nav);color:var(--nav-ink);border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4px 16px;padding:24px;display:grid}a.leader{grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none}a.leader .avatar{grid-row:1/span 2;box-shadow:0 0 0 3px #ffffffe6}.leader-label{color:var(--hi-a);grid-column:1/-1;font-size:14px;font-weight:600}a.leader .leader-label{grid-column:2/-1}.leader-name{letter-spacing:-.03em;font-size:clamp(24px,5vw,36px);font-weight:800;line-height:1.1}.leader-value{letter-spacing:-.03em;text-align:right;font-variant-numeric:tabular-nums;font-size:clamp(36px,7vw,48px);font-weight:800;line-height:.9}.leader-value small{letter-spacing:0;color:#ffffffb8;margin-top:8px;font-size:14px;font-weight:600;display:block}.board-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.board-table th{text-align:left;color:var(--muted);padding:8px;font-size:14px;font-weight:600}.board-table td{border-top:1px solid var(--line);padding:12px 8px}.board-table .rank{width:32px;color:var(--subtle);font-weight:600}.board-table .name{font-weight:600}.board-table .num{text-align:right;width:56px}.board-table .num.on{background:var(--surface2);font-weight:800}.board-table abbr,.log-table abbr{text-decoration:none}@media (max-width:560px){.board-table .num:not(.on){display:none}.log-table .num{width:32px;padding-inline:4px}}.modebar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.modes{background:var(--surface2);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.modes button{min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 24px;font-weight:600}.modes button[aria-selected=true]{background:var(--ink);color:var(--bg)}.rail{scrollbar-width:thin;gap:12px;margin:0 -16px;padding:4px 16px 8px;list-style:none;display:flex;overflow-x:auto}.rail li{flex:0 0 min(264px,72vw);display:flex}.rail-card{border:1.5px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.rail-card b{letter-spacing:-.02em;font-size:18px;font-weight:800;line-height:1.2}.rail-card span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}@media (hover:hover){.rail-card:hover{border-color:var(--ink)}}.rail-card[aria-pressed=true]{background:var(--nav);border-color:var(--nav);color:var(--nav-ink)}.rail-card[aria-pressed=true] span{color:var(--hi-a)}.rail-card.all{border-style:dashed;border-color:var(--field-line);background:0 0;justify-content:center}.play-title{flex-direction:column;gap:4px;display:flex}.play-title h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(30px,4.5vw,36px);font-weight:800;line-height:1.1}.summary{max-width:72ch;color:var(--muted);margin:0}.match{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:8px;font-size:14px;font-weight:600}.stage{flex-direction:column;gap:8px;min-width:0;display:flex}.pitch-stage{position:relative}.pitch-wrap{aspect-ratio:110/74;background:var(--turf-edge);width:100%;box-shadow:var(--shadow-lg);border-radius:16px;overflow:hidden}.pitch{width:100%;height:100%;display:block}.caption{color:#fff;background:#37003ce6;border-radius:16px;align-items:center;gap:16px;padding:12px 16px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.caption-n{color:var(--hi-a);font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:center;font-size:36px;font-weight:800;line-height:1;display:flex}.caption-n small{color:#ffffffb8;margin-top:4px;font-size:12px;font-weight:600}.caption div{flex-direction:column;gap:4px;min-width:0;display:flex}.caption b{letter-spacing:-.02em;font-size:20px}.caption div span{color:#ffffffe0}@media (max-width:720px){.caption{background:var(--nav);margin-top:8px;position:static}.caption b{font-size:18px}}.transport{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:16px 24px;display:flex}.transport-buttons{align-items:center;gap:8px;display:flex}.play-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:56px;height:56px;display:inline-grid}@media (hover:hover){.play-btn:hover{filter:brightness(1.08)}}.play-btn .icon{stroke-width:2.5px}.play-btn .icon path[d^=M7\ 4]{fill:currentColor}.steps-bar{flex-direction:column;flex:240px;gap:8px;min-width:0;display:flex}.steps-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.steps-label b{color:var(--ink)}.segments{gap:4px;display:flex}.segment{cursor:pointer;background:0 0;border:0;flex:1;height:24px;padding:0;position:relative}.segment:before{content:"";background:var(--surface2);border-radius:999px;position:absolute;inset:8px 0}.segment span{background:var(--accent);border-radius:999px;height:8px;position:absolute;top:8px;left:0}@media (hover:hover){.segment:hover:before{background:var(--line)}}.transport-extra{align-items:center;gap:8px;margin-left:auto;display:flex}.view-panel{gap:16px;width:300px;padding:16px}.key-panel{gap:12px;width:260px;padding:16px}.opt{flex-direction:column;gap:8px;display:flex}.opt>span{color:var(--muted);font-size:14px;font-weight:600}.seg-pills{background:var(--surface2);border-radius:999px;gap:4px;padding:4px;display:flex}.seg-pills button{min-height:32px;color:var(--muted);font:inherit;cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:999px;flex:1;font-size:14px;font-weight:600}.seg-pills button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.seg-pills button:disabled{opacity:.5;cursor:default}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex}.switch{appearance:none;background:var(--field-line);cursor:pointer;width:44px;height:24px;transition:background .2s var(--ease-out);border-radius:999px;flex:none;margin:0;position:relative}.switch:after{content:"";width:20px;height:20px;transition:transform .25s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(20px)}.legend{color:var(--muted);flex-direction:column;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.legend li{align-items:center;gap:8px;display:flex}.legend svg{width:32px;height:12px}.dot{border:1px solid #00000059;border-radius:50%;width:12px;height:12px;display:inline-block}.dot.us{background:var(--us)}.dot.them{background:var(--them)}.play-details{grid-template-columns:300px minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (max-width:1000px){.play-details{grid-template-columns:1fr 1fr}.play-details>:first-child{grid-column:1/-1}}@media (max-width:680px){.play-details{grid-template-columns:1fr}}.pd-pane{min-width:0}.pd-tabs{display:none}.pd-count{background:var(--surface2);color:var(--ink);border-radius:999px;padding:0 8px;font-size:12px;font-weight:600}@media (max-width:680px){.pd-tabs{border-bottom:1px solid var(--line);margin-bottom:-8px;display:flex}.pd-tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;margin-bottom:-1px;padding:12px 8px;font-weight:600;display:inline-flex}.pd-tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.play-details .pd-pane{display:none}.play-details[data-tab=steps] [data-pane=steps],.play-details[data-tab=jobs] [data-pane=jobs],.play-details[data-tab=comments] [data-pane=comments]{display:block}}ol.steps{counter-reset:s;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}ol.steps li{counter-increment:s}ol.steps button{width:100%;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:baseline;gap:12px;padding:4px 8px;display:flex}ol.steps button:before{content:counter(s);text-align:right;font-variant-numeric:tabular-nums;flex:none;width:1.2em;font-weight:600}@media (hover:hover){ol.steps button:hover{background:var(--surface2)}}ol.steps button.on{background:var(--surface2);color:var(--ink);font-weight:600}table.lineup{border-collapse:collapse;width:100%}.lineup td{border-top:1px solid var(--line);vertical-align:middle;padding:8px}.lineup tr:first-child td{border-top:0}.lineup td.j{vertical-align:top;color:var(--muted);font-size:14px}.lineup .n{width:40px}.lineup .n span{background:var(--surface2);width:28px;height:28px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:inline-grid}.lineup .r{vertical-align:top;width:56px;font-weight:800}.lineup .r small{color:var(--muted);font-size:12px;font-weight:400;display:block}.play-browser{background:var(--bg);width:min(560px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--ink);box-shadow:var(--shadow-lg);border:0;margin:0 0 0 auto;padding:0}.play-browser::backdrop{background:#28002c73}.pb-inner{flex-direction:column;height:100%;display:flex}.pb-head{background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;gap:16px;padding:24px 24px 16px;display:flex}.pb-titlebar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pb-titlebar h2{letter-spacing:-.03em;font-size:30px;font-weight:800}.pb-titlebar .muted{font-size:14px;font-weight:600}.pb-titlebar .icon-btn{margin-left:auto}.pb-search{border:1.5px solid var(--field-line);background:var(--field-bg);color:var(--muted);border-radius:8px;align-items:center;gap:12px;padding:0 12px;display:flex}.pb-search svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;flex:none;width:18px;height:18px}.pb-search input:not([type=checkbox]){background:0 0;border:0;padding:8px 0}.pb-search:focus-within{border-color:var(--accent)}.pb-search input:focus-visible{outline:none}.pb-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pb-filters select{width:auto;margin-left:auto;font-size:14px;font-weight:600}.pill-btn{border:1.5px solid var(--line);background:var(--surface);min-height:32px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:0 16px;font-size:14px;font-weight:600}.pill-btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.pb-list{flex:1;padding:8px 16px 32px;overflow-y:auto}.pb-list h3{color:var(--muted);margin:16px 8px 4px;font-size:14px;font-weight:600}.pb-list ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pb-list button{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}@media (hover:hover){.pb-list button:hover{background:var(--surface2)}}.pb-list button[aria-current=true]{background:var(--surface);box-shadow:inset 3px 0 0 var(--accent);font-weight:600}.pb-name{flex:1;font-weight:600}.pb-meta{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px}.stripe-a{fill:var(--turf)}.stripe-b{fill:var(--turf2)}.edge{fill:var(--turf-edge)}.chalk{fill:none;stroke:var(--chalk);stroke-width:.35px;opacity:.9}.chalk-dot{fill:var(--chalk);opacity:.9}.net{fill:#ffffff24;stroke:var(--chalk);stroke-width:.3px}.net.flash{animation:netflash 1.2s var(--ease-out)}@keyframes netflash{0%{fill:#ffffffbf}to{fill:#ffffff24}}.player .body{stroke:#0006;stroke-width:.28px}.player.us .body{fill:var(--us)}.player.them .body{fill:var(--them)}.player .num{font-family:var(--font);text-anchor:middle;dominant-baseline:central;font-size:2.6px;font-weight:800}.player.us .num{fill:var(--us-ink)}.player.them .num{fill:var(--them-ink)}.player .role{font-family:var(--font);text-anchor:middle;fill:var(--chalk);paint-order:stroke;stroke:#0a1e0f8c;stroke-width:.5px;font-size:1.9px;font-weight:800}.shadow{fill:#00000038}.player.empty .body{fill:#ffffff1f;stroke:var(--chalk);stroke-dasharray:.8 .5}.player.empty .num{fill:var(--chalk);font-size:1.7px}.player.empty .shadow{display:none}.ball{fill:#fff;stroke:#1d1d1d;stroke-width:.25px}.ring{fill:none;stroke:var(--chalk);stroke-width:.3px;stroke-dasharray:.9 .6;opacity:.9}.arrows{transition:opacity .25s var(--ease-out)}.arrows line{stroke-linecap:round}.arrows .run{stroke-width:.45px;stroke-dasharray:1.3 1}.arrows .run.us{stroke:var(--us)}.arrows .run.them{stroke:var(--them-run)}.arrows .run.carry{stroke-dasharray:.25 .8;stroke-width:.6px}.arrows .pass{stroke:var(--chalk);stroke-width:.55px}.arrows .shot{stroke:var(--shot);stroke-width:.7px}.arrows.preview{opacity:.5}.arrows.live{opacity:.95}.mk-us{fill:var(--us)}.mk-them{fill:var(--them-run)}.mk-pass{fill:var(--chalk)}.mk-shot{fill:var(--shot)}.goal-txt{font-family:var(--font);text-anchor:middle;dominant-baseline:central;fill:var(--chalk);letter-spacing:-.3px;paint-order:stroke;stroke:#0a1e0f59;stroke-width:1px;pointer-events:none;transform-box:fill-box;transform-origin:50%;opacity:0;font-size:13px;font-weight:800}.goal-txt.on{animation:goalpop 1.6s var(--ease-out) forwards}@keyframes goalpop{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.08)}45%{transform:scale(1)}to{opacity:.92;transform:scale(1)}}.comments ul{flex-direction:column;gap:12px;margin:0 0 16px;padding:0;list-style:none;display:flex}.comments li{border-top:1px solid var(--line);flex-direction:column;gap:4px;padding-top:12px;display:flex}.comments li:first-child{border-top:0;padding-top:0}.c-head{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.c-head time{color:var(--subtle);margin-left:auto;font-size:12px}.comments ul{overscroll-behavior:contain;position:relative;overflow-y:auto}.comments li p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.steptag{border:1px solid var(--line);background:var(--surface2);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-self:flex-start;padding:0 8px;font-size:12px}@media (hover:hover){.steptag:hover{border-color:var(--accent)}}.comments .row{justify-content:space-between}.login{flex:1;place-items:center;padding-top:24px;display:grid}.login-card{background:var(--nav);width:100%;max-width:420px;color:var(--nav-ink);border-radius:24px;flex-direction:column;gap:16px;padding:32px 24px;display:flex}.login-card h1{font-size:48px;line-height:1}.login-card .eyebrow{color:var(--hi-a)}.login-card .lede,.login-card .field{color:#ffffffc7}.login-card input:not([type=checkbox]){color:#37003c;background:#fff;border-color:#0000}.login-card .error{color:#ffb4c8}.settings{gap:24px}.settings section{flex-direction:column;gap:12px;display:flex}.settings section+section{border-top:1px solid var(--line);padding-top:24px}.days{border:0;margin:0;padding:0}.days legend{color:var(--muted);margin-bottom:8px;padding:0;font-size:14px;font-weight:600}.day-pills{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.day-pills .pill{color:var(--ink);padding:4px 16px 4px 12px;font-weight:600}a,button,summary,label{-webkit-tap-highlight-color:transparent}.btn,.icon-btn,.account-btn,.motm-pick,.nudge,.who-row,.pill-btn,.add-chip,.pick-empty,.step,.rail-card{transition:transform .12s var(--ease-out), filter .12s var(--ease-out), background-color .2s var(--ease-out), border-color .2s var(--ease-out)}.btn:active:not(:disabled),.icon-btn:active:not(:disabled),.account-btn:active,.motm-pick:active:not(:disabled),.nudge:active,.who-row:active:not(:disabled),.pill-btn:active,.add-chip:active,.pick-empty:active,.step:active:not(:disabled),.rail-card:active{filter:brightness(.92);transform:scale(.96)}.linkbtn:active,.row-link:active,.who-cell:active,.back-link:active{opacity:.6}.tabbar a .icon{transition:transform .12s var(--ease-out)}.tabbar a:active .icon{transform:scale(.88)}.tabbar a[aria-current=page] .icon{animation:hop .45s var(--ease-out)}@keyframes hop{0%{transform:translateY(0)}40%{transform:translateY(-4px)}to{transform:translateY(0)}}.spinner{opacity:.85;border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stepper{align-items:center;gap:2px;display:inline-flex}.stepper b{text-align:center;min-width:28px;color:var(--ink);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.step{border:1.5px solid var(--field-line);background:var(--surface);width:40px;height:44px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;padding:0;display:inline-grid}.step:disabled{opacity:.35;cursor:default}.stepper.big{gap:8px}.stepper.big b{letter-spacing:-.045em;min-width:56px;font-size:56px;line-height:1}.stepper.big .step{width:44px}.score-steppers{background:var(--bg);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.score-side{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.score-side>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);font-size:14px;font-weight:600;overflow:hidden}.stat-block{flex-direction:column;display:flex}.stat-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto 88px;grid-template-areas:"name goals assists cs";align-items:center;gap:8px 16px;min-height:56px;padding:6px 0;display:grid}.stat-row.head{min-height:0;color:var(--muted);border-top:0;padding:0 0 6px;font-size:13px;font-weight:600}.stat-row.head span:not(:first-child){text-align:center}.stat-name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;min-width:0;overflow:hidden}.stat-name b{font-weight:600}.stat-cell:nth-of-type(2){grid-area:goals}.stat-cell:nth-of-type(3){grid-area:assists}.cs-cell{cursor:pointer;grid-area:cs;justify-content:center;align-items:center;gap:8px;min-height:44px;display:flex}.cs-cell span{display:none}@media (max-width:559px){.stat-row{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"name name cs""goals assists.";padding:10px 0}.stat-row.head{display:none}.stat-cell{flex-direction:column;gap:2px;display:flex}.stat-cell:before{content:attr(data-label);color:var(--subtle);padding-left:4px;font-size:12px;font-weight:600}.cs-cell{color:var(--muted);white-space:nowrap;justify-content:flex-end;font-size:13px}.cs-cell span{display:inline}.score-steppers{gap:8px;padding:12px 8px}.stepper.big{gap:4px}.stepper.big b{min-width:40px;font-size:48px}}.goals-check{transition:background-color .25s var(--ease-out), color .25s var(--ease-out);border-radius:12px;margin:8px 0 0;padding:10px 12px;font-size:14px;font-weight:600}.goals-check.ok{color:var(--ok);background:#00754e14}.goals-check.under{background:var(--surface2);color:var(--muted)}.goals-check.over{color:var(--danger);background:#b3261e14}.undo-toast{z-index:45;left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom));background:var(--nav);max-width:480px;color:var(--nav-ink);box-shadow:var(--shadow-lg);animation:arrive .35s var(--ease-out);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 auto;padding:12px 12px 12px 16px;display:grid;position:fixed;overflow:hidden}body:has(.tabbar) .undo-toast{bottom:calc(80px + env(safe-area-inset-bottom))}@media (min-width:720px){body:has(.tabbar) .undo-toast{bottom:24px}}.undo-toast>span:first-child{font-size:15px}.undo-timer{background:var(--hi-a);transform-origin:0;height:3px;animation:5s linear forwards drain;position:absolute;bottom:0;left:0;right:0}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.paid-tick{color:var(--ok);animation:arrive .3s var(--ease-out);align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.paid-tick .tick{background:var(--ok);color:#fff;width:24px;height:24px;animation:tick .45s 50ms var(--ease-out) both;border-radius:50%;place-items:center;display:inline-grid}.paid-tick .tick .icon{stroke-width:3px}.paid-tick .spinner{width:12px;height:12px;color:var(--ok)}.pay-hint{color:var(--subtle);margin:8px 0 0;font-size:13px}.state-page{max-width:640px}.state-pitch{background:var(--turf);border-radius:24px;height:160px;position:relative;overflow:hidden}.state-pitch:before{content:"";background:#f2f7f0b3;width:2px;position:absolute;top:0;bottom:0;left:50%}.state-pitch:after{content:"";border:2px solid #f2f7f0b3;border-radius:50%;width:80px;height:80px;position:absolute;top:40px;left:calc(50% - 40px)}.state-pitch span{z-index:1;letter-spacing:-.045em;color:var(--chalk);font-size:56px;font-weight:800;line-height:1;position:absolute;bottom:16px;left:24px}.state-text{flex-direction:column;gap:8px;display:flex}.state-text .lede{margin:0}.state-actions{flex-wrap:wrap;gap:12px;display:flex}@media (max-width:480px){.state-actions>*{flex:100%}}.progress{z-index:50;height:3px;position:fixed;top:0;left:0;right:0;overflow:hidden}.progress:after{content:"";background:var(--accent);width:40%;animation:progress 1.2s var(--ease-in-out) infinite;position:absolute;top:0;bottom:0;left:0}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}.skeleton{background:linear-gradient(90deg, var(--surface2) 30%, var(--bg) 50%, var(--surface2) 70%) 0 0 / 300% 100%;border-radius:8px;animation:1.4s linear infinite shimmer;display:block}.skeleton.hero{border-radius:24px;height:220px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.skeleton-row{align-items:center;gap:16px;min-height:64px;padding:12px 0;display:flex}.skeleton-row+.skeleton-row{border-top:1px solid var(--line)}.skeleton-lines{flex-direction:column;flex:1;gap:8px;display:flex}.site-footer{width:100%;max-width:1180px;padding:16px 0 max(24px, env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--subtle);flex:none;justify-content:space-between;gap:16px;margin:0 auto;font-size:14px;display:flex}.site-footer a{color:var(--muted);font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}