@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/archivo-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/hanken-grotesk-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}:root{--neutral-0: #ffffff;--neutral-50: #faf8f4;--neutral-100: #f1ede5;--neutral-200: #e5e0d6;--neutral-300: #d2ccbe;--neutral-400: #a39d8e;--neutral-500: #6e6a5f;--neutral-600: #514d44;--neutral-700: #353129;--neutral-800: #221f1a;--neutral-900: #15130f;--orange-50: #fff3ea;--orange-100: #ffe2cd;--orange-200: #ffc497;--orange-300: #ffa05a;--orange-400: #fb7e22;--orange-500: #ec6a0e;--orange-600: #c8560b;--orange-700: #9e4509;--orange-800: #76340a;--red-50: #ffecec;--red-100: #ffd2d4;--red-300: #ff7480;--red-400: #ff3b4e;--red-500: #ec2034;--red-600: #cc1628;--red-700: #9e1320;--green-50: #e6f8ee;--green-100: #c5efd6;--green-400: #2ecc71;--green-500: #1ba85a;--green-600: #15804a;--green-700: #0f5e37;--amber-50: #fff5da;--amber-100: #ffe7a8;--amber-400: #ffb020;--amber-500: #e89108;--amber-600: #a86d00;--amber-700: #7d5100;--blue-50: #e9f1fd;--blue-100: #cfe0fb;--blue-400: #3b82f6;--blue-500: #2a6fdb;--blue-600: #1e5bb8;--blue-700: #17468f;color-scheme:light;--surface-app: var(--neutral-50);--surface-card: var(--neutral-0);--surface-raised: var(--neutral-100);--surface-sunken: var(--neutral-100);--surface-hover: var(--neutral-200);--surface-inverse: var(--neutral-900);--surface-overlay: rgba(21, 19, 15, .55);--border-subtle: var(--neutral-200);--border-default: var(--neutral-300);--border-strong: var(--neutral-400);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-500);--text-disabled: var(--neutral-400);--text-inverse: var(--neutral-0);--text-on-brand: var(--neutral-900);--brand: var(--orange-400);--brand-strong: var(--orange-500);--brand-press: var(--orange-600);--brand-text: var(--orange-700);--brand-subtle: var(--orange-50);--brand-border: var(--orange-200);--status-live: var(--red-400);--status-live-text: var(--red-600);--status-live-subtle: var(--red-50);--status-live-border: var(--red-100);--status-scheduled: var(--blue-500);--status-scheduled-text: var(--blue-600);--status-scheduled-subtle: var(--blue-50);--status-scheduled-border: var(--blue-100);--status-final: var(--green-500);--status-final-text: var(--green-600);--status-final-subtle: var(--green-50);--status-final-border: var(--green-100);--status-lost: var(--amber-400);--status-lost-text: var(--amber-600);--status-lost-subtle: var(--amber-50);--status-lost-border: var(--amber-100);--status-cancelled: var(--neutral-400);--status-cancelled-text: var(--neutral-600);--status-cancelled-subtle: var(--neutral-100);--status-cancelled-border: var(--neutral-200);--danger: var(--red-500);--danger-text: var(--red-600);--danger-subtle: var(--red-50);--warn: var(--amber-400);--warn-text: var(--amber-600);--warn-subtle: var(--amber-50);--success: var(--green-500);--success-text: var(--green-600);--success-subtle:var(--green-50);--info: var(--blue-500);--info-text: var(--blue-600);--info-subtle: var(--blue-50);--focus-ring: var(--orange-500);--score-ink: var(--neutral-900)}[data-theme=dark]{color-scheme:dark;--surface-app: #10141f;--surface-card: #1a2030;--surface-raised: #232b3f;--surface-sunken: #151a27;--surface-hover: #2a3349;--surface-inverse: var(--neutral-50);--surface-overlay: rgba(4, 6, 12, .66);--border-subtle: #232b3f;--border-default: #2c3650;--border-strong: #3a4666;--text-primary: #eef1f8;--text-secondary: #aab2c6;--text-tertiary: #8a93aa;--text-disabled: #5a637a;--text-inverse: var(--neutral-900);--text-on-brand: var(--neutral-900);--brand: var(--orange-400);--brand-strong: var(--orange-300);--brand-press: var(--orange-500);--brand-text: var(--orange-300);--brand-subtle: rgba(251, 126, 34, .14);--brand-border: rgba(251, 126, 34, .32);--status-live: var(--red-400);--status-live-text: #ff6b78;--status-live-subtle: rgba(255, 59, 78, .16);--status-live-border: rgba(255, 59, 78, .36);--status-scheduled: var(--blue-400);--status-scheduled-text: #8fb6fb;--status-scheduled-subtle: rgba(59, 130, 246, .16);--status-scheduled-border: rgba(59, 130, 246, .34);--status-final: var(--green-400);--status-final-text: #5fde98;--status-final-subtle: rgba(46, 204, 113, .16);--status-final-border: rgba(46, 204, 113, .34);--status-lost: var(--amber-400);--status-lost-text: #ffc862;--status-lost-subtle: rgba(255, 176, 32, .16);--status-lost-border: rgba(255, 176, 32, .36);--status-cancelled: #6b7592;--status-cancelled-text: #aab2c6;--status-cancelled-subtle: rgba(107, 117, 146, .18);--status-cancelled-border: rgba(107, 117, 146, .34);--danger: var(--red-400);--danger-text: #ff6b78;--danger-subtle: rgba(255, 59, 78, .16);--warn: var(--amber-400);--warn-text: #ffc862;--warn-subtle: rgba(255, 176, 32, .16);--success: var(--green-400);--success-text: #5fde98;--success-subtle:rgba(46, 204, 113, .16);--info: var(--blue-400);--info-text: #8fb6fb;--info-subtle: rgba(59, 130, 246, .16);--focus-ring: var(--orange-300);--score-ink: #eef1f8}:root{--font-display: "Archivo", "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--font-system: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-score: 3rem;--text-score-sm:2rem;--text-clock: 2.5rem;--text-clock-sm:1.375rem;--leading-none: 1;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-caps: .08em;--nums-tabular: tabular-nums}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--target-min: 44px;--target-score: 56px;--page-gutter: 1rem;--page-gutter-lg: 1.5rem;--content-max: 430px;--content-wide: 960px;--header-height: 56px}:root{--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--border-thin: 1px;--border-med: 1.5px;--border-thick: 2px;--shadow-xs: 0 1px 2px rgba(33, 31, 26, .06);--shadow-sm: 0 1px 3px rgba(33, 31, 26, .08), 0 1px 2px rgba(33, 31, 26, .05);--shadow-md: 0 4px 12px rgba(33, 31, 26, .08), 0 2px 4px rgba(33, 31, 26, .05);--shadow-lg: 0 12px 28px rgba(33, 31, 26, .12), 0 4px 8px rgba(33, 31, 26, .06);--shadow-xl: 0 24px 56px rgba(33, 31, 26, .18), 0 8px 16px rgba(33, 31, 26, .08);--ring-width: 3px;--ring-offset: 2px;--ring: 0 0 0 var(--ring-offset) var(--surface-card), 0 0 0 calc(var(--ring-offset) + var(--ring-width)) var(--focus-ring);--glow-live: 0 0 0 0 rgba(255, 59, 78, .5);--glow-brand: 0 6px 18px rgba(251, 126, 34, .32);--z-base: 0;--z-sticky: 100;--z-banner: 200;--z-dropdown: 300;--z-sheet: 400;--z-overlay: 500;--z-dialog: 510;--z-toast: 600;--dur-instant: 80ms;--dur-fast: .14s;--dur-base: .22s;--dur-slow: .34s;--dur-celebrate: .52s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-reduced-motion:reduce){:root{--dur-instant: 0ms;--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms;--dur-celebrate: 0ms}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--weight-regular);color:var(--text-primary);background:var(--surface-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--brand-text);text-decoration:none}a:hover{text-decoration:underline}.tnum{font-variant-numeric:var(--nums-tabular)}:focus-visible{outline:none;box-shadow:var(--ring)}::selection{background:var(--orange-200);color:var(--neutral-900)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}html,body,#root{min-height:100%}.page{max-width:var(--content-max);margin:0 auto;padding:var(--space-3) var(--page-gutter) calc(var(--space-8) + env(safe-area-inset-bottom))}.center{display:flex;justify-content:center;padding:var(--space-10) 0}.empty,.timeline-empty{color:var(--text-tertiary);text-align:center;padding:var(--space-8) var(--space-3)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0 var(--space-3)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);margin:0}.brand img{width:32px;height:32px;border-radius:var(--radius-sm)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-semibold);padding:9px 14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--target-min);transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.btn:hover{background:var(--surface-raised);text-decoration:none}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.45;cursor:default}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-raised)}.btn-accent{background:var(--brand);border-color:var(--brand);color:var(--text-on-brand);font-weight:var(--weight-bold)}.btn-accent:hover{background:var(--brand-strong);border-color:var(--brand-strong)}.btn-accent:active{background:var(--brand-press)}.btn-danger{background:transparent;border-color:var(--status-live-border);color:var(--danger-text)}.btn-danger:hover{background:var(--danger-subtle)}.btn-icon{min-width:var(--target-min);padding:9px}.btn-big{min-height:var(--target-score);font-size:var(--text-lg);font-weight:var(--weight-bold);flex:1}.badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;border-radius:var(--radius-full);padding:4px 10px;border:var(--border-thin) solid transparent}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge-live{background:var(--status-live-subtle);border-color:var(--status-live-border);color:var(--status-live-text)}.badge-live:before{background:var(--status-live);animation:pulse 1.4s infinite}.badge-scheduled{background:var(--status-scheduled-subtle);border-color:var(--status-scheduled-border);color:var(--status-scheduled-text)}.badge-finished{background:var(--status-final-subtle);border-color:var(--status-final-border);color:var(--status-final-text)}.badge-connection_lost{background:var(--status-lost-subtle);border-color:var(--status-lost-border);color:var(--status-lost-text)}.badge-cancelled{background:var(--status-cancelled-subtle);border-color:var(--status-cancelled-border);color:var(--status-cancelled-text);text-decoration:line-through}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.day-nav{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.day-label{flex:1;position:relative;text-align:center;border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-full);padding:9px;background:var(--surface-card);min-height:var(--target-min);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-semibold)}.day-label input[type=date]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%}.day-nav .btn-icon,.day-nav .btn{border-radius:var(--radius-full)}.filters{display:grid;gap:var(--space-2);margin-bottom:var(--space-3)}select,input[type=text],input[type=email],input[type=password],input[type=datetime-local],input[type=date],textarea{width:100%;background:var(--surface-card);border:var(--border-med) solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-md);padding:10px 12px;font-size:var(--text-base);min-height:var(--target-min)}select:focus,input:focus,textarea:focus{outline:none;border-color:var(--brand)}::placeholder{color:var(--text-tertiary)}.match-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.match-card{display:block;background:var(--surface-card);border:var(--border-thin) solid var(--border-subtle);border-left-width:3px;border-radius:var(--radius-lg);padding:var(--space-4);color:inherit;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.match-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-md)}.match-card-live,.match-card-connection_lost{border-left-color:var(--status-live)}.match-card-connection_lost{border-left-color:var(--status-lost)}.match-card-scheduled{border-left-color:var(--status-scheduled)}.match-card-finished{border-left-color:var(--status-final)}.match-card-cancelled{border-left-color:var(--status-cancelled)}.match-card-top{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.match-hour{color:var(--text-secondary);font-family:var(--font-display);font-weight:var(--weight-bold);margin-left:auto;font-variant-numeric:var(--nums-tabular)}.live-clock{font-variant-numeric:var(--nums-tabular);font-family:var(--font-display);font-weight:var(--weight-black);color:var(--status-live-text);margin-left:auto}.match-card-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-2)}.team{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-weight:var(--weight-semibold);font-size:var(--text-sm)}.match-score{text-align:center;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-score-sm);letter-spacing:var(--tracking-tight);font-variant-numeric:var(--nums-tabular)}.vs{color:var(--text-tertiary);font-size:var(--text-lg);font-weight:var(--weight-regular)}.match-card-bottom{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);color:var(--text-tertiary);font-size:var(--text-xs)}.caster{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.league-name{color:var(--text-tertiary)}.team-logo{border-radius:50%;object-fit:cover;background:var(--surface-raised);border:var(--border-thin) solid var(--border-subtle)}.team-logo-fallback,.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--brand-subtle);border:var(--border-thin) solid var(--brand-border);border-radius:50%;color:var(--brand-text);font-weight:var(--weight-black);font-family:var(--font-display)}.avatar{border-radius:50%;object-fit:cover}.scoreboard{position:sticky;top:0;z-index:var(--z-sticky);background:var(--surface-app);padding:var(--space-2) 0 var(--space-3);border-bottom:var(--border-thin) solid var(--border-subtle);margin-bottom:var(--space-3)}.scoreboard-status{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.sched-time{color:var(--text-secondary);font-variant-numeric:var(--nums-tabular)}.scoreboard-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-2)}.team-big .team-name{font-size:var(--text-sm)}.score-center{text-align:center;display:flex;flex-direction:column;gap:4px;min-width:120px}.score-big{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-score);line-height:var(--leading-none);letter-spacing:var(--tracking-tight);color:var(--score-ink);font-variant-numeric:var(--nums-tabular)}.score-big em{font-style:normal;color:var(--text-tertiary);font-size:.6em;padding:0 4px;vertical-align:middle}.vs-big{font-size:var(--text-2xl);color:var(--text-tertiary)}.clock-line{color:var(--brand-text);font-family:var(--font-display);font-weight:var(--weight-bold);font-variant-numeric:var(--nums-tabular)}.scoreboard-caster{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.banner{border-radius:var(--radius-md);padding:10px 12px;margin-top:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium)}.banner-warn,.banner-offline{background:var(--status-lost-subtle);border:var(--border-thin) solid var(--status-lost-border);color:var(--status-lost-text)}.banner-offline{position:sticky;top:0;z-index:var(--z-banner);margin:0 0 var(--space-3)}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.entry{background:var(--surface-card);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;box-shadow:var(--shadow-xs)}.entry-auto{background:transparent;box-shadow:none}.entry-score{background:var(--surface-card)}.entry-broadcast_started,.entry-broadcast_finished,.entry-quarter_started,.entry-quarter_ended,.entry-overtime_started{background:var(--surface-raised);border-color:transparent;box-shadow:none}.entry-connection_lost,.entry-connection_restored{background:var(--status-lost-subtle);border-color:var(--status-lost-border);box-shadow:none}.entry-meta{display:flex;gap:10px;font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:4px;align-items:baseline}.entry-moment{font-family:var(--font-display);font-weight:var(--weight-bold);color:var(--brand-text);font-variant-numeric:var(--nums-tabular)}.entry-edited{font-style:italic}.entry-text{white-space:pre-wrap;word-break:break-word}.entry-image{max-width:100%;border-radius:var(--radius-sm);margin-top:var(--space-2);display:block;aspect-ratio:4 / 3;object-fit:cover}.entry-pending{font-size:var(--text-xs);color:var(--status-lost-text);margin-top:6px}.entry-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.entry-actions .btn{min-height:32px;padding:4px 10px;font-size:var(--text-xs)}.form{display:grid;gap:var(--space-3)}.form label{display:grid;gap:6px;font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium)}.form-error{color:var(--danger-text);font-size:var(--text-sm)}.form-row{display:flex;gap:var(--space-2)}.console-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-2);text-align:center}.console-clock{display:flex;align-items:center;justify-content:center;gap:10px;margin:var(--space-3) 0;font-variant-numeric:var(--nums-tabular)}.console-clock .time{font-family:var(--font-display);font-size:var(--text-clock);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight)}.score-pads{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin:var(--space-3) 0}.score-pad{display:grid;gap:var(--space-2)}.score-pad h3{margin:0;text-align:center;font-size:var(--text-sm);font-family:var(--font-body);font-weight:var(--weight-semibold)}.score-pad .pad-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.score-pad .pad-buttons .btn{background:var(--surface-card);border:var(--border-med) solid var(--border-default);color:var(--brand-text);font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-xl);padding:0;min-width:0}.score-pad .pad-buttons .btn:hover{background:var(--brand-subtle);border-color:var(--brand-border)}.score-pad .pad-buttons .btn:active{transform:scale(.94);background:var(--brand-subtle);border-color:var(--brand-border)}.comment-box{display:flex;gap:var(--space-2);align-items:flex-end;margin:var(--space-3) 0}.comment-box textarea{flex:1;resize:none}.attach-preview{position:relative;display:inline-block;margin:6px 0}.attach-preview img{height:64px;border-radius:var(--radius-sm);display:block}.attach-preview button{position:absolute;top:-8px;right:-8px}.cards{display:grid;gap:var(--space-3)}.card{background:var(--surface-card);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.card-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card-row .grow{flex:1;min-width:120px}.tabs{display:flex;gap:6px;margin-bottom:var(--space-4);overflow-x:auto}.tab{white-space:nowrap;border-radius:var(--radius-full)}.tab.active{background:var(--surface-inverse);border-color:var(--surface-inverse);color:var(--text-inverse);font-weight:var(--weight-bold)}.checklist{display:grid;gap:6px;max-height:200px;overflow-y:auto;padding:4px 0}.checklist label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--text-primary);font-weight:var(--weight-regular)}.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:var(--space-2)}.logo-grid .logo-option{border:var(--border-thick) solid transparent;border-radius:var(--radius-md);padding:4px;background:var(--surface-raised);cursor:pointer}.logo-grid .logo-option.selected{border-color:var(--brand);background:var(--brand-subtle)}.logo-grid img{width:100%;display:block}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border-subtle);border-top-color:var(--brand);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-wrap{position:fixed;left:50%;transform:translate(-50%);bottom:calc(20px + env(safe-area-inset-bottom));z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;width:max-content;max-width:calc(100vw - 32px)}.pad-sub{display:block;font-family:var(--font-body);font-size:var(--text-2xs);color:var(--text-tertiary);font-weight:var(--weight-semibold)}.score-pad .pad-buttons .btn{flex-direction:column;gap:1px;line-height:1}.muted{color:var(--text-tertiary);font-size:var(--text-sm)}h2.section-title{font-size:var(--text-2xs);margin:var(--space-5) 0 var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-tertiary);font-family:var(--font-body);font-weight:var(--weight-bold)}@media(min-width:720px){.page{max-width:var(--content-wide);padding-left:var(--page-gutter-lg);padding-right:var(--page-gutter-lg)}.page:not(.page-match) .match-list{grid-template-columns:1fr 1fr}.page-match .timeline-section,.page-match .scoreboard{max-width:640px;margin-left:auto;margin-right:auto}.filters{grid-template-columns:repeat(3,1fr) auto}}