/* ============================================================================
   SUPERLIGA · Tech Modern (estilo Vercel/Linear/Stripe)
   Negro absoluto, tipografía Geist, acentos cian neón fino, mínimo ruido visual.
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap');

/* ────────── Tokens ────────── */
:root,
:root[data-theme="dark"] {
    /* superficies */
    --sl-bg:             #000000;
    --sl-bg-elev-1:      #0a0a0a;
    --sl-bg-elev-2:      #111111;
    --sl-surface:        #0a0a0a;
    --sl-surface-2:      #141414;
    --sl-surface-hover:  #1a1a1a;

    /* bordes */
    --sl-border:         #1f1f1f;
    --sl-border-strong:  #2e2e2e;
    --sl-border-bright:  #3a3a3a;

    /* texto */
    --sl-text:           #ededed;
    --sl-text-strong:    #fafafa;
    --sl-text-dim:       #a1a1a1;
    --sl-text-faint:     #707070;
    --sl-text-disabled:  #525252;

    /* acento principal: cian eléctrico Vercel-like */
    --sl-accent:         #00dcff;
    --sl-accent-bright:  #5af0ff;
    --sl-accent-dim:     #0098b3;
    --sl-accent-glow:    rgba(0,220,255,0.25);

    /* acento secundario: lima */
    --sl-lime:           #d4ff5c;
    --sl-lime-dim:       #a9d11a;

    /* estado */
    --sl-success:        #16a34a;
    --sl-warning:        #f59e0b;
    --sl-danger:         #ef4444;
    --sl-info:           #00dcff;

    /* podio (usar tonos, no oro brillo) */
    --sl-rank-1:         #fafafa;
    --sl-rank-2:         #a1a1a1;
    --sl-rank-3:         #707070;

    /* radios y sombras */
    --sl-radius-sm:      4px;
    --sl-radius:         6px;
    --sl-radius-lg:      10px;
    --sl-shadow-sm:      0 0 0 1px var(--sl-border);
    --sl-shadow:         0 0 0 1px var(--sl-border), 0 4px 24px rgba(0,0,0,.25);
    --sl-shadow-glow:    0 0 0 1px var(--sl-accent), 0 0 24px var(--sl-accent-glow);
}

:root[data-theme="light"] {
    --sl-bg:             #ffffff;
    --sl-bg-elev-1:      #fafafa;
    --sl-bg-elev-2:      #f4f4f4;
    --sl-surface:        #ffffff;
    --sl-surface-2:      #fafafa;
    --sl-surface-hover:  #f0f0f0;

    --sl-border:         #ebebeb;
    --sl-border-strong:  #d4d4d4;
    --sl-border-bright:  #a1a1a1;

    --sl-text:           #171717;
    --sl-text-strong:    #000000;
    --sl-text-dim:       #525252;
    --sl-text-faint:     #737373;
    --sl-text-disabled:  #a1a1a1;

    --sl-accent:         #0073a8;
    --sl-accent-bright:  #00a0d4;
    --sl-accent-dim:     #004f73;
    --sl-accent-glow:    rgba(0,115,168,0.18);

    --sl-lime:           #6b8d00;
    --sl-lime-dim:       #4a6300;

    --sl-success:        #15803d;
    --sl-warning:        #b45309;
    --sl-danger:         #b91c1c;
    --sl-info:           #0073a8;

    --sl-rank-1:         #171717;
    --sl-rank-2:         #525252;
    --sl-rank-3:         #737373;

    --sl-shadow-sm:      0 0 0 1px var(--sl-border);
    --sl-shadow:         0 0 0 1px var(--sl-border), 0 1px 3px rgba(0,0,0,.05);
    --sl-shadow-glow:    0 0 0 1px var(--sl-accent), 0 0 16px var(--sl-accent-glow);
}

/* ────────── Base ────────── */
html, body {
    margin: 0;
    background: var(--sl-bg);
    color: var(--sl-text);
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-feature-settings: 'cv11', 'ss01', 'ss03';
    font-size: 14px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* MudBlazor sobreescribe muchas cosas con su propia tipografía: la fijamos. */
.mud-application-layout,
.mud-typography {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.mud-typography-h1, .mud-typography-h2, .mud-typography-h3,
.mud-typography-h4, .mud-typography-h5, .mud-typography-h6 {
    font-family: 'Geist', sans-serif;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--sl-text-strong);
    line-height: 1.2;
}

code, pre, .mono {
    font-family: 'Geist Mono', 'SF Mono', 'JetBrains Mono', Consolas, monospace;
    font-feature-settings: 'liga' 0, 'calt' 0;
}

a { color: inherit; text-decoration: none; }
a:hover { color: var(--sl-accent); }

::selection {
    background: var(--sl-accent);
    color: var(--sl-bg);
}

/* ────────── Top bar ────────── */
.sl-appbar {
    background: rgba(0,0,0,0.7) !important;
    backdrop-filter: saturate(180%) blur(14px);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    border-bottom: 1px solid var(--sl-border) !important;
    box-shadow: none !important;
    color: var(--sl-text) !important;
}
:root[data-theme="light"] .sl-appbar {
    background: rgba(255,255,255,0.85) !important;
}

.sl-brand-link {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    text-decoration: none !important;
    color: var(--sl-text-strong) !important;
}
.sl-brand-link:hover { color: var(--sl-text-strong) !important; }

.sl-brand-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
}
.sl-brand-logo img,
.sl-brand-logo svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
/* Wordmark fallback (sin logo subido) */
.sl-brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: var(--sl-text-strong);
    color: var(--sl-bg);
    font-family: 'Geist Mono', monospace;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.04em;
}

.sl-brand-text {
    font-family: 'Geist', sans-serif;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: -0.02em;
    color: var(--sl-text-strong);
}

/* Nav buttons en topbar */
.sl-nav-btn {
    color: var(--sl-text-dim) !important;
    font-family: 'Geist', sans-serif !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: -0.01em !important;
    font-size: 13px !important;
    padding: 0.4rem 0.75rem !important;
    border-radius: var(--sl-radius-sm) !important;
    min-width: 0 !important;
    height: 32px !important;
    transition: color .12s ease, background .12s ease;
}
.sl-nav-btn:hover {
    color: var(--sl-text-strong) !important;
    background: var(--sl-surface-hover) !important;
}
.sl-nav-btn.active {
    color: var(--sl-text-strong) !important;
    background: var(--sl-surface-hover) !important;
}

/* ────────── Drawer ────────── */
.sl-drawer {
    background: var(--sl-bg) !important;
    border-right: 1px solid var(--sl-border) !important;
}
.sl-drawer .mud-nav-link {
    color: var(--sl-text-dim) !important;
    border-radius: var(--sl-radius-sm);
    margin: 1px 12px;
    font-family: 'Geist', sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 10px !important;
    min-height: 32px !important;
    transition: color .12s, background .12s;
}
.sl-drawer .mud-nav-link:hover {
    background: var(--sl-surface-hover) !important;
    color: var(--sl-text-strong) !important;
}
.sl-drawer .mud-nav-link.mud-nav-link-active {
    background: var(--sl-surface-hover) !important;
    color: var(--sl-text-strong) !important;
    border-left: none;
    box-shadow: inset 2px 0 0 var(--sl-accent);
}
.sl-drawer-section-title {
    color: var(--sl-text-faint);
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 500;
    padding: 1.25rem 1.25rem 0.5rem;
    font-family: 'Geist', sans-serif;
}

/* ────────── Cards ────────── */
.sl-card {
    background: var(--sl-surface) !important;
    border: 1px solid var(--sl-border) !important;
    border-radius: var(--sl-radius) !important;
    box-shadow: none !important;
    transition: border-color .15s ease, background .15s ease;
}
.sl-card:hover { border-color: var(--sl-border-strong) !important; }

.sl-card-aura {
    background: var(--sl-surface) !important;
    border: 1px solid var(--sl-border) !important;
    border-radius: var(--sl-radius) !important;
    transition: border-color .15s ease;
    overflow: hidden;
    position: relative;
}
.sl-card-aura:hover { border-color: var(--sl-border-strong) !important; }

/* Override MudBlazor MudPaper aspect */
.mud-paper {
    background-image: none !important;
}

/* ────────── Stat cards ────────── */
.sl-stat {
    padding: 1.25rem;
    border-radius: var(--sl-radius);
    background: var(--sl-surface);
    border: 1px solid var(--sl-border);
    position: relative;
    overflow: hidden;
    transition: border-color .15s ease;
}
.sl-stat:hover { border-color: var(--sl-border-strong); }
.sl-stat-label {
    font-family: 'Geist', sans-serif;
    font-size: 11px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--sl-text-faint);
    font-weight: 500;
    margin-bottom: 0.5rem;
}
.sl-stat-value {
    font-family: 'Geist', sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.03em;
    color: var(--sl-text-strong);
    font-variant-numeric: tabular-nums;
}
.sl-stat-icon {
    position: absolute;
    right: 1rem;
    top: 1rem;
    font-size: 1.15rem;
    opacity: 0.4;
    pointer-events: none;
}

/* ────────── Hero ────────── */
.sl-hero {
    background: var(--sl-surface);
    border: 1px solid var(--sl-border);
    border-radius: var(--sl-radius-lg);
    padding: 2.5rem 2rem;
    margin-bottom: 2rem;
    position: relative;
    overflow: hidden;
}
.sl-hero::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg,
        transparent 0%,
        var(--sl-accent) 50%,
        transparent 100%);
    opacity: 0.6;
}
.sl-hero-eyebrow {
    font-family: 'Geist Mono', monospace;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--sl-accent);
    margin-bottom: 1rem;
    font-weight: 500;
}
.sl-hero-title {
    font-family: 'Geist', sans-serif;
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--sl-text-strong);
    margin-bottom: 0.75rem;
    letter-spacing: -0.04em;
    line-height: 1.05;
}
.sl-hero-subtitle {
    color: var(--sl-text-dim);
    font-size: 15px;
    max-width: 60ch;
    line-height: 1.55;
}
.sl-hero-divider { display: none; } /* compatibility */

/* ────────── Module cards ────────── */
.sl-module-card {
    background: var(--sl-surface);
    border: 1px solid var(--sl-border);
    border-radius: var(--sl-radius);
    padding: 1.25rem;
    transition: all .15s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.sl-module-card:hover {
    border-color: var(--sl-border-bright);
    background: var(--sl-surface-2);
}
.sl-module-emoji { font-size: 1.5rem; line-height: 1; opacity: 0.9; }
.sl-module-title {
    font-family: 'Geist', sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: var(--sl-text-strong);
    letter-spacing: -0.02em;
}
.sl-module-leader {
    background: var(--sl-bg-elev-2);
    padding: 0.5rem 0.75rem;
    border-radius: var(--sl-radius-sm);
    font-size: 12px;
    border: 1px solid var(--sl-border);
    margin-top: auto;
    color: var(--sl-text-dim);
    font-family: 'Geist Mono', monospace;
}
.sl-module-leader strong { color: var(--sl-text-strong); }

/* ────────── Slider ────────── */
.sl-meme-slider {
    background: var(--sl-bg-elev-2);
    border: 1px solid var(--sl-border);
    border-radius: var(--sl-radius);
    overflow: hidden;
    margin-bottom: 2rem;
    position: relative;
}
.sl-meme-track { display: flex; transition: transform .35s cubic-bezier(.4,0,.2,1); }
.sl-meme-slide {
    min-width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    background: var(--sl-bg);
}
.sl-meme-slide img,
.sl-meme-slide video,
.sl-meme-slide iframe {
    width: 100%; height: 100%;
    object-fit: contain;
    border: 0;
    display: block;
}
.sl-meme-caption {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 0.85rem 1rem;
    background: linear-gradient(0deg, rgba(0,0,0,0.85), transparent);
    color: white;
    font-size: 13px;
    font-weight: 500;
}
.sl-meme-arrow {
    position: absolute; top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.7) !important;
    color: var(--sl-text-strong) !important;
    border: 1px solid var(--sl-border-bright) !important;
    z-index: 2;
    backdrop-filter: blur(8px);
}
.sl-meme-arrow:hover { background: rgba(0,0,0,0.9) !important; }
.sl-meme-arrow.prev { left: 0.75rem; }
.sl-meme-arrow.next { right: 0.75rem; }
.sl-meme-dots {
    position: absolute;
    bottom: 0.6rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex; gap: 5px; z-index: 2;
}
.sl-meme-dot {
    width: 5px; height: 5px;
    border-radius: 50%;
    background: rgba(255,255,255,0.4);
    cursor: pointer;
    transition: all .15s;
}
.sl-meme-dot.active { background: var(--sl-accent); width: 18px; border-radius: 3px; }

/* ────────── Podio ────────── */
.sl-rank-podium {
    display: grid;
    grid-template-columns: 1fr 1.1fr 1fr;
    gap: 0.75rem;
    align-items: end;
    margin-bottom: 2rem;
}
@media (max-width: 600px) { .sl-rank-podium { grid-template-columns: 1fr; } }
.sl-podium-card {
    text-align: center;
    padding: 1.25rem 0.75rem;
    border-radius: var(--sl-radius);
    border: 1px solid var(--sl-border);
    background: var(--sl-surface);
}
.sl-podium-card.gold {
    border-color: var(--sl-border-bright);
    background: var(--sl-surface-2);
}
.sl-podium-medal { font-size: 1.5rem; line-height: 1; opacity: .85; }
.sl-podium-name {
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin: 0.5rem 0 0.25rem;
    color: var(--sl-text-strong);
}
.sl-podium-points {
    font-size: 22px;
    font-weight: 600;
    color: var(--sl-text-strong);
    font-family: 'Geist Mono', monospace;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

/* ────────── Feed ────────── */
.sl-feed-card {
    background: var(--sl-surface);
    border: 1px solid var(--sl-border);
    border-radius: var(--sl-radius);
    padding: 0.85rem 1rem;
    margin-bottom: 0.6rem;
    transition: border-color .15s ease;
}
.sl-feed-card:hover { border-color: var(--sl-border-strong); }

.sl-cagada-register-btn {
    background: var(--sl-text-strong) !important;
    color: var(--sl-bg) !important;
    font-family: 'Geist', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    padding: 0.85rem 1.25rem !important;
    border: 1px solid var(--sl-text-strong) !important;
    border-radius: var(--sl-radius) !important;
    box-shadow: none !important;
}
.sl-cagada-register-btn:hover {
    background: var(--sl-text) !important;
}

/* ────────── Anuncio ────────── */
.sl-announcement {
    border-radius: var(--sl-radius);
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid var(--sl-border);
    background: var(--sl-surface);
    position: relative;
    border-left: 3px solid var(--sl-accent);
}
.sl-announcement.severity-info     { border-left-color: var(--sl-accent); }
.sl-announcement.severity-warning  { border-left-color: var(--sl-warning); }
.sl-announcement.severity-success  { border-left-color: var(--sl-success); }
.sl-announcement.severity-error    { border-left-color: var(--sl-danger); }
.sl-announcement.severity-meme     { border-left-color: var(--sl-lime); }
.sl-announcement-title {
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--sl-text-strong);
    margin-bottom: 0.3rem;
    letter-spacing: -0.01em;
}
.sl-announcement-body { color: var(--sl-text-dim); line-height: 1.5; font-size: 13px; }

/* ────────── Footer ────────── */
.sl-footer {
    margin-top: 4rem;
    padding: 3rem 1rem 2rem;
    border-top: 1px solid var(--sl-border);
    background: var(--sl-bg-elev-1);
}
.sl-footer-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}
@media (max-width: 800px) { .sl-footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .sl-footer-grid { grid-template-columns: 1fr; } }
.sl-footer-col h4 {
    font-family: 'Geist', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 0.85rem;
    color: var(--sl-text-faint);
    font-weight: 500;
}
.sl-footer-col ul { list-style: none; padding: 0; margin: 0; }
.sl-footer-col li { margin-bottom: 0.4rem; }
.sl-footer-col a {
    color: var(--sl-text-dim);
    text-decoration: none;
    font-size: 13px;
    transition: color .12s;
}
.sl-footer-col a:hover { color: var(--sl-text-strong); }
.sl-footer-brand {
    font-family: 'Geist', sans-serif;
    font-weight: 600;
    color: var(--sl-text-strong);
    font-size: 16px;
    letter-spacing: -0.02em;
    margin-bottom: 0.5rem;
}
.sl-footer-tagline {
    color: var(--sl-text-dim);
    font-size: 13px;
    margin-bottom: 1rem;
    max-width: 38ch;
    line-height: 1.5;
}
.sl-footer-bottom {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 1.5rem;
    border-top: 1px solid var(--sl-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--sl-text-faint);
    font-size: 12px;
    font-family: 'Geist Mono', monospace;
}
@media (max-width: 600px) {
    .sl-footer-bottom { flex-direction: column; gap: 0.5rem; }
}

/* ────────── Notifications ────────── */
.sl-notif-item {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--sl-border);
    cursor: pointer;
    transition: background .12s;
}
.sl-notif-item:hover { background: var(--sl-surface-hover); }
.sl-notif-item.unread {
    background: var(--sl-surface-2);
    border-left: 2px solid var(--sl-accent);
}

/* ────────── Highlight cards ────────── */
.sl-highlight-card {
    background: var(--sl-surface);
    border: 1px solid var(--sl-border);
    border-radius: var(--sl-radius);
    padding: 1.25rem;
    transition: border-color .15s;
    cursor: pointer;
}
.sl-highlight-card:hover { border-color: var(--sl-border-bright); }
.sl-highlight-label {
    font-family: 'Geist Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.06em;
    color: var(--sl-accent);
    text-transform: uppercase;
    font-weight: 500;
}

/* ────────── Misc ────────── */
.sl-page-fade-in { animation: slPageFadeIn .2s ease-out; }
@keyframes slPageFadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.sl-divider-gradient {
    height: 1px;
    background: var(--sl-border);
    margin: 1.5rem 0;
}

.sl-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-size: 11px;
    background: var(--sl-surface-2);
    border: 1px solid var(--sl-border);
    color: var(--sl-text-dim);
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
    font-family: 'Geist', sans-serif;
}
.sl-pill-accent {
    background: var(--sl-accent);
    color: var(--sl-bg);
    border-color: var(--sl-accent);
}
.sl-pill-danger {
    background: var(--sl-danger);
    color: white;
    border-color: var(--sl-danger);
}

.sl-pending-banner {
    background: var(--sl-surface);
    border: 1px solid var(--sl-warning);
    border-left: 3px solid var(--sl-warning);
    border-radius: var(--sl-radius);
    padding: 0.85rem 1rem;
    margin-bottom: 1.5rem;
    color: var(--sl-text);
    font-size: 13px;
}

.sl-table-virt {
    border: 1px solid var(--sl-border);
    border-radius: var(--sl-radius);
    overflow: hidden;
    background: var(--sl-surface);
}

.sl-cuñao-quote {
    font-family: 'Geist', sans-serif;
    font-style: normal;
    color: var(--sl-text-faint);
    text-align: left;
    padding: 0.75rem 1rem;
    border-left: 2px solid var(--sl-border);
    margin: 1.5rem 0 0;
    font-size: 13px;
    max-width: 60ch;
}
.sl-cuñao-quote::before { content: "// "; color: var(--sl-accent); font-family: 'Geist Mono', monospace; }

.sl-avatar-gold {
    border: 1px solid var(--sl-border-bright);
}

/* ────────── MudBlazor sobreescrituras ────────── */
.mud-button {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
    font-family: 'Geist', sans-serif !important;
    border-radius: var(--sl-radius) !important;
}
.mud-button-filled-primary {
    background: var(--sl-text-strong) !important;
    color: var(--sl-bg) !important;
}
.mud-button-filled-primary:hover {
    background: var(--sl-text) !important;
}
.mud-button-outlined {
    border-color: var(--sl-border-strong) !important;
    color: var(--sl-text) !important;
}
.mud-button-outlined:hover {
    background: var(--sl-surface-hover) !important;
    border-color: var(--sl-border-bright) !important;
}

.mud-input-outlined-border {
    border-color: var(--sl-border) !important;
}
.mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--sl-border-strong) !important;
}

.mud-table {
    background: transparent !important;
}
.mud-table-cell {
    border-bottom-color: var(--sl-border) !important;
    font-size: 13px;
    font-family: 'Geist', sans-serif !important;
}
.mud-table-head .mud-table-cell {
    color: var(--sl-text-faint) !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    font-weight: 500 !important;
    font-family: 'Geist Mono', monospace !important;
}

/* Mobile */
@media (max-width: 600px) {
    .sl-hero { padding: 1.5rem 1.25rem; }
    .sl-hero-title { font-size: 1.7rem; }
    .sl-stat-value { font-size: 22px; }
    .sl-module-emoji { font-size: 1.25rem; }
    .sl-module-title { font-size: 14px; }
}