/* * Base – global resets and element defaults * * These rules apply regardless of theme and set sensible defaults that the * rest of the utility-first markup can build on. */ body { min-height: 100dvh; font-family: var(--lm-font-family); background-color: var(--lm-bg); color: var(--lm-text); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ── Material Symbols icon font ─────────────────────────────────────── */ .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; } /* Filled variant. Apply as a second class on icons that should appear solid instead of outlined (e.g. football icon for goal indicators). Replaces the inline `style="font-variation-settings: 'FILL' 1"` pattern. */ .material-symbols-outlined--filled { font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24; } /* Prevent ligature flash while webfonts load; layout_end.php adds .lm-fonts-loaded on once document.fonts.ready fires. */ html:not(.lm-fonts-loaded) .material-symbols-outlined { opacity: 0; } html.lm-fonts-loaded .material-symbols-outlined { opacity: 1; transition: opacity 0.12s ease-out; } /* ── Details / summary helpers (user menu, team switcher) ──────────── */ details.lm-user-menu > summary, details.lm-team-switcher > summary { list-style: none; } details.lm-user-menu > summary::-webkit-details-marker, details.lm-team-switcher > summary::-webkit-details-marker { display: none; } details.lm-team-switcher .lm-team-switcher-chevron { transition: transform 0.2s ease-out; } details.lm-team-switcher[open] .lm-team-switcher-chevron { transform: rotate(180deg); } /* ── League standings: own club highlight ────────────────────────────── */ tbody .lm-own-club-name { color: var(--lm-accent) !important; -webkit-text-fill-color: var(--lm-accent) !important; font-weight: 600; }