: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:ui-rounded, -apple-system, "Segoe UI", system-ui, sans-serif;--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:10px;--radius-lg:16px;--radius-pill:999px;--border-width:2px;--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:#fff;--color-surface:#fff;--color-surface-sunken:#eef1ef;--color-surface-raised:#fff;--color-text:#0a0f0c;--color-text-muted:#46524c;--color-text-inverse:#fff;--color-border:#b9c2be;--color-border-strong:#0a0f0c;--color-accent:#0b3d24;--color-accent-hover:#0f5433;--color-accent-pressed:#072a19;--color-on-accent:#fff;--color-danger:#96111a;--color-on-danger:#fff;--color-warn:#8a4b00;--color-success:#0a6437;--color-unit-off:#0b3d24;--color-unit-def:#123c6b;--color-unit-st:#6d3800;--color-field:#0b3d24;--color-field-line:#ffffff8c;--color-field-line-minor:#ffffff38;--color-endzone:#062015;--color-ball:#fff;--color-dim-overlay:#0a0f0c8c;--color-focus-ring:#0b3d24;--shadow-raised:0 1px 2px #0a0f0c2e;--shadow-sheet:0 -4px 24px #0a0f0c47;--shadow-toast:0 4px 20px #0a0f0c4d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0a0f0c;--color-surface:#131a16;--color-surface-sunken:#080c0a;--color-surface-raised:#1c2622;--color-text:#f2f5f3;--color-text-muted:#9aa8a1;--color-text-inverse:#0a0f0c;--color-border:#384540;--color-border-strong:#f2f5f3;--color-accent:#2f9c62;--color-accent-hover:#3cb673;--color-accent-pressed:#24784b;--color-on-accent:#04140c;--color-danger:#ef6f76;--color-on-danger:#210507;--color-warn:#e0a24a;--color-success:#4fc287;--color-unit-off:#2f9c62;--color-unit-def:#6ea3e8;--color-unit-st:#dd9a4e;--color-field:#0d3320;--color-field-line:#ffffff80;--color-field-line-minor:#fff3;--color-endzone:#05130d;--color-ball:#fff;--color-dim-overlay:#000000ad;--color-focus-ring:#6ee2a4;--shadow-raised:0 1px 2px #00000080;--shadow-sheet:0 -4px 24px #0009;--shadow-toast:0 4px 20px #0009}}:root[data-theme=dark]{--color-bg:#0a0f0c;--color-surface:#131a16;--color-surface-sunken:#080c0a;--color-surface-raised:#1c2622;--color-text:#f2f5f3;--color-text-muted:#9aa8a1;--color-text-inverse:#0a0f0c;--color-border:#384540;--color-border-strong:#f2f5f3;--color-accent:#2f9c62;--color-accent-hover:#3cb673;--color-accent-pressed:#24784b;--color-on-accent:#04140c;--color-danger:#ef6f76;--color-on-danger:#210507;--color-warn:#e0a24a;--color-success:#4fc287;--color-unit-off:#2f9c62;--color-unit-def:#6ea3e8;--color-unit-st:#dd9a4e;--color-field:#0d3320;--color-field-line:#ffffff80;--color-field-line-minor:#fff3;--color-endzone:#05130d;--color-ball:#fff;--color-dim-overlay:#000000ad;--color-focus-ring:#6ee2a4;--shadow-raised:0 1px 2px #00000080;--shadow-sheet:0 -4px 24px #0009;--shadow-toast:0 4px 20px #0009}*,: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-accent)}.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)}.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-min);border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:var(--weight-medium);flex:1;justify-content:center;align-items:center;text-decoration:none;display:flex}.app__nav-link[aria-current=page]{background:var(--color-accent);color:var(--color-on-accent)}.screen{gap:var(--space-3);flex-direction:column;display:flex}.screen__title{font-size:var(--text-xl)}.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}.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}.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{color:var(--color-field-line);font-family:var(--font-numeric);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:var(--numeric-features);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.field__ball{background:var(--color-ball);width:18px;height:12px;box-shadow:0 0 0 3px var(--color-field);transition:left var(--duration-base) var(--ease-out);border-radius:50%;margin:-6px 0 0 -9px;position:absolute;top:50%}@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-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);flex:none}.track__game{font-size:var(--text-base);font-weight:var(--weight-bold);min-height:1.45em}.track__score{gap:var(--space-4);white-space:nowrap;font-size:var(--text-xl);font-weight:var(--weight-bold);font-variant-numeric:var(--numeric-features);justify-content:space-between;align-items:baseline;display:flex}.track__period{color:var(--color-text-muted)}.track__spacer{flex:1;min-height:0}.track__field{flex:none}.track__los{padding:var(--space-2) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.06em}.track[data-armed] .track__dimmable{opacity:.35;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out)}.units{gap:var(--tap-gap);padding:0 var(--space-3) var(--space-2);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:#0000}.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:0 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);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.02em}.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-sunken)}.grid__button--undo{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-danger)}.grid__button--undo:disabled{background:var(--color-surface-sunken);border-color:var(--color-border);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{max-height:70dvh;padding:var(--space-2) var(--space-3) var(--space-3);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);box-shadow:var(--shadow-sheet);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{left:var(--space-3);right:var(--space-3);bottom:calc(env(safe-area-inset-bottom) + var(--space-3));z-index:var(--z-toast);border-radius:var(--radius-md);background:var(--color-text);color:var(--color-bg);box-shadow:var(--shadow-toast);position:fixed;overflow:hidden}.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-2) var(--space-2) var(--space-2) var(--space-4);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-min);padding:0 var(--space-1);border-radius:var(--radius-sm);color:var(--color-bg);font-size:var(--text-base);font-weight:var(--weight-bold);font-variant-numeric:var(--numeric-features);background:#ffffff29;border:0}.toast__button--undo{background:var(--color-danger);color:var(--color-on-danger)}.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:var(--tap-min);padding:0 var(--space-2);margin:0 calc(var(--space-2) * -1);border-radius:var(--radius-sm);color:inherit;font:inherit;font-variant-numeric:var(--numeric-features);background:0 0;border:0}.track__control:active{background:var(--color-surface-sunken)}.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:#00000038;border-color:#0000;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{color:var(--color-on-accent);background:#ffffff38}.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{padding:var(--space-2) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);flex-direction:column;flex:none;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__actions{margin-top:var(--space-1);grid-template-columns:1fr 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-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);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);color:var(--color-text-muted)}.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);color:var(--color-on-accent)}.summary__score{font-size:var(--text-2xl);font-weight:var(--weight-bold);font-variant-numeric:var(--numeric-features)}.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);overflow:hidden}.box__title{padding:var(--space-2) var(--space-3);background:var(--color-surface-sunken);font-size:var(--text-sm);letter-spacing:.08em}.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-weight:var(--weight-bold);font-variant-numeric:var(--numeric-features)}.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-1);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-on-accent);flex-direction:column;text-decoration:none;display:flex}.home__resumeLabel{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.1em;opacity:.85}.home__resumeGame{font-size:var(--text-xl);font-weight:var(--weight-bold)}.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);color:var(--color-text-muted)}.screen__links a.home__primary{background:var(--color-accent);border-color:var(--color-accent);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}.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-accent)}.spark__last{fill:var(--color-accent)}.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}}