:root{--tap-primary:72px;--tap-secondary:56px;--tap-min:44px;--tap-gap:8px;--field-strip-height:90px;--field-endzone-width:15%;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-numeric:var(--font-sans);--font-display:var(--font-sans);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--weight-regular:400;--weight-medium:600;--weight-bold:800;--leading-tight:1.1;--leading-normal:1.45;--numeric-features:tabular-nums lining-nums;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--border-width:1px;--duration-fast:.1s;--duration-base:.18s;--duration-undo-window:5s;--ease-out:cubic-bezier(.2, 0, 0, 1);--z-field-armed:10;--z-sheet:20;--z-toast:30;--color-bg:#f7f5f0;--color-surface:#fffdfa;--color-surface-sunken:#e9ecf0;--color-surface-raised:#fff;--color-text:#10243c;--color-text-muted:#4b5b70;--color-text-inverse:#fffdfa;--color-border:#bcc3cc;--color-border-strong:#758194;--color-accent:#f47735;--color-accent-hover:#fa8a4f;--color-accent-pressed:#ff9b69;--color-on-accent:#10243c;--color-accent-edge:#a53d0b;--color-accent-soft:#fff0e5;--color-link:#a3390c;--color-danger:#a32735;--color-on-danger:#fff;--color-warn:#804707;--color-success:#196137;--color-unit-off:#f47735;--color-unit-def:#f47735;--color-unit-st:#f47735;--color-field:#174a30;--color-field-line:#edf4ee;--color-field-line-minor:#81a78d;--color-field-stripe:#1b5437;--color-endzone:#102b49;--color-ball:#a34c23;--color-ball-edge:#fff5df;--color-board:#102943;--color-board-text:#fffdfa;--color-board-muted:#c5cfdb;--color-board-highlight:#ff995c;--color-board-edge:#798da3;--color-board-pressed:#203e5c;--color-focus-ring:#9b3508;--color-dim-overlay:#08121fa3;--color-toast:#102943;--color-toast-text:#fffdfa;--color-toast-button:#304b66;--color-card-bg:#f7f5f0;--color-card-tile:#fffdfa;--color-card-text:#10243c;--color-card-muted:#4b5b70;--shadow-raised:0 2px 0 #10243c1f;--shadow-sheet:0 -8px 32px #00000047;--shadow-toast:0 4px 16px #00000047}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#101418;--color-surface:#21262c;--color-surface-sunken:#181d22;--color-surface-raised:#2b323a;--color-text:#f5f4ee;--color-text-muted:#b7c0ca;--color-text-inverse:#101418;--color-border:#414a54;--color-border-strong:#7e8a96;--color-accent:#d5f547;--color-accent-hover:#e2ff69;--color-accent-pressed:#b9d937;--color-on-accent:#11170a;--color-accent-edge:#d5f547;--color-accent-soft:#2a3520;--color-link:#d5f547;--color-danger:#ff969e;--color-on-danger:#301016;--color-warn:#f0bd6a;--color-success:#9adb9e;--color-unit-off:#d5f547;--color-unit-def:#d5f547;--color-unit-st:#d5f547;--color-field:#173f2b;--color-field-line:#edf4ee;--color-field-line-minor:#71987c;--color-field-stripe:#1b4932;--color-endzone:#18282a;--color-ball:#a34c23;--color-ball-edge:#fff5df;--color-board:#1b2026;--color-board-text:#f5f4ee;--color-board-muted:#b7c0ca;--color-board-highlight:#d5f547;--color-board-edge:#7e8a96;--color-board-pressed:#303840;--color-focus-ring:#d5f547;--color-dim-overlay:#000000b8;--color-toast:#2b323a;--color-toast-text:#f5f4ee;--color-toast-button:#475463;--color-card-bg:#101418;--color-card-tile:#21262c;--color-card-text:#f5f4ee;--color-card-muted:#b7c0ca}}:root[data-theme=dark]{--color-bg:#101418;--color-surface:#21262c;--color-surface-sunken:#181d22;--color-surface-raised:#2b323a;--color-text:#f5f4ee;--color-text-muted:#b7c0ca;--color-text-inverse:#101418;--color-border:#414a54;--color-border-strong:#7e8a96;--color-accent:#d5f547;--color-accent-hover:#e2ff69;--color-accent-pressed:#b9d937;--color-on-accent:#11170a;--color-accent-edge:#d5f547;--color-accent-soft:#2a3520;--color-link:#d5f547;--color-danger:#ff969e;--color-on-danger:#301016;--color-warn:#f0bd6a;--color-success:#9adb9e;--color-unit-off:#d5f547;--color-unit-def:#d5f547;--color-unit-st:#d5f547;--color-field:#173f2b;--color-field-line:#edf4ee;--color-field-line-minor:#71987c;--color-field-stripe:#1b4932;--color-endzone:#18282a;--color-ball:#a34c23;--color-ball-edge:#fff5df;--color-board:#1b2026;--color-board-text:#f5f4ee;--color-board-muted:#b7c0ca;--color-board-highlight:#d5f547;--color-board-edge:#7e8a96;--color-board-pressed:#303840;--color-focus-ring:#d5f547;--color-dim-overlay:#000000b8;--color-toast:#2b323a;--color-toast-text:#f5f4ee;--color-toast-button:#475463;--color-card-bg:#101418;--color-card-tile:#21262c;--color-card-text:#f5f4ee;--color-card-muted:#b7c0ca}*,:before,:after{box-sizing:border-box}html{overscroll-behavior-y:contain;-webkit-text-size-adjust:100%}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;margin:0}*{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:var(--weight-bold);line-height:var(--leading-tight)}button,input,select,textarea{font:inherit;color:inherit}button{touch-action:manipulation;cursor:pointer}a{color:var(--color-link)}.numeric,output{font-family:var(--font-numeric);font-variant-numeric:var(--numeric-features)}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}button:disabled{cursor:default}:where(button,.home__resume,.screen__links a,.app__nav-link):active:not(:disabled){box-shadow:inset 0 0 0 2px}:where(button[aria-pressed=true],.share__button,.home__primary):active:not(:disabled){background-color:var(--color-accent-pressed);color:var(--color-on-accent)}:where(input,select,textarea):focus-visible{outline-offset:3px}[role=alert]{color:var(--color-danger)}.app{flex-direction:column;min-height:100dvh;display:flex}.app__main{padding:calc(env(safe-area-inset-top) + var(--space-5)) var(--space-4) var(--space-5);flex:1;width:100%;max-width:44rem;margin-inline:auto}.app__nav{gap:var(--tap-gap);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-top:var(--border-width) solid var(--color-border);display:flex;position:sticky;bottom:0}.app__nav-link{min-height:var(--tap-secondary);justify-content:center;align-items:center;gap:var(--space-1);border:var(--border-width) solid transparent;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-bold);flex-direction:column;flex:1;text-decoration:none;display:flex}.app__nav-link[aria-current=page]{background:var(--color-accent-soft);color:var(--color-text);border-color:var(--color-accent-edge);box-shadow:inset 0 -3px 0 var(--color-accent-edge)}.screen{gap:var(--space-3);flex-direction:column;display:flex}.screen__title{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.045em;font-weight:900}.screen__meta{padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);align-self:flex-start;display:inline-flex}.screen__body{color:var(--color-text-muted);max-width:34rem}.screen__links{gap:var(--tap-gap);margin-top:var(--space-2);flex-direction:column;display:flex}.screen__links a{min-height:var(--tap-secondary);padding-inline:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-medium);align-items:center;text-decoration:none;display:flex}.screen__links a:active{background:var(--color-surface-sunken)}code{padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--color-surface-sunken);font-size:.9em}.home__games{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.home__gameContext{font-size:var(--text-sm)}.home__resumeAction{align-self:flex-start;align-items:center;gap:var(--space-2);min-height:var(--tap-min);margin-top:var(--space-2);padding-inline:var(--space-3);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-sm);font-weight:var(--weight-bold);display:inline-flex}.appearance{gap:var(--tap-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.appearance__option{min-height:var(--tap-primary);padding:var(--space-2) var(--space-1);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.appearance__option[aria-pressed=true]{border-color:var(--color-accent-edge);background:var(--color-accent);color:var(--color-on-accent);box-shadow:inset 0 -3px 0 var(--color-accent-edge)}.appearance__name,.appearance__hint{display:block}.appearance__name{font-size:var(--text-sm);font-weight:var(--weight-bold)}.appearance__hint{font-size:var(--text-xs);margin-top:var(--space-1)}.appearance__error{color:var(--color-danger)}.icon{vertical-align:middle;flex:none;width:24px;height:24px;display:inline-block}.screen__links a{border-color:var(--color-border-strong)}.screen__links a.home__primary{border-color:var(--color-accent-edge)}@media (width>=48rem){.home__games{grid-template-columns:repeat(2,minmax(0,1fr))}}.track{height:100svh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:var(--color-bg);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;display:flex;overflow:hidden;container:tracking/size}.stat__hint{font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.25;display:block}.field{height:var(--field-strip-height);background:var(--color-field);touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;flex:none;position:relative;overflow:hidden}.field__endzone{width:var(--field-endzone-width);background:var(--color-endzone);position:absolute;top:0;bottom:0}.field__endzone--own{border-right:2px solid var(--color-field-line);left:0}.field__endzone--opp{border-left:2px solid var(--color-field-line);right:0}.field[data-mirrored] .field__endzone--own{border-right:none;border-left:2px solid var(--color-field-line)}.field[data-mirrored] .field__endzone--opp{border-left:none;border-right:2px solid var(--color-field-line)}.field__turf{position:absolute;inset:0}.field__line{background:var(--color-field-line-minor);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.field__line[data-major]{background:var(--color-field-line)}.field__number{background:var(--color-field);color:var(--color-field-line);line-height:1.2;font-family:var(--font-numeric);font-size:var(--text-xs);font-weight:var(--weight-bold);font-variant-numeric:var(--numeric-features);padding:0 1px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.field__ball{border:1px solid var(--color-ball-edge);background:var(--color-ball);width:18px;height:28px;color:var(--color-ball-edge);box-shadow:0 0 0 2px var(--color-field);transition:left var(--duration-base) var(--ease-out);border-radius:50%;margin:-14px 0 0 -9px;position:absolute;top:43%}@media (prefers-reduced-motion:reduce){.field__ball{transition:none}}.field__readout{bottom:calc(100% - var(--space-2));padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-numeric);font-size:var(--text-2xl);font-weight:var(--weight-bold);font-variant-numeric:var(--numeric-features);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-toast);position:absolute;transform:translate(-50%)}.field[data-dragging]{overflow:visible}.field[data-dragging] .field__ball{transition:none;transform:scale(1.15)}.field[data-armed]{outline:3px solid var(--color-accent);outline-offset:-3px}.track__header{padding:var(--space-2) var(--space-3);flex:none}.track__game{align-items:center;gap:var(--space-2);min-height:52px;margin-bottom:var(--space-2);display:flex}.track__gameName{text-align:center;min-width:0;font-size:var(--text-sm);flex-direction:column;flex:1;line-height:1.3;display:flex}.track__score{gap:var(--space-2);padding:var(--space-1);border:var(--border-width) solid var(--color-board-edge);border-radius:var(--radius-md);background:var(--color-board);color:var(--color-board-text);white-space:nowrap;font-variant-numeric:var(--numeric-features);grid-template-columns:6rem 1fr;font-weight:900;display:grid}.track__period{justify-content:center;align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.track__points{column-gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.track__teamScore{flex-direction:column;align-items:center;display:flex}.track__scoreValue{letter-spacing:-.045em;font-size:52px;font-weight:900;line-height:1}.track__quarterValue{color:var(--color-board-highlight);font-size:36px;font-weight:900;line-height:1}.track__boardLabel,.track__boardHint{font-size:var(--text-xs);letter-spacing:.06em;line-height:1.25}.track__editScore{text-align:center;grid-column:1/-1}.track__spacer{flex:1;min-height:0}.track__field{padding-inline:var(--space-3);flex:none}.track__los{padding:0 0 var(--space-2);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.02em}.track[data-armed] .track__dimmable{pointer-events:none}.units{gap:var(--tap-gap);margin:0 var(--space-3) var(--space-2);border-radius:var(--radius-md);background:var(--color-surface-sunken);padding:0;display:flex}.units__button{min-height:var(--tap-secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.04em;flex:1}.units__button[data-active]{color:var(--color-on-accent);border-color:var(--color-accent-edge);box-shadow:inset 0 -3px 0 var(--color-accent-edge)}.units__button[data-active][data-unit=OFF]{background:var(--color-unit-off)}.units__button[data-active][data-unit=DEF]{background:var(--color-unit-def)}.units__button[data-active][data-unit=ST]{background:var(--color-unit-st)}.grid{gap:var(--tap-gap);padding:var(--space-2) var(--space-3) var(--space-3);flex:none;grid-template-columns:1fr 1fr;display:grid}.grid__button{min-height:var(--tap-primary);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-raised);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.025em;flex-direction:column;justify-content:center;align-items:center;gap:3px;line-height:1.05;display:flex}.grid__button:active{background:var(--color-surface-sunken)}.grid__button[data-armed]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.grid__button--more{background:var(--color-surface)}.grid__button--undo{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.grid__button--undo:disabled{background:var(--color-surface-sunken);border-color:var(--color-border-strong);color:var(--color-text-muted)}.sheet{z-index:var(--z-sheet);flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet__scrim{background:var(--color-dim-overlay);border:0;padding:0;position:absolute;inset:0}.sheet__panel{width:100%;max-height:calc(100svh - env(safe-area-inset-top) - var(--space-4));padding:var(--space-2) var(--space-3) calc(env(safe-area-inset-bottom) + var(--space-3));border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);box-shadow:var(--shadow-sheet);border-bottom:0;position:relative;overflow-y:auto}.sheet__handle{width:40px;height:4px;margin:var(--space-2) auto var(--space-3);border-radius:var(--radius-pill);background:var(--color-border)}.sheet__grid{gap:var(--tap-gap);grid-template-columns:1fr 1fr;display:grid}.sheet__button{min-height:var(--tap-secondary);padding:0 var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);font-weight:var(--weight-bold)}.sheet__close{width:100%;min-height:var(--tap-secondary);margin-top:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text);font-size:var(--text-base);font-weight:var(--weight-bold)}.toast{width:100%;z-index:var(--z-toast);border:var(--border-width) solid var(--color-board-edge);border-radius:var(--radius-md);background:var(--color-toast);color:var(--color-toast-text);box-shadow:var(--shadow-toast);flex:none;position:relative;overflow:hidden}.track__controls{flex:none;position:relative}.toast__countdown{background:var(--color-accent-hover);transform-origin:0;height:3px;animation:linear forwards toast-countdown}@keyframes toast-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast__row{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-2);display:flex}.toast__message{min-width:0;font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--leading-tight);overflow-wrap:anywhere;flex:1}.toast__actions{gap:var(--space-1);flex:none;display:flex}.toast__button{min-width:var(--tap-min);min-height:var(--tap-secondary);padding:0 var(--space-1);border:1px solid var(--color-board-edge);border-radius:var(--radius-sm);background:var(--color-toast-button);color:var(--color-toast-text);font-size:var(--text-base);font-weight:var(--weight-bold);font-variant-numeric:var(--numeric-features)}.toast__button--undo{background:var(--color-danger);color:var(--color-on-danger)}.track__feedback{min-height:69px;margin:0 var(--space-3) 2px;flex:none;align-items:center;display:flex}.track__feedback .peek{width:100%;margin:0}.score-step{margin-bottom:var(--space-3)}.score-step__team{margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.08em}.score-step__buttons{gap:var(--space-1);grid-template-columns:repeat(6,1fr);display:grid}.score-step__button{font-variant-numeric:var(--numeric-features);padding:0}.track__control{min-height:92px;padding:var(--space-1);border:1px solid var(--color-board-edge);border-radius:var(--radius-sm);background:var(--color-board);color:var(--color-board-text);font:inherit;font-variant-numeric:var(--numeric-features)}.track__control:active{background:var(--color-board-pressed)}.pat{left:var(--space-3);right:var(--space-3);bottom:calc(env(safe-area-inset-bottom) + var(--space-3));z-index:var(--z-toast);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-toast);position:fixed}.pat__title{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.06em}.pat__grid{gap:var(--tap-gap);grid-template-columns:1fr 1fr;display:grid}.pat__button{min-height:var(--tap-secondary);border:var(--border-width) solid var(--color-on-accent);border-radius:var(--radius-md);color:var(--color-on-accent);font-size:var(--text-base);font-weight:var(--weight-bold);background:0 0}.pat__button--skip{background:var(--color-accent);border-color:var(--color-on-accent);grid-column:1/-1}.toast[data-variant=ball]{background:var(--color-accent);color:var(--color-on-accent)}.toast[data-variant=ball] .toast__countdown{background:var(--color-on-accent)}.toast[data-variant=ball] .toast__button{background:var(--color-accent);border-color:var(--color-on-accent);color:var(--color-on-accent)}.penalty__section{margin-bottom:var(--space-4)}.penalty__label{margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.08em}.penalty__row{gap:var(--tap-gap);display:flex}.penalty__row>*{flex:1}.sheet__button[data-active]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.penalty__yards{min-height:var(--tap-primary);flex-direction:column;justify-content:center;gap:2px;display:flex}.penalty__yardsNum{font-size:var(--text-xl)}.penalty__yardsTo{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.04em}.sheet__button[data-active] .penalty__yardsTo{color:var(--color-on-accent)}.penalty__wipe{align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap-secondary);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);font-weight:var(--weight-medium);text-align:left;display:flex}.penalty__wipe[data-active]{border-color:var(--color-danger)}.penalty__check{border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-sm);width:28px;height:28px;font-weight:var(--weight-bold);flex:none;place-items:center;display:grid}.penalty__wipe[data-active] .penalty__check{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-danger)}.penalty__last{color:var(--color-text-muted);font-size:var(--text-sm);display:block}.peek{min-height:var(--tap-min);margin:0 var(--space-3) var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--text-sm);flex-direction:column;flex:none;justify-content:center;gap:2px;text-decoration:none;display:flex}.peek__row{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.peek__row:first-child{color:var(--color-text);font-weight:var(--weight-bold)}.glyph{color:var(--color-text-muted);align-items:center;display:inline-flex}.glyph[data-state=stale]{color:var(--color-warn)}.glyph[data-state=synced]{color:var(--color-success)}.pad{padding:var(--space-2) var(--space-3) var(--space-3);flex:none}.pad__preview{align-items:baseline;gap:var(--space-3);padding:0 var(--space-1) var(--space-2);display:flex}.pad__label{min-width:0;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pad__yards{font-size:var(--text-2xl);font-weight:var(--weight-bold);font-variant-numeric:var(--numeric-features)}.pad__landing{min-width:6ch;color:var(--color-text-muted);font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:.04em;text-align:right}.pad__keys,.pad__actions{gap:var(--space-1);grid-template-columns:repeat(5,1fr);display:grid}.pad__options{gap:var(--space-1);margin-bottom:var(--space-1);display:flex}.pad__option{min-height:var(--tap-min);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-bold);flex:1}.pad__option[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.track__spotEdit{min-height:var(--tap-min);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);padding:0 var(--space-2);color:var(--color-text);text-align:left;font:inherit;flex:1}.track__spotEdit:disabled{color:var(--color-text-muted);border-bottom-color:#0000}.pad__actions{margin-top:var(--space-1);grid-template-columns:1fr 1fr 1.5fr 2fr}.pad__actions--spot{grid-template-columns:1fr 1.5fr 2fr}.pad__key{min-height:var(--tap-min);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-bold);font-variant-numeric:var(--numeric-features);padding:0}.pad__key:active{background:var(--color-surface-sunken)}.pad__key--sign[data-active]{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-danger)}.pad__cancel,.pad__commit{min-height:var(--tap-secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-bold);padding:0}.pad__commit{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-base)}.pad__commit:disabled{background:var(--color-surface-sunken);border-color:var(--color-border-strong);color:var(--color-text-muted)}.track__back{min-width:var(--tap-min);min-height:var(--tap-min);margin-left:calc(var(--space-2) * -1);padding-right:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xl);justify-content:center;align-items:center;line-height:1;text-decoration:none;display:inline-flex}.sheet__exits{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--border-width) solid var(--color-border);grid-template-columns:1fr 1fr;display:grid}.sheet__exit{min-height:var(--tap-min);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.04em}.track__los{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.track__los-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.track__flip{min-width:var(--tap-min);min-height:var(--tap-min);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text);flex:none;place-items:center;padding:0;display:grid}.track__flip:active{background:var(--color-surface-sunken)}@container tracking (height<=740px){.peek{min-height:var(--tap-min);justify-content:center}.peek__row:not(:first-child),.track[data-entry] .track__feedback{display:none}}.track__gameName strong{font-size:var(--text-lg);letter-spacing:-.03em;font-weight:900}.track__gameName>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track__game .glyph{min-width:var(--tap-min);justify-content:center}.track__boardHint{color:var(--color-board-muted)}.track__control:focus-visible{outline-color:var(--color-board-highlight)}.units__button,.sheet__button,.sheet__close,.pad__key,.pad__option,.pad__cancel,.penalty__wipe,.sheet__exit{border-color:var(--color-border-strong)}.units__button[data-active]:after{content:" ✓";font-size:var(--text-sm)}.sheet__button[data-active],.pad__option[aria-pressed=true],.pad__commit:not(:disabled){border-color:var(--color-accent-edge)}.pad__option[aria-pressed=true]{box-shadow:inset 0 -3px 0 var(--color-accent-edge)}.grid__button .icon{width:22px;height:22px}:root[data-theme=light] .grid__button:first-child{background:var(--color-accent-soft);border-color:var(--color-accent-edge)}:root[data-theme=light] .grid__button:first-child .icon{color:var(--color-link)}.track[data-armed] .units__button[data-active]{background:var(--color-surface-sunken);color:var(--color-text);border-color:var(--color-border-strong);box-shadow:inset 0 -3px 0 var(--color-border-strong)}.field{border:1px solid var(--color-field-line-minor);border-radius:var(--radius-md)}.field__endzone{color:var(--color-field-line);font-size:var(--text-xs);letter-spacing:.07em;place-items:center;font-weight:900;display:grid}.field__endzone span{writing-mode:vertical-rl;transform:rotate(180deg)}.field[data-mirrored] .field__endzone--own{left:auto;right:0}.field[data-mirrored] .field__endzone--opp{left:0;right:auto}.field__turf:before{content:"";inset:0 var(--field-endzone-width);background:repeating-linear-gradient(90deg, transparent 0% 10%, var(--color-field-stripe) 10% 20%);position:absolute}.field__ball svg{width:100%;height:100%;display:block}.sheet[data-entry] .penalty__quick,.sheet[data-entry] .sheet__handle,.sheet[data-entry] .sheet__panel>.sheet__close{display:none}.sheet[data-entry] .penalty__section{margin-bottom:var(--space-2)}.sheet[data-entry] .penalty__teams{gap:var(--space-2);grid-template-columns:4rem 1fr;align-items:center;display:grid}@container tracking (height>=821px){.track__control{min-height:136px}.track__score{grid-template-columns:6.5rem 1fr}.track__scoreValue{font-size:60px}.track__quarterValue{font-size:40px}.grid__button{min-height:88px}}@container tracking (height<=740px){.track__header{padding-top:2px}.track__game{min-height:var(--tap-min);margin-bottom:0}.track__score{grid-template-columns:5.5rem 1fr;padding:2px}.track__header{padding-bottom:2px}.track__period{gap:2px}.track__scoreValue{font-size:36px}.track__quarterValue{font-size:28px}.track__control{min-height:68px;padding:2px}.track__gameName strong{font-size:18px}.track__los{padding-bottom:var(--space-1)}.grid{padding-bottom:var(--space-2)}}.field[data-typed-preview] .field__readout{font-size:var(--text-sm);box-shadow:none;padding:2px 6px;line-height:1.2;top:2px;bottom:auto}.sheet__button[data-active]:after,.pad__option[aria-pressed=true]:after{content:" ✓";font-size:var(--text-xs)}.screen__links--row{flex-direction:row}.screen__links--row a{font-size:var(--text-base);flex:1;justify-content:center}.log__group{margin-top:var(--space-4)}.log__period{z-index:1;padding:var(--space-2) 0;background:var(--color-bg);color:var(--color-text-muted);font-size:var(--text-sm);letter-spacing:.08em;position:sticky;top:0}.log__list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.log__row{align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);text-align:left;display:flex}a.log__row{text-decoration:none}.log__row:active{background:var(--color-surface-sunken)}.log__row[data-voided]{color:var(--color-text-muted);border-style:dashed}.log__row[data-voided] .log__what{text-decoration:line-through}.log__seq{min-width:2.5ch;color:var(--color-text-muted);font-size:var(--text-sm);font-variant-numeric:var(--numeric-features);text-align:right;flex:none}.log__what{min-width:0;font-weight:var(--weight-medium);flex:1}.log__unit{padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.06em;flex:none}.edit__summary{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.edit__seq{color:var(--color-text-muted);font-size:var(--text-sm);font-variant-numeric:var(--numeric-features)}.edit__what{font-size:var(--text-lg);font-weight:var(--weight-bold)}.edit__section{margin-bottom:var(--space-4)}.edit__void{width:100%;min-height:var(--tap-secondary);margin-bottom:var(--space-2);border:var(--border-width) solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-danger);color:var(--color-on-danger);font-size:var(--text-base);font-weight:var(--weight-bold)}.edit__void[data-restore]{background:var(--color-accent);border-color:var(--color-accent-edge);color:var(--color-on-accent)}.summary__score{padding:var(--space-4);border:var(--border-width) solid var(--color-board-edge);border-radius:var(--radius-md);background:var(--color-board);color:var(--color-board-text);font-size:var(--text-3xl);letter-spacing:-.03em;font-variant-numeric:var(--numeric-features);font-weight:900}.summary__headline{color:var(--color-text-muted);font-size:var(--text-base);font-weight:var(--weight-medium);font-variant-numeric:var(--numeric-features)}.box{gap:var(--space-4);margin-top:var(--space-2);display:grid}.box__section{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.box__title{padding:var(--space-3);background:var(--color-surface-sunken);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.1em}.box__section[data-unit=OFF] .box__title{box-shadow:inset 4px 0 0 var(--color-unit-off)}.box__section[data-unit=DEF] .box__title{box-shadow:inset 4px 0 0 var(--color-unit-def)}.box__section[data-unit=ST] .box__title{box-shadow:inset 4px 0 0 var(--color-unit-st)}.box__rows{margin:0;padding:0}.box__row{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);display:flex}.box__row+.box__row{border-top:1px solid var(--color-border)}.box__label{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.04em}.box__value{font-size:var(--text-lg);font-variant-numeric:var(--numeric-features);margin:0;font-weight:900}.share{margin-top:var(--space-2)}.share__button{width:100%;min-height:var(--tap-secondary);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:.04em}.share__status{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.export{gap:var(--tap-gap);margin-top:var(--space-2);display:flex}.export>*{flex:1}.settings__body{gap:var(--space-3);padding:var(--space-3);flex-direction:column;display:flex}.settings__body code{overflow-wrap:anywhere}.home__resume{gap:var(--space-2);padding:var(--space-4);border:var(--border-width) solid var(--color-border-strong);border-top:4px solid var(--color-accent-edge);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-raised);flex-direction:column;text-decoration:none;display:flex}.home__resumeLabel{font-size:var(--text-xl);letter-spacing:-.035em;font-weight:900}.home__resumeGame{font-size:var(--text-lg);font-weight:var(--weight-medium)}.field-row{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;min-width:0;display:flex}.field-row__label{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.08em}.field-row__input{min-width:0;min-height:var(--tap-secondary);padding:0 var(--space-3);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-medium)}.field-pair{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.positions{gap:var(--tap-gap);flex-wrap:wrap;display:flex}.positions>*{flex:auto;min-width:6rem}.share__button:disabled{background:var(--color-surface-sunken);border-color:var(--color-border-strong);color:var(--color-text-muted)}.screen__links a.home__primary{background:var(--color-accent);border-color:var(--color-accent-edge);color:var(--color-on-accent);font-weight:var(--weight-bold)}.banner{padding:var(--space-3);border:var(--border-width) solid var(--color-warn);border-radius:var(--radius-md);color:var(--color-warn);font-size:var(--text-sm);font-weight:var(--weight-bold)}.qr__wrap{padding:var(--space-3);border-radius:var(--radius-md);background:#fff;justify-content:center;display:flex}.qr{display:block}.key{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-sunken);font-family:var(--font-numeric);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.08em;text-align:center;overflow-wrap:anywhere}.floor{padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.floor__title{margin:0 0 var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-bold)}.floor__list{margin:0 0 var(--space-3);padding-left:var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm)}.floor__list:last-child{margin-bottom:0}.fresh{padding:var(--space-3);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius-md)}.fresh .key{font-size:var(--text-sm);letter-spacing:0;text-align:left}.log__row{border-color:var(--color-border-strong)}.share__button{border-color:var(--color-accent-edge)}.field-row__input{font-size:var(--text-base)}#root>.screen{max-width:64rem;padding:calc(env(safe-area-inset-top) + var(--space-5)) var(--space-4) var(--space-5);margin-inline:auto}.trends{gap:var(--space-3);margin:var(--space-3) 0;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.trend{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.trend__head{flex-direction:column;display:flex}.trend__label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em}.trend__total{font-size:var(--text-xl);font-weight:var(--weight-bold);font-variant-numeric:var(--numeric-features)}.spark{flex:none;overflow:visible}.spark__line{stroke:var(--color-link)}.spark__last{fill:var(--color-link)}.games{margin-top:var(--space-4)}.games .box__title{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:0}.games__opponent{font-weight:var(--weight-bold);display:block}.games__line{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-regular);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}@media (width>=48rem){.app__main{max-width:64rem;padding-inline:var(--space-5)}.box{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));align-items:start}.log__list{grid-template-columns:1fr 1fr;display:grid}.screen__links{flex-direction:row}.screen__title{font-size:var(--text-2xl)}.track{border-inline:1px solid var(--color-border);max-width:26rem;margin-inline:auto}.toast,.pat{width:min(26rem,100vw);margin-inline:0;left:50%;right:auto;transform:translate(-50%)}.sheet__panel{border-radius:var(--radius-lg);max-width:34rem;margin-inline:auto;margin-bottom:var(--space-5)}}@media (width>=72rem){.log__list{grid-template-columns:1fr 1fr 1fr}}