.dota-result{display:flex;flex-direction:column;gap:12px}.dota-scoreboard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.dota-sb__header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--color-border);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.dota-sb__matchid{font-size:11px;color:var(--color-text-dim)}.dota-sb__main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:16px 20px}.dota-team-card{display:flex;flex-direction:column;gap:6px}.dota-team-card--radiant{align-items:flex-start}.dota-team-card--dire{align-items:flex-end}.dota-team-card__name{font-size:18px;font-weight:700;color:var(--color-text);letter-spacing:-.01em}.dota-team-card__score{font-size:28px;font-weight:800;color:var(--color-text);line-height:1}.dota-side-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:999px;border:1px solid transparent}.dota-side-badge--radiant{color:#4ade80;border-color:#4ade8040;background:#4ade800f}.dota-side-badge--dire{color:#f87171;border-color:#f8717140;background:#f871710f}.dota-side-badge__dot{width:5px;height:5px;border-radius:999px;background:currentColor}.dota-sb__mid{display:flex;flex-direction:column;align-items:center;gap:4px}.dota-sb__time{display:flex;align-items:center;gap:6px;font-size:20px;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.source-badge{font-size:10px;font-weight:700;letter-spacing:.06em;padding:1px 5px;border-radius:3px}.source-badge.gsi{background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 22%,transparent)}.dota-sb__meta{font-size:11px;color:var(--color-text-dim);text-align:center;max-width:200px}.dota-tower-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:11px;flex-wrap:wrap}.tower-label{font-size:11px;font-weight:600;white-space:nowrap}.tower-label--radiant{color:#4ade80}.tower-label--dire{color:#f87171}.tower-pips{display:flex;flex-wrap:wrap;gap:3px}.tower-pip{width:10px;height:10px;border-radius:2px}.tower-pip--radiant.tower-pip--alive{background:#4ade80}.tower-pip--radiant.tower-pip--alive-mid{background:#a3e635}.tower-pip--radiant.tower-pip--alive-low{background:#facc15}.tower-pip--radiant.tower-pip--dead{background:#4ade801f;border:1px solid rgba(74,222,128,.2)}.tower-pip--dire.tower-pip--alive{background:#f87171}.tower-pip--dire.tower-pip--alive-mid{background:#fb923c}.tower-pip--dire.tower-pip--alive-low{background:#facc15}.tower-pip--dire.tower-pip--dead{background:#f871711f;border:1px solid rgba(248,113,113,.2)}.tower-divider{color:var(--color-text-dim);font-size:11px;padding:0 4px}.dota-gsi-metrics{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.dota-gsi-metrics__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dota-gsi-metrics__clock{color:var(--color-accent);font-variant-numeric:tabular-nums}.dota-gsi-metrics__grid{display:grid;grid-template-columns:1fr 1fr}.dota-gsi-team{padding:10px 14px}.dota-gsi-team--radiant{border-right:1px solid var(--color-border)}.dota-gsi-team__name{margin-bottom:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.dota-gsi-team--radiant .dota-gsi-team__name{color:#4ade80}.dota-gsi-team--dire .dota-gsi-team__name{color:#f87171}.dota-gsi-team__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dota-gsi-metric{min-width:0;padding:7px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#ffffff06}.dota-gsi-metric__label,.dota-gsi-metric__value{display:block}.dota-gsi-metric__label{margin-bottom:3px;color:var(--color-text-dim);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.dota-gsi-metric__value{color:var(--color-text);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.dota-impact{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.dota-impact__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dota-impact__clock{color:var(--color-accent);font-variant-numeric:tabular-nums}.dota-impact__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--color-border)}.dota-impact-card{min-width:0;padding:10px 12px;border-right:1px solid var(--color-border)}.dota-impact-card:last-child{border-right:none}.dota-impact-card__title,.dota-rune-events__title{margin-bottom:8px;color:var(--color-text-muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dota-impact-table{width:100%;border-collapse:collapse;font-size:11px}.dota-impact-table th,.dota-impact-table td{padding:4px 5px;border-bottom:1px solid rgba(255,255,255,.04);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.dota-impact-table th:first-child,.dota-impact-table td:first-child{max-width:104px;text-align:left}.dota-impact-table th{color:var(--color-text-dim);font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.dota-impact-table td{color:var(--color-text)}.dota-impact-table__empty{color:var(--color-text-dim)!important;text-align:center!important}.dota-stat-tooltip-anchor{display:inline-flex;align-items:center;max-width:100%;cursor:help;outline:none}.dota-stat-tooltip-anchor:focus-visible{color:var(--color-text)}.dota-stat-tooltip{position:fixed;z-index:10000;max-width:280px;padding:8px 10px;border:1px solid var(--color-border-2, var(--color-border));border-radius:6px;background:var(--color-surface-2);box-shadow:0 12px 28px #00000061;color:var(--color-text);pointer-events:none;text-align:left;text-transform:none;transform:translate(-50%,calc(-100% - 9px))}.dota-stat-tooltip:after{position:absolute;bottom:-5px;left:50%;width:8px;height:8px;border-right:1px solid var(--color-border-2, var(--color-border));border-bottom:1px solid var(--color-border-2, var(--color-border));background:var(--color-surface-2);content:"";transform:translate(-50%) rotate(45deg)}.dota-stat-tooltip__label{margin-bottom:4px;color:var(--color-text);font-size:11px;font-weight:800;letter-spacing:0;line-height:1.25}.dota-stat-tooltip__body{color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:0;line-height:1.35}.dota-stat-tooltip__formula{margin-top:6px;padding-top:6px;border-top:1px solid var(--color-border);color:var(--color-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:0;line-height:1.35}.dota-impact-hero{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;font-weight:700}.dota-impact-hero--radiant{color:#4ade80}.dota-impact-hero--dire{color:#f87171}.dota-rune-events{padding:10px 12px}.dota-rune-events__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.dota-rune-event{min-width:0;display:grid;grid-template-columns:26px auto minmax(0,1fr);gap:2px 7px;padding:7px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#ffffff06}.dota-rune-event__icon{grid-row:1 / 3;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-2);color:var(--color-text-muted);font-size:10px;font-weight:800;overflow:hidden}.dota-rune-event__icon img{width:22px;height:22px;object-fit:contain;display:block}.dota-rune-event__time{color:var(--color-accent);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.dota-rune-event__side,.dota-rune-event__rune{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dota-rune-event__side{font-size:11px;font-weight:700}.dota-rune-event__side--radiant{color:#4ade80}.dota-rune-event__side--dire{color:#f87171}.dota-rune-event__rune{grid-column:2 / -1;color:var(--color-text-dim);font-size:10px}.dota-draft{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px}.dota-draft__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:10px}.dota-draft__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.draft-col{display:flex;flex-direction:column;gap:8px}.draft-team-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.draft-team-label--radiant{color:#4ade80}.draft-team-label--dire{color:#f87171}.draft-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.draft-row-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--color-text-dim);min-width:36px}.draft-chip{font-size:10px;padding:2px 6px;border-radius:3px;border:1px solid transparent;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.draft-chip--pick{background:#4ade8014;border-color:#4ade8033;color:#4ade80}.draft-chip--ban{background:#f8717114;border-color:#f8717133;color:#f87171}.draft-chip--empty{width:52px;height:20px;background:var(--color-surface-2);border-color:var(--color-border);opacity:.4}.dota-player-tables{display:flex;flex-direction:column;gap:10px}.dota-ttable{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.dota-ttable--radiant{border-top:2px solid rgba(74,222,128,.4)}.dota-ttable--dire{border-top:2px solid rgba(248,113,113,.4)}.dota-ttable__header{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--color-border)}.dota-ttable__name{font-size:13px;font-weight:600;color:var(--color-text)}.dota-ttable__side-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.dota-ttable__side-badge--radiant{color:#4ade80}.dota-ttable__side-badge--dire{color:#f87171}.dota-ttable__scroll{overflow-x:auto;overflow-y:hidden;scrollbar-gutter:stable}.dota-ptable{width:100%;min-width:1240px;border-collapse:collapse;font-size:12px}.dota-ptable th{padding:6px 8px;text-align:center;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap}.dota-ptable td{padding:6px 8px;text-align:center;color:var(--color-text);border-bottom:1px solid rgba(255,255,255,.04)}.dota-ptable th.dota-col-hero,.dota-ptable td.dota-col-hero{text-align:left}.dota-col-hero{min-width:120px}.dota-col-items{min-width:140px;text-align:left!important}.dota-col-abils{min-width:80px;text-align:left!important}.dota-hero-name{font-weight:600;display:block;color:var(--color-text)}.dota-hero-cell{display:flex;align-items:flex-start;gap:8px}.dota-hero-copy{min-width:0;display:flex;flex-direction:column}.dota-player-name{display:block;font-size:11px;color:var(--color-text-dim)}.dota-player-save{width:22px;height:22px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-2);color:var(--color-text-muted);cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast),opacity var(--t-fast)}.dota-player-save:hover:not(:disabled){border-color:var(--color-border-2);color:var(--color-text);background:color-mix(in srgb,var(--color-surface-2) 92%,white 8%)}.dota-player-save:disabled{opacity:.45;cursor:default}.dota-player-save--saving,.dota-player-save--saved{border-color:color-mix(in srgb,var(--color-accent) 24%,transparent);color:var(--color-text);background:color-mix(in srgb,var(--color-accent-dim) 46%,var(--color-surface-2) 54%)}.dota-respawn{display:inline-block;font-size:10px;padding:1px 4px;border-radius:3px;background:#f8717126;color:#f87171;margin-top:2px}.dota-player-dead td{opacity:.45}.dota-player-summon{background:color-mix(in srgb,var(--color-surface-2) 72%,transparent)}.dota-player-summon .dota-hero-name{color:var(--color-text-muted)}.dota-col-k{color:#4ade80}.dota-col-d{color:#f87171}.dota-col-a{color:#93c5fd}.dota-col-nw{font-variant-numeric:tabular-nums;font-weight:600;color:#facc15}.dota-col-gpm{color:var(--color-accent)}.dota-col-dmg,.dota-col-heal,.dota-col-tdmg,.dota-col-tanked,.dota-col-lost,.dota-col-buyback,.dota-col-penalty,.dota-col-dead{font-variant-numeric:tabular-nums;white-space:nowrap}.dota-col-dmg{color:#fb923c}.dota-col-heal{color:#4ade80}.dota-col-tdmg{color:#facc15}.dota-col-tanked{color:#c4b5fd}.dota-col-lost{color:#f87171}.dota-col-buyback{color:#f59e0b}.dota-col-penalty{color:#fb7185}.dota-col-dead{color:#c084fc}.dota-empty-row{text-align:center!important;color:var(--color-text-dim);padding:16px!important;font-size:12px}.dota-item{display:inline-block;font-size:10px;padding:1px 5px;border-radius:3px;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);margin:1px;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.dota-item--shard{border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-text);font-weight:600}.dota-item--backpack{opacity:.72}.dota-item--neutral{border-color:color-mix(in srgb,#f4c95d 34%,transparent);background:color-mix(in srgb,#f4c95d 12%,transparent);color:var(--color-text)}.dota-abil{display:inline-flex;align-items:center;gap:2px;font-size:10px;padding:1px 4px;border-radius:3px;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);margin:1px}.dota-abil--cd{opacity:.4;border-color:#f871714d}.dota-abil__lvl{font-size:9px;color:var(--color-text-dim)}.dota-nw-footer{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-top:1px solid var(--color-border);background:var(--color-surface-2)}.dota-nw-footer__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim)}.dota-nw-footer__val{font-size:13px;font-weight:700;color:#facc15;font-variant-numeric:tabular-nums}@media (max-width: 980px){.dota-gsi-metrics__grid{grid-template-columns:1fr}.dota-gsi-team--radiant{border-right:none;border-bottom:1px solid var(--color-border)}.dota-gsi-team__stats,.dota-impact__grid,.dota-rune-events__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.dota-impact__grid,.dota-rune-events__list{grid-template-columns:1fr}.dota-impact-card{border-right:none;border-bottom:1px solid var(--color-border)}.dota-impact-card:last-child{border-bottom:none}}@layer base{:root{color-scheme:dark;--ds-color-bg-canvas: #141414;--ds-color-bg-app: #141414;--ds-color-surface-1: #181818;--ds-color-surface-2: #242424;--ds-color-surface-3: #262626;--ds-color-surface-4: #343434;--ds-color-border-subtle: #e4e4e413;--ds-color-border-default: #e4e4e426;--ds-color-border-strong: #e4e4e442;--ds-color-text-primary: #e4e4e4eb;--ds-color-text-secondary: #c2c2c28d;--ds-color-text-tertiary: #e4e4e45e;--ds-color-text-disabled: #e4e4e442;--ds-color-accent-primary: #ffffff;--ds-color-accent-hover: #6b6b6b;--ds-color-accent-soft: #6b6b6b44;--ds-color-accent-soft-strong: #6b6b6b66;--ds-color-accent-secondary: #6b6b6b;--ds-color-success: #e4e4e4;--ds-color-warning: #c2c2c2;--ds-color-danger: #8f8f8f;--ds-color-info: #d8d8d8;--ds-gradient-primary-secondary: linear-gradient(#181818, #242424);--ds-gradient-primary-accent: linear-gradient(#181818, #6b6b6b);--ds-gradient-secondary-accent: linear-gradient(#242424, #6b6b6b);--ds-gradient-radial-primary-secondary: radial-gradient(#181818, #242424);--ds-gradient-radial-primary-accent: radial-gradient(#181818, #6b6b6b);--ds-gradient-radial-secondary-accent: radial-gradient(#242424, #6b6b6b);--ds-font-family-display: "Onest", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--ds-font-family-sans: "Onest", "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, sans-serif;--ds-font-family-mono: "Cascadia Code", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--ds-font-size-2xs: 10px;--ds-font-size-xs: 11px;--ds-font-size-sm: 12px;--ds-font-size-md: 13px;--ds-font-size-lg: 16px;--ds-line-height-tight: 1.25;--ds-line-height-base: 1.5;--ds-line-height-loose: 1.65;--ds-font-weight-medium: 500;--ds-font-weight-semibold: 600;--ds-font-weight-bold: 700;--ds-space-1: 4px;--ds-space-2: 6px;--ds-space-3: 8px;--ds-space-4: 10px;--ds-space-5: 12px;--ds-space-6: 14px;--ds-space-7: 16px;--ds-space-8: 20px;--ds-space-9: 24px;--ds-radius-xs: 4px;--ds-radius-sm: 6px;--ds-radius-md: 10px;--ds-radius-lg: 12px;--ds-radius-xl: 16px;--ds-radius-pill: 32px;--ds-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--ds-shadow-soft: 0 10px 30px rgba(0, 0, 0, .22);--ds-shadow-focus: inset 0 0 0 1px var(--ds-color-accent-hover);--ds-motion-fast: .12s ease;--ds-motion-base: .2s ease;--ds-motion-slow: .32s ease;--ds-z-base: 1;--ds-z-overlay: 10;--ds-z-floating: 20;--ds-density-default-control-h: 28px;--ds-density-default-rail: 60px;--ds-control-h: var(--ds-density-default-control-h);--ds-rail-w: var(--ds-density-default-rail);--color-bg: var(--ds-color-bg-canvas);--color-surface: var(--ds-color-surface-1);--color-surface-2: var(--ds-color-surface-2);--color-surface-3: var(--ds-color-surface-3);--color-border: var(--ds-color-border-subtle);--color-border-2: var(--ds-color-border-default);--color-text: var(--ds-color-text-primary);--color-text-muted: var(--ds-color-text-secondary);--color-text-dim: var(--ds-color-text-disabled);--color-accent: var(--ds-color-accent-primary);--color-accent-dim: #40404099;--color-accent-hover: var(--ds-color-accent-hover);--color-accent-2: var(--ds-color-accent-secondary);--color-success: var(--ds-color-success);--color-error: var(--ds-color-danger);--color-warn: var(--ds-color-warning);--topbar-h: 40px;--tabbar-h: 36px;--sidebar-w: 240px;--console-h: 220px;--radius-sm: var(--ds-radius-xs);--radius-md: var(--ds-radius-sm);--radius-lg: var(--ds-radius-md);--radius-xl: 18px;--t-fast: var(--ds-motion-fast);--t-base: var(--ds-motion-base);--t-slow: var(--ds-motion-slow);--scrollbar-size: 10px;--scrollbar-radius: 999px;--scrollbar-track: #00000000;--scrollbar-track-hover: #00000000;--scrollbar-thumb: #e4e4e411;--scrollbar-thumb-hover: #e4e4e41e;--scrollbar-thumb-active: #e4e4e430}}:root{color-scheme:dark;font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-md);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(228,228,228,.03),transparent 22%),linear-gradient(180deg,#141414,#181818)}button,input,select,textarea{font:inherit}::selection{background:var(--color-accent-dim);color:var(--color-text)}.app-shell{min-height:100vh;color:var(--color-text)}.site-header{position:sticky;top:0;z-index:var(--ds-z-floating);display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 clamp(14px,3vw,32px);background:#141414db;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-button,.ghost-button,.icon-text-button,.match-card{border:0;color:inherit;font:inherit}.brand-button{display:inline-flex;align-items:center;gap:10px;padding:0;background:transparent;color:var(--color-text);font-weight:var(--ds-font-weight-semibold);cursor:pointer}.brand-mark{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--color-border-2);border-radius:var(--radius-md);background:var(--color-surface-2);font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-bold)}.powered{color:var(--color-text-muted);font-size:var(--ds-font-size-xs)}.page{width:min(1320px,100%);margin:0 auto;padding:clamp(18px,4vw,34px)}.page--match{width:min(1480px,100%)}.page-head,.match-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.match-topbar{align-items:center}.match-topbar__title{min-width:0;flex:1}.eyebrow{margin:0 0 4px;color:var(--color-text-muted);font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-semibold);text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(28px,4vw,44px);line-height:1.04;letter-spacing:0}h2{margin-bottom:6px;font-size:20px;letter-spacing:0}.ghost-button,.icon-text-button{min-height:32px;padding:0 12px;border:1px solid var(--color-border-2);border-radius:var(--radius-md);background:var(--color-surface-2);cursor:pointer}.ghost-button{background:transparent}.icon-text-button:disabled{cursor:default;opacity:.6}.notice,.empty-state{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.notice{margin-bottom:16px;padding:12px 14px;color:var(--color-text-muted)}.notice--error{border-color:#ffffff38}.empty-state{padding:28px;color:var(--color-text-muted)}.empty-state h2{color:var(--color-text)}.empty-state p{max-width:560px;margin-bottom:0}.match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.match-card{display:grid;min-height:188px;padding:16px;text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--ds-shadow-inset);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast)}.match-card:hover{background:var(--color-surface-2);border-color:var(--color-border-strong)}.match-card__title{align-self:end;margin-top:18px;font-size:18px;font-weight:var(--ds-font-weight-semibold)}.match-card__teams,.match-card__meta,.match-card__updated{color:var(--color-text-muted);font-size:var(--ds-font-size-sm)}.match-card__score{font-family:var(--ds-font-family-mono);font-size:30px;font-weight:var(--ds-font-weight-bold)}.match-card__updated.stale,.stale-text{color:var(--color-warn)}.status-pill{justify-self:start;padding:4px 8px;border:1px solid var(--color-border-2);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-semibold);text-transform:uppercase}.status-pill--live{color:var(--color-text);background:#ffffff14}.status-pill--stale{background:#ffffff0a}.match-meta-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;color:var(--color-text-muted);font-size:var(--ds-font-size-sm)}@media (max-width: 720px){.site-header{height:44px}.powered{display:none}.page{padding:16px 12px 24px}.page-head,.match-topbar{align-items:stretch;flex-direction:column}.match-topbar .ghost-button,.match-topbar .icon-text-button{width:100%}.match-grid{grid-template-columns:1fr}}