/* GENERADO por scripts/generar-oscuro.mjs (2026-10-09): no editar a mano.
   El tema oscuro de Liga y Centro, aparte: index.html lo enlaza con
   media="(prefers-color-scheme: dark)", asi que con el sistema en claro el
   navegador no lo espera para pintar. Fuentes: 12 (generado) y 13 (a mano).
   El orden de capas se repite: si esta hoja llega antes, su @layer manda. */
@layer oscuro-imp-base, oscuro-imp-ajustes, base, ajustes, oscuro-base, oscuro-ajustes, oscuro-a-mano;
/* GENERADO por scripts/generar-oscuro.mjs (2026-10-09): no editar a mano.
   El tema oscuro de Liga y Centro, con el telefono o el sistema en oscuro.
   Los arreglos van en 13-oscuro-a-mano.css, que se carga despues. */
@media (prefers-color-scheme: dark) { html:is([data-app-mode="league"], [data-app-mode="center"]) { color-scheme: dark; } }
@layer oscuro-imp-base {
@media (prefers-color-scheme: dark) {
html[data-app-mode="league"] .metajuego-latido { color: var(--viz-acento) !important; }
html[data-app-mode="center"] .metajuego-latido { color: var(--viz-acento) !important; }
}
}

@layer oscuro-imp-ajustes {
@media (prefers-color-scheme: dark) {
html:is([data-app-mode="league"], [data-app-mode="center"]) .suceso-fallo { border-left-color: var(--torre-rojo) !important; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .suceso-reporte { border-left-color: var(--torre-ambar) !important; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .suceso-pendiente { border-left-color: var(--viz-acento) !important; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .consola .consola-linea input { background: transparent !important; }
html[data-app-mode="league"] .consola .consola-linea input { color: var(--consola-texto) !important; }
html[data-app-mode="center"] .consola .consola-linea input { color: var(--consola-texto) !important; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .aviso-version span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .aviso-version b { color: #fff !important; }
}
}

@layer oscuro-base {
@media (prefers-color-scheme: dark) {
html:is([data-app-mode="league"], [data-app-mode="center"]) { color: #c2cfdc; background: radial-gradient(circle at top left, rgba(57, 188, 163, 0.2), transparent 34rem),
    radial-gradient(circle at top right, rgba(204, 48, 79, 0.14), transparent 30rem),
    #181a1d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-switcher-button { background: rgba(38, 38, 38, 0.92); border: 1px solid #1f252c; color: #b1c2d4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-switcher-button:hover { border-color: #f28c38; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-switcher-panel { background: #262626; border: 1px solid #1f252c; box-shadow: 0 20px 42px rgba(23, 32, 42, 0.18); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-switcher-title { color: #8292a4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-switcher-panel > button { background: #17191a; border: 1px solid transparent; color: #b1c2d4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-switcher-panel > button:hover,
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-switcher-panel > button.active { background: #181c1f; border-color: #2b3948; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-switcher-panel small { color: #8292a4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-swatch { border: 2px solid rgba(38, 38, 38, 0.82); box-shadow: 0 0 0 1px rgba(29, 42, 56, 0.18); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-swatch.pokeal { background: conic-gradient(#c82f4d 0 25%, #f28c38 0 50%, #39bca3 0 75%, #152238 0); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-swatch.league { background: linear-gradient(135deg, #1d4e79 0 58%, #d34852 58%); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-swatch.center { background: linear-gradient(135deg, #e36e68 0 50%, #64aa91 50%); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-swatch.arena { background: linear-gradient(135deg, #11161e 0 58%, #e75260 58%); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) { --mode-accent-soft: #271a1c; --mode-border: #22272d; --mode-muted: #8898ab; --mode-surface: #262626; --mode-text: #aec5dd; background: var(--mode-surface); border: 1px solid var(--mode-border); box-shadow: 0 18px 46px rgba(31, 49, 68, 0.09); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league { --mode-accent-soft: #271a1c; --mode-border: #242c35; --mode-muted: #91a1b8; --mode-surface: #17191a; --mode-text: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center { --mode-accent-soft: #231818; --mode-border: #252829; --mode-muted: #8a9298; --mode-surface: #181919; --mode-text: #c0c7cc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-header { background: var(--mode-surface); border-bottom: 1px solid var(--mode-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-brand-mark { background: var(--mode-accent); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-league .themed-brand-mark { background: #1f527d; border-bottom: 4px solid #d34852; }
html[data-app-mode="league"] .themed-brand strong { color: #acc5e0; }
html[data-app-mode="center"] .themed-brand strong { color: #c0c7cc; }
html[data-app-mode="league"] .themed-brand small { color: #91a1b8; }
html[data-app-mode="center"] .themed-brand small { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-status i { background: #58ad85; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-icon-button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-user-button { background: transparent; border: 1px solid var(--mode-border); }
html[data-app-mode="league"] .themed-icon-button,
html[data-app-mode="league"] .themed-user-button { color: #acc5e0; }
html[data-app-mode="center"] .themed-icon-button,
html[data-app-mode="center"] .themed-user-button { color: #c0c7cc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-header .mode-switcher-button { background: transparent; border-color: var(--mode-border); }
html[data-app-mode="league"] .themed-header .mode-switcher-button { color: #acc5e0; }
html[data-app-mode="center"] .themed-header .mode-switcher-button { color: #c0c7cc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-tabs { background: var(--mode-surface); border-bottom: 1px solid var(--mode-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-tabs > button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-analysis-menu > button { background: transparent; border-bottom: 3px solid transparent; }
html[data-app-mode="league"] .themed-tabs > button,
html[data-app-mode="league"] .themed-analysis-menu > button { color: #91a1b8; }
html[data-app-mode="center"] .themed-tabs > button,
html[data-app-mode="center"] .themed-analysis-menu > button { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-tabs > button:hover,
html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-analysis-menu > button:hover,
html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-tabs > button.active,
html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-analysis-menu > button.active { background: var(--mode-accent-soft); border-bottom-color: var(--mode-accent); }
html[data-app-mode="league"] .themed-tabs > button:hover,
html[data-app-mode="league"] .themed-analysis-menu > button:hover,
html[data-app-mode="league"] .themed-tabs > button.active,
html[data-app-mode="league"] .themed-analysis-menu > button.active { color: #fb8c8d; }
html[data-app-mode="center"] .themed-tabs > button:hover,
html[data-app-mode="center"] .themed-analysis-menu > button:hover,
html[data-app-mode="center"] .themed-tabs > button.active,
html[data-app-mode="center"] .themed-analysis-menu > button.active { color: #fd8c82; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-league .themed-tabs > button.active,
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-league .themed-analysis-menu > button.active { color: #82b7e8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .more-menu-panel,
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .mode-switcher-panel { background: var(--mode-surface); border-color: var(--mode-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .more-menu-panel button { background: transparent; }
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) .more-menu-panel button { color: #acc5e0; }
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) .more-menu-panel button { color: #c0c7cc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .more-menu-panel button:hover { background: var(--mode-accent-soft); border-color: var(--mode-accent); }
html[data-app-mode="league"] .dashboard-kicker { color: #91a1b8; }
html[data-app-mode="center"] .dashboard-kicker { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .dashboard-primary-action { background: var(--mode-accent); color: #ffffff; }
html[data-app-mode="league"] .dashboard-block-head > span { color: #91a1b8; }
html[data-app-mode="center"] .dashboard-block-head > span { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .dashboard-block-head button { background: transparent; }
html[data-app-mode="league"] .dashboard-block-head button { color: #fb8c8d; }
html[data-app-mode="center"] .dashboard-block-head button { color: #fd8c82; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-welcome { background: linear-gradient(112deg, #173b60, #245b8b); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-welcome .dashboard-kicker,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-welcome p { color: #dce8f3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-score-strip { background: #262626; border: 1px solid #242c35; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-score-strip > div + div { border-left: 1px solid #1f252b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-score-strip span { color: #8596a7; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-score-strip strong { color: #90b5dc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .dashboard-block { background: #262626; border: 1px solid #232c34; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .dashboard-block > strong { color: #90b5da; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .dashboard-block > p,
html:is([data-app-mode="league"], [data-app-mode="center"]) .dashboard-block > small { color: #8597a8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-greeting > div > p:last-child { color: #8a9298; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-readiness { background: #151d1a; border: 1px solid #113127; color: #85bfab; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .readiness-icon { background: #12251f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-readiness small { color: #7f9a92; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .readiness-track { background: #172b24; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .readiness-track i { background: #58a181; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-workbench,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-last-tournament { background: #1c1e1e; border: 1px solid #252829; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-task { background: transparent; border-top: 1px solid #252829; color: #bdc2c6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-task small { color: #99a0a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-task > b { background: #151e27; color: #74b6f9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-task-icon.coral { background: #301a1a; color: #fb8d85; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-task-icon.mint { background: #14231e; color: #77c3aa; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-task-icon.blue { background: #152025; color: #76bcdb; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-note { background: #211818; border-left: 3px solid #ef8580; color: #b29b9a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-last-tournament > small { color: #99a0a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-scoreboard { background: linear-gradient(90deg, rgba(231, 82, 96, 0.08), transparent 36%),
    #171e28; border: 1px solid #303b49; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-scoreboard h2,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-scoreboard span { color: #f3f6f9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-record small { color: #788695; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-record i { color: #95a3b4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-panel { background: #171e28; border: 1px solid #303b49; color: #edf1f6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-panel strong { color: #f3f6f9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-panel p { color: #717d8a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-rate span { color: #778291; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-meter { background: #2b3542; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-meter i { background: #e75260; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-status { color: #707c88; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) :is(.panel, .toolbar, .deck-summary, .stat-card, .matchup-group, .deck-card, .round-filters, .event-card, .selection-toolbar, .utility-panel, .empty-rounds) { border-color: var(--mode-border); }
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) .eyebrow,
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) .section-title svg { color: #fb8c8d; }
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) .eyebrow,
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) .section-title svg { color: #fd8c82; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .tabs button.active,
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .primary-button { background: var(--mode-accent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-league .secondary-button { background: #23577f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-center .secondary-button { background: #4b9278; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-center .primary-button { background: #c24f49; }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .league-score-strip > div:nth-child(n + 3) { border-top: 1px solid #1f252b; } }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-version { background: rgba(38, 38, 38, 0.78); border: 1px solid rgba(128, 145, 163, 0.28); color: #8b99aa; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .icon-menu-button { background: #262626; border: 1px solid #1f252c; color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .icon-menu-button:hover { border-color: #f28c38; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .user-chip { background: #141e1b; border: 1px solid #0a3d35; color: #76c2b4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .more-menu-panel { background: #262626; border: 1px solid #1f252c; box-shadow: 0 18px 34px rgba(23, 32, 42, 0.16); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .more-menu-panel button { background: #17191a; border: 1px solid transparent; color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .more-menu-panel button:hover { background: #1e1811; border-color: #f28c38; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .eyebrow { color: #fa8b95; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nemi-wordmark > b { color: #fa8b95; }
html[data-app-mode="league"] .themed-brand .nemi-wordmark > b { color: #fb8c8c; }
html[data-app-mode="center"] .themed-brand .nemi-wordmark > b { color: #82c1a2; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .amoxtli-brand-mark::before,
html:is([data-app-mode="league"], [data-app-mode="center"]) .codex-brand-slot::before { background: radial-gradient(circle, var(--codex-glow) 0, transparent 68%); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .themed-brand-mark.codex-brand-slot { background: transparent; color: transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .subtitle { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tabs { background: #262626; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tabs button { background: transparent; color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tabs button.active { background: linear-gradient(135deg, #152238, #295f78); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .primary-button { background: linear-gradient(135deg, #c82f4d, #f28c38); color: white; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .secondary-button { background: linear-gradient(135deg, #152238, #2e8f72); color: white; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .ghost-button { background: #262626; border: 1px solid #1f252c; color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .danger-button { background: #bd2946; border: 1px solid #bd2946; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .panel,
html:is([data-app-mode="league"], [data-app-mode="center"]) .deck-card,
html:is([data-app-mode="league"], [data-app-mode="center"]) .history-row,
html:is([data-app-mode="league"], [data-app-mode="center"]) .stat-card { background: #262626; border: 1px solid #1f252c; box-shadow: 0 14px 30px rgba(23, 32, 42, 0.07); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .section-title svg { color: #fa8b95; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .active-deck-strip,
html:is([data-app-mode="league"], [data-app-mode="center"]) .deck-summary { background: linear-gradient(135deg, #1e1811, #131c19); border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .active-deck-strip span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .deck-summary span { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .variant-preview { color: #a3b3c2; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .deck-avatar { background: linear-gradient(#262626, #262626) padding-box,
    linear-gradient(135deg, #c82f4d, #39bca3, #3b2d03) border-box; border: 2px solid transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .deck-avatar.rival { background: linear-gradient(#262626, #262626) padding-box,
    linear-gradient(135deg, #f28c38, #7a5cff, #c82f4d) border-box; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .versus-avatars > span { background: #152238; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .opponent-avatar > span { background: #152238; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) label { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .field-hint { color: #818e9b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .autocomplete-list { background: #262626; border: 1px solid #242b33; box-shadow: 0 18px 34px rgba(23, 32, 42, 0.16); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .autocomplete-list button { background: #17191a; border: 1px solid transparent; color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .autocomplete-list button:hover,
html:is([data-app-mode="league"], [data-app-mode="center"]) .autocomplete-list button:focus { background: #1e1811; border-color: #f28c38; }
html:is([data-app-mode="league"], [data-app-mode="center"]) input,
html:is([data-app-mode="league"], [data-app-mode="center"]) select,
html:is([data-app-mode="league"], [data-app-mode="center"]) textarea { background: #17191a; border: 1px solid #242b33; color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) input:focus,
html:is([data-app-mode="league"], [data-app-mode="center"]) select:focus,
html:is([data-app-mode="league"], [data-app-mode="center"]) textarea:focus { border-color: #c82f4d; box-shadow: 0 0 0 3px rgba(204, 48, 79, 0.14); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .game-row { background: #17191a; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .stat-card::after { background: linear-gradient(135deg, rgba(204, 48, 79, 0.14), rgba(57, 188, 163, 0.18)); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .stat-card span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .stat-card small { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .donut-chart::after { background: #262626; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .donut-chart span { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .chart-pill.win { background: #0e2219; color: #78c49f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .chart-pill.loss { background: #2d191e; color: #fb8b91; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .chart-pill.tie { background: #251b02; color: #dba65f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .rate-switcher { background: #17191a; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .rate-switcher button { background: #262626; border: 1px solid #1f252c; color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .rate-switcher button:hover { border-color: #f28c38; color: #fa8b95; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .rate-switcher strong { color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .matchup-group { background: #17191a; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .matchup-row { background: transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .matchup-row:hover { background: #262626; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .matchup-row span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .matchup-variant-row span { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .matchup-chevron { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .matchup-variants { border-top: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .matchup-variant-row { background: rgba(38, 38, 38, 0.62); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .matchup-variant-row + .matchup-variant-row { border-top: 1px solid #1c2126; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .meter { background: #1b2025; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .meter span { background: linear-gradient(90deg, #c82f4d, #2e8f72); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .deck-card { background: radial-gradient(circle at 16% 2%, var(--deck-aura-primary, rgba(57, 188, 163, 0.18)), transparent 15rem),
    radial-gradient(circle at 100% 20%, var(--deck-aura-secondary, rgba(242, 140, 56, 0.14)), transparent 15rem),
    linear-gradient(145deg, var(--deck-aura-base, #262626), #262626 82%); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .deck-card::before { background: var(--deck-aura-image, none),
    linear-gradient(115deg, rgba(38, 38, 38, 0.42), transparent 38%),
    radial-gradient(circle at 90% 100%, rgba(38, 38, 38, 0.48), transparent 14rem); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .deck-card::after { color: rgba(23, 32, 42, 0.12); text-shadow: -88px 20px 0 rgba(23, 32, 42, 0.055),
    -34px 74px 0 rgba(23, 32, 42, 0.045),
    -138px 104px 0 rgba(23, 32, 42, 0.04),
    18px 126px 0 rgba(23, 32, 42, 0.035); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .deck-actions button { background: #17191a; border: 1px solid #1f252c; color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .deck-actions button:hover:not(:disabled) { background: #1e1811; border-color: #f28c38; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .deck-actions .danger-icon { color: #fa8b95; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .deck-card span { color: #fa8b95; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .deck-card p { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) pre { background: #17191a; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .selection-mode-button.active { background: #52606d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .selection-toolbar { background: #262626; border: 1px solid #1f252c; border-left: 4px solid #2e8f72; box-shadow: 0 10px 24px rgba(23, 32, 42, 0.06); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .selection-toolbar > span { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .card-selection input { accent-color: #2e8f72; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .round-filters { background: #262626; border: 1px solid #1f252c; box-shadow: 0 14px 30px rgba(23, 32, 42, 0.07); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .filter-title { background: linear-gradient(135deg, #131c19, #1e1811); border: 1px solid #1f252c; color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .empty-rounds { background: #262626; border: 1px dashed #242b33; color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .empty-rounds strong { color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .legend-pill.win,
html:is([data-app-mode="league"], [data-app-mode="center"]) .result-badge.win,
html:is([data-app-mode="league"], [data-app-mode="center"]) .game-pip.win { background: #0e2219; color: #78c49f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .legend-pill.loss,
html:is([data-app-mode="league"], [data-app-mode="center"]) .result-badge.loss,
html:is([data-app-mode="league"], [data-app-mode="center"]) .game-pip.loss { background: #2d191e; color: #fb8b91; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .legend-pill.tie,
html:is([data-app-mode="league"], [data-app-mode="center"]) .result-badge.tie,
html:is([data-app-mode="league"], [data-app-mode="center"]) .game-pip.tie { background: #251b02; color: #dba65f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .round-card { border: 1px solid #1f252c; border-left: 7px solid #1f252c; box-shadow: 0 14px 30px rgba(23, 32, 42, 0.07); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .round-card.win { background: #151716; border-color: #14201a; border-left-color: #2e8f72; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .round-card.loss { background: #181616; border-color: #291b1e; border-left-color: #c82f4d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .round-card.tie { background: #272623; border-color: #251e06; border-left-color: #d99b2b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .round-card.selected,
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-card.selected { box-shadow: 0 0 0 3px rgba(46, 143, 114, 0.24), 0 14px 30px rgba(23, 32, 42, 0.07); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .round-title span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .round-card p,
html:is([data-app-mode="league"], [data-app-mode="center"]) .muted-note { color: #a3b3c2; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .round-meta span { background: rgba(38, 38, 38, 0.72); border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .round-edit-toggle { background: #262626; border: 1px solid #1f252c; color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .round-edit-toggle:hover { border-color: #f28c38; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .round-delete-button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-delete-button { background: #22181a; border: 1px solid #48212b; color: #fb8b94; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .round-delete-button:hover,
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-delete-button:hover { background: #2d191e; border-color: #c82f4d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .round-edit-panel { background: rgba(38, 38, 38, 0.82); border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .empty { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-card { background: #262626; border: 1px solid #1f252c; box-shadow: 0 14px 30px rgba(23, 32, 42, 0.07); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-card-head { background: transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-card-head span { color: #fa8b95; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-card-head p { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-open-label { background: #17191a; border: 1px solid #1f252c; color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-note-editor { border-top: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-round { background: #17191a; border: 1px solid #1f252c; border-left: 6px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-round.win { border-left-color: #2e8f72; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-round.loss { border-left-color: #c82f4d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-round.tie { border-left-color: #d99b2b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-round > strong { color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-round span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-round small { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .utility-head { background: #262626; border: 1px solid #1f252c; box-shadow: 0 14px 30px rgba(23, 32, 42, 0.07); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-engine-caption { color: #828e9b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-engine-options { background: #181a1c; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-engine-options > span { color: #828e9b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-engine-options > span.active { color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-engine-options small { color: #daa666; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-engine-toggle { background: #303841; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-engine-toggle span { background: #262626; box-shadow: 0 1px 3px rgba(23, 32, 42, 0.25); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-engine-toggle[aria-checked="true"] { background: #5b4bb7; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-engine-toggle:focus-visible { outline: 3px solid rgba(91, 75, 183, 0.22); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .utility-copy { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-month-calendar,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-important-dates { background: #262626; border: 1px solid #20272d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-calendar-heading button { background: #191a1b; border: 1px solid #20272d; color: #a8bfd8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-calendar-heading button:hover { background: #1a1e22; border-color: #aebdca; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-calendar-weekdays span { color: #8e9dae; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-calendar-grid { border-left: 1px solid #1e2225; border-top: 1px solid #1e2225; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-calendar-grid > button { background: #262626; border-bottom: 1px solid #1e2225; border-right: 1px solid #1e2225; color: #a8bfd8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-calendar-grid > button:hover { background: #181c1f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-calendar-grid > button.outside { color: #91969b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-calendar-grid > button.today span { background: #2c689e; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-calendar-grid > button.selected { background: #181f24; box-shadow: inset 0 0 0 2px #2c689e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-calendar-markers .registration,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-calendar-legend .registration { background: #d3454f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-calendar-markers .event,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-calendar-legend .event { background: #2c689e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-calendar-legend { color: #8e9dae; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-important-dates .calendar-section-head { border-bottom: 1px solid #1e2225; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-important-dates .calendar-section-head .eyebrow { color: #8e9dae; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-important-list article { border-bottom: 1px solid #1e2225; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-date-badge { background: #161e23; color: #7db6ee; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-date-badge.registration { background: #26191b; color: #fb8c90; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-event-copy > span { color: #8e9dae; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-event-copy > small { color: #8e9dae; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-event-copy .league-registration-copy { color: #daa664; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-calendar-empty { color: #8e9dae; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-mode-league > .utility-head .eyebrow { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-mode-league .calendar-view-switch button.active,
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-mode-league .primary-button { background: #245c8e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-mode-league .calendar-assistant { background: #171c20; border-color: #23394a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-mode-league .assistant-icon { background: #245c8e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-mode-center { --center-coral-soft: #231818; --center-mint-soft: #151f1c; --center-blue-soft: #161e21; --center-border: #252829; --center-surface: #181919; --center-panel: #262626; --center-text: #bcc4c9; --center-muted: #99a0a6; }
html[data-app-mode="league"] .calendar-mode-center > .utility-head .eyebrow { color: var(--center-coral); }
html[data-app-mode="center"] .calendar-mode-center > .utility-head .eyebrow { color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-mode-center .primary-button { background: var(--center-coral); border-color: var(--center-coral); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-next-plan { background: radial-gradient(circle at 94% 115%, transparent 0 36px, rgba(75, 146, 120, 0.11) 37px 52px, transparent 53px),
    var(--center-panel); border: 1px solid var(--center-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-next-date { background: var(--center-coral-soft); }
html[data-app-mode="league"] .center-next-date { color: var(--center-text); }
html[data-app-mode="center"] .center-next-date { color: #bcc4c9; }
html[data-app-mode="league"] .center-next-date small { color: var(--center-muted); }
html[data-app-mode="center"] .center-next-date small { color: #99a0a6; }
html[data-app-mode="league"] .center-next-copy .eyebrow,
html[data-app-mode="league"] .center-section-heading .eyebrow { color: var(--center-muted); }
html[data-app-mode="center"] .center-next-copy .eyebrow,
html[data-app-mode="center"] .center-section-heading .eyebrow { color: #99a0a6; }
html[data-app-mode="league"] .center-next-copy h3 { color: var(--center-text); }
html[data-app-mode="center"] .center-next-copy h3 { color: #bcc4c9; }
html[data-app-mode="league"] .center-next-copy > span,
html[data-app-mode="league"] .center-next-plan.empty span { color: var(--center-muted); }
html[data-app-mode="center"] .center-next-copy > span,
html[data-app-mode="center"] .center-next-plan.empty span { color: #99a0a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-plan-type { background: var(--center-mint-soft); color: #84c0ab; }
html[data-app-mode="league"] .center-week-heading > strong { color: var(--center-text); }
html[data-app-mode="center"] .center-week-heading > strong { color: #bcc4c9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-week-heading button { background: transparent; border: 1px solid var(--center-border); }
html[data-app-mode="league"] .center-week-heading button { color: var(--center-text); }
html[data-app-mode="center"] .center-week-heading button { color: #bcc4c9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-week-heading button:hover { background: var(--center-coral-soft); border-color: #e4aaa6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-week-days > button { background: transparent; border: 1px solid transparent; }
html[data-app-mode="league"] .center-week-days > button { color: var(--center-text); }
html[data-app-mode="center"] .center-week-days > button { color: #bcc4c9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-week-days > button:hover { background: var(--center-coral-soft); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-week-days > button.selected { background: var(--center-coral-soft); border-color: #4b2423; }
html[data-app-mode="league"] .center-week-days small { color: var(--center-muted); }
html[data-app-mode="center"] .center-week-days small { color: #99a0a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-week-days i { background: var(--center-coral); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-section-heading { border-bottom: 1px solid var(--center-border); }
html[data-app-mode="league"] .center-section-heading h3 { color: var(--center-text); }
html[data-app-mode="center"] .center-section-heading h3 { color: #bcc4c9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-section-heading > span { background: var(--center-blue-soft); color: #83bad3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-plan-list > button { background: transparent; border-bottom: 1px solid var(--center-border); border-left: 3px solid transparent; }
html[data-app-mode="league"] .center-plan-list > button { color: var(--center-text); }
html[data-app-mode="center"] .center-plan-list > button { color: #bcc4c9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-plan-list > button:hover { background: #171818; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-plan-list > button.selected { background: var(--center-coral-soft); border-left-color: var(--center-coral); }
html[data-app-mode="league"] .center-plan-time { color: var(--center-muted); }
html[data-app-mode="center"] .center-plan-time { color: #99a0a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-plan-icon,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-detail-icon { background: var(--center-mint-soft); }
html[data-app-mode="league"] .center-plan-icon,
html[data-app-mode="league"] .center-detail-icon { color: var(--center-mint); }
html[data-app-mode="center"] .center-plan-icon,
html[data-app-mode="center"] .center-detail-icon { color: #7bc2a7; }
html[data-app-mode="league"] .center-plan-name small { color: var(--center-muted); }
html[data-app-mode="center"] .center-plan-name small { color: #99a0a6; }
html[data-app-mode="league"] .center-plan-list > button > svg { color: var(--center-muted); }
html[data-app-mode="center"] .center-plan-list > button > svg { color: #99a0a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-plan-detail { background: var(--center-panel); border: 1px solid var(--center-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-detail-head { border-bottom: 1px solid var(--center-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-detail-icon { background: var(--center-coral-soft); }
html[data-app-mode="league"] .center-detail-icon { color: var(--center-coral); }
html[data-app-mode="center"] .center-detail-icon { color: #fb8d84; }
html[data-app-mode="league"] .center-detail-head h3 { color: var(--center-text); }
html[data-app-mode="center"] .center-detail-head h3 { color: #bcc4c9; }
html[data-app-mode="league"] .center-detail-head p { color: var(--center-muted); }
html[data-app-mode="center"] .center-detail-head p { color: #99a0a6; }
html[data-app-mode="league"] .center-detail-list > div { color: var(--center-muted); }
html[data-app-mode="center"] .center-detail-list > div { color: #99a0a6; }
html[data-app-mode="league"] .center-detail-list small { color: var(--center-muted); }
html[data-app-mode="center"] .center-detail-list small { color: #99a0a6; }
html[data-app-mode="league"] .center-detail-list strong { color: var(--center-text); }
html[data-app-mode="center"] .center-detail-list strong { color: #bcc4c9; }
html[data-app-mode="league"] .center-plan-empty,
html[data-app-mode="league"] .center-detail-empty { color: var(--center-muted); }
html[data-app-mode="center"] .center-plan-empty,
html[data-app-mode="center"] .center-detail-empty { color: #99a0a6; }
html[data-app-mode="league"] .center-plan-empty strong,
html[data-app-mode="league"] .center-detail-empty h3 { color: var(--center-text); }
html[data-app-mode="center"] .center-plan-empty strong,
html[data-app-mode="center"] .center-detail-empty h3 { color: #bcc4c9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-mode-center .calendar-assistant { background: var(--center-mint-soft); border-color: #14392e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-mode-center .assistant-icon { background: var(--center-mint); }
html[data-app-mode="league"] .arena-calendar-hero .eyebrow,
html[data-app-mode="league"] .arena-calendar-section-head .eyebrow { color: var(--arena-red); }
html[data-app-mode="center"] .arena-calendar-hero .eyebrow,
html[data-app-mode="center"] .arena-calendar-section-head .eyebrow { color: var(--arena-red); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-calendar-hero { border-bottom: 1px solid var(--arena-border); }
html[data-app-mode="league"] .arena-calendar-hero h3 { color: var(--arena-text); }
html[data-app-mode="center"] .arena-calendar-hero h3 { color: var(--arena-text); }
html[data-app-mode="league"] .arena-calendar-hero > div > span { color: #687988; }
html[data-app-mode="center"] .arena-calendar-hero > div > span { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-countdown { border-right: 3px solid var(--arena-red); }
html[data-app-mode="league"] .arena-countdown small,
html[data-app-mode="league"] .arena-countdown span { color: #687988; }
html[data-app-mode="center"] .arena-countdown small,
html[data-app-mode="center"] .arena-countdown span { color: #687988; }
html[data-app-mode="league"] .arena-countdown strong { color: var(--arena-text); }
html[data-app-mode="center"] .arena-countdown strong { color: var(--arena-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-calendar-signals article { background: var(--arena-panel-raised); border-left: 3px solid var(--arena-blue); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-calendar-signals article.registration { border-left-color: var(--arena-red); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-calendar-signals article.practice { border-left-color: var(--arena-amber); }
html[data-app-mode="league"] .arena-calendar-signals small { color: #687988; }
html[data-app-mode="center"] .arena-calendar-signals small { color: #687988; }
html[data-app-mode="league"] .arena-calendar-signals strong { color: var(--arena-text); }
html[data-app-mode="center"] .arena-calendar-signals strong { color: var(--arena-text); }
html[data-app-mode="league"] .arena-calendar-signals span { color: #687988; }
html[data-app-mode="center"] .arena-calendar-signals span { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-calendar-section-head { border-bottom: 1px solid var(--arena-border); }
html[data-app-mode="league"] .arena-calendar-section-head h3 { color: var(--arena-text); }
html[data-app-mode="center"] .arena-calendar-section-head h3 { color: var(--arena-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-calendar-section-head > span { background: #202936; border: 1px solid var(--arena-border); }
html[data-app-mode="league"] .arena-calendar-section-head > span { color: #687988; }
html[data-app-mode="center"] .arena-calendar-section-head > span { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-timeline-list::before { background: var(--arena-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-timeline-list > button { background: transparent; border-bottom: 1px solid var(--arena-border); }
html[data-app-mode="league"] .arena-timeline-list > button { color: var(--arena-text); }
html[data-app-mode="center"] .arena-timeline-list > button { color: var(--arena-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-timeline-list > button:hover,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-timeline-list > button[aria-pressed="true"] { background: #202936; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-timeline-list > button[aria-pressed="true"] { box-shadow: inset 3px 0 0 var(--arena-blue); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-timeline-list > button.registration[aria-pressed="true"] { box-shadow: inset 3px 0 0 var(--arena-red); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-timeline-list > button.practice[aria-pressed="true"] { box-shadow: inset 3px 0 0 var(--arena-amber); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-timeline-date i { background: var(--arena-blue); border: 4px solid var(--arena-panel); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .registration .arena-timeline-date i { background: var(--arena-red); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .practice .arena-timeline-date i { background: var(--arena-amber); }
html[data-app-mode="league"] .arena-timeline-date small { color: #687988; }
html[data-app-mode="center"] .arena-timeline-date small { color: #687988; }
html[data-app-mode="league"] .arena-timeline-copy > small { color: var(--arena-red); }
html[data-app-mode="center"] .arena-timeline-copy > small { color: var(--arena-red); }
html[data-app-mode="league"] .arena-timeline-list > button.event .arena-timeline-copy > small { color: var(--arena-blue); }
html[data-app-mode="center"] .arena-timeline-list > button.event .arena-timeline-copy > small { color: var(--arena-blue); }
html[data-app-mode="league"] .arena-timeline-list > button.practice .arena-timeline-copy > small { color: var(--arena-amber); }
html[data-app-mode="center"] .arena-timeline-list > button.practice .arena-timeline-copy > small { color: var(--arena-amber); }
html[data-app-mode="league"] .arena-timeline-copy > span { color: #687988; }
html[data-app-mode="center"] .arena-timeline-copy > span { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-detail { background: var(--arena-panel-raised); border-top: 3px solid var(--arena-blue); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-detail.registration { border-top-color: var(--arena-red); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-detail.practice { border-top-color: var(--arena-amber); }
html[data-app-mode="league"] .arena-event-detail-head > span { color: var(--arena-red); }
html[data-app-mode="center"] .arena-event-detail-head > span { color: var(--arena-red); }
html[data-app-mode="league"] .arena-event-detail.event .arena-event-detail-head > span { color: var(--arena-blue); }
html[data-app-mode="center"] .arena-event-detail.event .arena-event-detail-head > span { color: var(--arena-blue); }
html[data-app-mode="league"] .arena-event-detail.practice .arena-event-detail-head > span { color: var(--arena-amber); }
html[data-app-mode="center"] .arena-event-detail.practice .arena-event-detail-head > span { color: var(--arena-amber); }
html[data-app-mode="league"] .arena-event-detail-head h3 { color: var(--arena-text); }
html[data-app-mode="center"] .arena-event-detail-head h3 { color: var(--arena-text); }
html[data-app-mode="league"] .arena-event-detail-head p,
html[data-app-mode="league"] .arena-event-note { color: #687988; }
html[data-app-mode="center"] .arena-event-detail-head p,
html[data-app-mode="center"] .arena-event-note { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-objective { background: transparent; border-bottom: 1px solid var(--arena-border); }
html[data-app-mode="league"] .arena-event-objective { color: var(--arena-text); }
html[data-app-mode="center"] .arena-event-objective { color: var(--arena-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-objective:hover { background: #202936; }
html[data-app-mode="league"] .arena-event-objective span { color: #687988; }
html[data-app-mode="center"] .arena-event-objective span { color: #687988; }
html[data-app-mode="league"] .arena-event-objective strong { color: var(--arena-text); }
html[data-app-mode="center"] .arena-event-objective strong { color: var(--arena-text); }
html[data-app-mode="league"] .arena-event-objective svg { color: #687988; }
html[data-app-mode="center"] .arena-event-objective svg { color: #687988; }
html[data-app-mode="league"] .arena-readiness > div { color: #687988; }
html[data-app-mode="center"] .arena-readiness > div { color: #687988; }
html[data-app-mode="league"] .arena-readiness > div b { color: var(--arena-text); }
html[data-app-mode="center"] .arena-readiness > div b { color: var(--arena-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-readiness > i { background: #2a3340; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-readiness > i span { background: var(--arena-blue); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-detail.registration .arena-readiness > i span { background: var(--arena-red); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-detail.practice .arena-readiness > i span { background: var(--arena-amber); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-strategy-facts > button { background: transparent; border-bottom: 1px solid var(--arena-border); }
html[data-app-mode="league"] .arena-strategy-facts > button { color: var(--arena-text); }
html[data-app-mode="center"] .arena-strategy-facts > button { color: var(--arena-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-strategy-facts > button:hover { background: #202936; }
html[data-app-mode="league"] .arena-strategy-facts svg { color: #687988; }
html[data-app-mode="center"] .arena-strategy-facts svg { color: #687988; }
html[data-app-mode="league"] .arena-strategy-facts small { color: #687988; }
html[data-app-mode="center"] .arena-strategy-facts small { color: #687988; }
html[data-app-mode="league"] .arena-strategy-facts strong { color: var(--arena-text); }
html[data-app-mode="center"] .arena-strategy-facts strong { color: var(--arena-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-plan-editor { background: #202936; border-left: 2px solid var(--arena-blue); }
html[data-app-mode="league"] .arena-plan-editor label { color: #687988; }
html[data-app-mode="center"] .arena-plan-editor label { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-plan-editor input { background: #151b24; border: 1px solid #3a4657; }
html[data-app-mode="league"] .arena-plan-editor input { color: var(--arena-text); }
html[data-app-mode="center"] .arena-plan-editor input { color: var(--arena-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-plan-editor > div button { background: #151b24; border: 1px solid #3a4657; }
html[data-app-mode="league"] .arena-plan-editor > div button { color: var(--arena-text); }
html[data-app-mode="center"] .arena-plan-editor > div button { color: var(--arena-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-plan-editor > div button[type="submit"] { background: var(--arena-blue); border-color: var(--arena-blue); color: #ffffff; }
html[data-app-mode="league"] .arena-event-compact-meta { color: #687988; }
html[data-app-mode="center"] .arena-event-compact-meta { color: #687988; }
html[data-app-mode="league"] .arena-preparation-list p { color: var(--arena-text); }
html[data-app-mode="center"] .arena-preparation-list p { color: var(--arena-text); }
html[data-app-mode="league"] .arena-preparation-list > span { color: #687988; }
html[data-app-mode="center"] .arena-preparation-list > span { color: #687988; }
html[data-app-mode="league"] .arena-preparation-list > span svg { color: var(--arena-green); }
html[data-app-mode="center"] .arena-preparation-list > span svg { color: var(--arena-green); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-competitive-checklist { border-bottom: 1px solid var(--arena-border); border-top: 1px solid var(--arena-border); }
html[data-app-mode="league"] .arena-competitive-checklist summary { color: var(--arena-text); }
html[data-app-mode="center"] .arena-competitive-checklist summary { color: var(--arena-text); }
html[data-app-mode="league"] .arena-competitive-checklist summary small { color: #687988; }
html[data-app-mode="center"] .arena-competitive-checklist summary small { color: #687988; }
html[data-app-mode="league"] .arena-competitive-checklist summary > svg { color: #687988; }
html[data-app-mode="center"] .arena-competitive-checklist summary > svg { color: #687988; }
html[data-app-mode="league"] .arena-competitive-checklist > div span { color: #687988; }
html[data-app-mode="center"] .arena-competitive-checklist > div span { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-competitive-checklist > div i { border: 1px solid #617084; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-note { background: #202936; border-left: 2px solid var(--arena-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-detail-actions a,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-detail-actions button { background: #202936; border: 1px solid #3a4657; }
html[data-app-mode="league"] .arena-event-detail-actions a,
html[data-app-mode="league"] .arena-event-detail-actions button { color: var(--arena-text); }
html[data-app-mode="center"] .arena-event-detail-actions a,
html[data-app-mode="center"] .arena-event-detail-actions button { color: var(--arena-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-detail-actions button:last-child { color: #ff8994; }
html[data-app-mode="league"] .arena-calendar-empty { color: #687988; }
html[data-app-mode="center"] .arena-calendar-empty { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-view-switch { background: #262626; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-view-switch button { background: transparent; color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-view-switch button.active { background: #17202a; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-notice { background: #141e1b; border: 1px solid #0a3d35; color: #76c2b4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-notice.error { background: #21181a; border-color: #efa5b3; color: #fb8b94; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-reminders { background: #1e1811; border: 1px solid #422b06; color: #e59f6b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .registration-opening-alert { background: #1f1907; border-color: #3d2f05; color: #d2a96f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-summary article { background: #262626; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-summary article svg { color: #fa8b95; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-summary article span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-summary article small { color: #8b99aa; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-assistant { background: #151c1b; border: 1px solid #0a3d35; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-assistant p { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .assistant-icon { background: #176b5f; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-discovery,
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-agenda,
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-past { background: #262626; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-section-head span { color: #8b99aa; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-suggestion-list label,
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-event-list article { background: #17191a; border: 1px solid #1d2227; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-suggestion-list label > a,
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-event-actions a,
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-event-actions button { background: #262626; border: 1px solid #1f252c; color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-date-tile { background: #262626; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-date-tile small { color: #fa8b95; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-event-main p { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-event-main small { color: #8b99aa; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-event-schedule span { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-event-schedule span svg { color: #8b99aa; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-event-schedule span b { color: #9cb5cd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-event-schedule .registration-time { background: #1f1907; border-left: 3px solid #d8aa32; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-event-schedule .registration-time svg,
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-event-schedule .registration-time b { color: #d2a96f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-type-pill { background: #1b1f24; color: #9cb5cd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .registration-pill.unknown,
html:is([data-app-mode="league"], [data-app-mode="center"]) .registration-pill.announced { background: #1b1d20; color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .registration-pill.open { background: #12221d; color: #76c2b4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .registration-pill.openQualified { background: #1b1f26; color: #92b1ec; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .registration-pill.closed { background: #2a1b1e; color: #fb8b94; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-event-actions button:hover { border-color: #c82f4d; color: #fa8b95; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-past > div { border-top: 1px solid #1d2227; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-past > div span { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-form .section-title > div p { color: #8b99aa; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-registration-help { background: #1f1907; border-left: 3px solid #d8aa32; color: #d2a96f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .user-notice { background: #1e1811; border: 1px solid #422b06; color: #e59f6b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .profile-preview small { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .profile-image-preview { background: #141e1b; border: 1px solid #0a3d35; color: #76c2b4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .personal-analysis-mode { background: #262626; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .personal-analysis-mode button { background: transparent; color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .personal-analysis-mode button.active { background: #17202a; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-search > div span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-player-head span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-event-report-head span { color: #94a1af; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-source-note { color: #94a1af; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-source-note a,
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-event-link { color: #76c2b4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-notice { background: #161d1b; border-left: 3px solid #2e9b83; color: #87b5aa; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-player-results button { background: #17191a; border: 1px solid #1f252c; color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-player-results button:hover { background: #161d1b; border-color: #8bcbbb; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-player-results small,
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-player-head small,
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-event-tools span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-event-list label > span small,
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-matchups small,
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-rounds span small { color: #94a1af; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-event-tools { border-top: 1px solid #1d2228; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-event-list { border-bottom: 1px solid #1d2228; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-event-list label { border-top: 1px solid #1d2228; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-event-list label.selected { background: #161c1a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-data-status.available { background: #0e2219; color: #78c49f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-data-status.missing { background: #1b1d20; color: #94a1af; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-data-status.proximo { background: #221a07; color: #dba65f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-summary-grid > div { background: #17202a; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-summary-grid span { color: #616e79; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-matchups { border-bottom: 1px solid #1d2228; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-matchups > div { border-top: 1px solid #1d2228; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-patterns > p:not(.empty) { background: #181a1c; border-left: 3px solid #4b83b5; color: #98aec4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-event-report-head p { color: #94a1af; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-event-report-head > strong { background: #191d20; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-import-tools { background: #181a1c; border: 1px solid #1e252a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-import-notice { color: #87b5aa; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .imported-round-pill { background: #191d20; border: 1px solid #20272d; color: #8fa4b4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-rounds > div { border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-rounds > div.win { background: #151b18; border-left-color: #2e9b63; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-rounds > div.loss { background: #1e1818; border-left-color: #c94c63; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-rounds > div.tie { background: #1b1811; border-left-color: #d39a32; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-deck-tabs { background: #262626; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-deck-tabs button { background: #17191a; border: 1px solid #1f252c; color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-deck-tabs button.active { background: #17202a; border-color: #17202a; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-deck-tabs button.active .deck-avatar { border-color: rgba(38, 38, 38, 0.72); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .personal-analysis-card { background: #262626; border: 1px solid #1f252c; box-shadow: 0 14px 30px rgba(23, 32, 42, 0.07); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .personal-analysis-head span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-mini-row span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .pattern-card span { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .personal-analysis-head p { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .local-meta-panel,
html:is([data-app-mode="league"], [data-app-mode="center"]) .turn-analysis-panel { border-top: 1px solid #1d2228; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-section-head p { color: #94a1af; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .meta-source-switch { background: #262626; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .meta-source-switch button { background: transparent; color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .meta-source-switch button.active { background: #17202a; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .meta-summary span { background: #191d20; color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .meta-summary b { color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .meta-confidence-note { color: #8797a7; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mental-state.positive { background: #0e2219; color: #78c49f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mental-state.negative { background: #281a1d; color: #fa8b95; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mental-state.neutral { background: #251b02; color: #d5a967; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mental-state.unknown { background: #1b1d20; color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-meta-insight { background: #161d1b; border-left: 3px solid #2e9b83; color: #87b5aa; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-meta-item { background: #262626; border: 1px solid #1f252c; border-left: 4px solid #9bb1c2; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-meta-item.expanded { border-left-color: #2e8f72; box-shadow: 0 8px 20px rgba(23, 32, 42, 0.07); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-meta-toggle { background: #262626; color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-meta-toggle:hover { background: #17191a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-meta-head span { color: #94a1af; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-meta-preview > span { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-meta-preview > span b { color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-meta-preview > svg { color: #94a1af; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-meta-details { background: #171818; border-top: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-performance span { background: #191d20; color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-performance b { color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-matchups { border-bottom: 1px solid #1c2126; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-matchups > div { border-top: 1px solid #1c2126; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-matchups small { color: #94a1af; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-meta-item blockquote { background: #1d180e; border-left: 3px solid #d99b2b; color: #beaa88; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-mental-reading p { color: #9daec0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-mental-reading p:last-child { border-left: 3px solid #9bb1c2; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .local-meta-list { border-bottom: 1px solid #1c2126; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .local-meta-row { border-top: 1px solid #1c2126; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .local-meta-copy span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .local-meta-record span { color: #94a1af; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .meta-priority.high,
html:is([data-app-mode="league"], [data-app-mode="center"]) .meta-priority.review,
html:is([data-app-mode="league"], [data-app-mode="center"]) .note-sentiment.negative,
html:is([data-app-mode="league"], [data-app-mode="center"]) .pattern-sentiment-summary .negative { background: #281a1d; color: #fa8b95; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .meta-priority.stable,
html:is([data-app-mode="league"], [data-app-mode="center"]) .note-sentiment.positive,
html:is([data-app-mode="league"], [data-app-mode="center"]) .pattern-sentiment-summary .positive { background: #0e2219; color: #78c49f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .meta-priority.untested,
html:is([data-app-mode="league"], [data-app-mode="center"]) .note-sentiment.neutral,
html:is([data-app-mode="league"], [data-app-mode="center"]) .pattern-sentiment-summary .neutral { background: #1b1d20; color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .turn-analysis-row { background: #181a1c; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .turn-analysis-row span { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .turn-analysis-row small { color: #94a1af; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .personal-analysis-grid section,
html:is([data-app-mode="league"], [data-app-mode="center"]) .note-patterns { background: #17191a; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .intelligent-analysis { border-top: 1px solid #1d2228; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .intelligent-analysis .analysis-section-head h3 svg { color: #fa8b95; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .intelligence-coverage { background: #191d20; color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .intelligent-insight { border-bottom: 1px solid #1d2227; border-left: 4px solid #8795a5; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .intelligent-insight.condition { border-left-color: #af7b16; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .intelligent-insight.risk { border-left-color: #c82f4d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .intelligent-insight.strength { border-left-color: #20816f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .insight-kind { background: #1b1d20; color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .insight-kind.condition { background: #241a05; color: #d6a867; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .insight-kind.risk { background: #2a1b1e; color: #fb8b94; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .insight-kind.strength { background: #12221d; color: #76c2b4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .insight-confidence { background: #1a1c1e; color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .insight-confidence.high { background: #12221d; color: #76c2b4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .insight-confidence.medium { background: #1b1f26; color: #92b1ec; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .intelligent-insight > p { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .intelligent-rule-context { background: #1d180e; border-left: 3px solid #af7b16; color: #c5ae80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .intelligent-recommendation { background: #171c1e; border-left: 3px solid #377d8c; color: #84b1bb; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .intelligent-evidence summary { color: #98aec4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .intelligent-example { background: #18191b; border-left: 3px solid #8795a5; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .intelligent-example.win { border-left-color: #20816f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .intelligent-example.loss { border-left-color: #c82f4d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .intelligent-example.tie { border-left-color: #af7b16; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .intelligent-example span { color: #8b99aa; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .intelligent-example small { color: #9cb5cd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-mini-row { background: #262626; border: 1px solid #1c2126; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pattern-card { background: #262626; border: 1px solid #1c2126; border-left: 5px solid #f28c38; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pattern-card p { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pattern-example { background: #1e1811; border: 1px solid #392405; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pattern-example.win { border-left: 4px solid #2e8f72; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pattern-example.loss { border-left: 4px solid #c82f4d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pattern-example.tie { border-left: 4px solid #d99824; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pattern-example-meta { color: #d5a871; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pattern-example small { color: #dba572; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-event-search > div:first-child span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-event-overview .analysis-section-head span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-meta-decks .analysis-section-head span { color: #94a1af; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-event-mark { background: #231a01; color: #e1a35f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-meta-decks .analysis-section-head small { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-meta-table { border-bottom: 1px solid #1d2228; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-meta-group { border-top: 1px solid #1d2228; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-meta-row { background: transparent; color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-meta-row:hover { background: #171a19; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-meta-row small,
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-variant-list small,
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-event-overview small { color: #94a1af; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-meta-row > b { color: #76c2b4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-variant-list { background: #17191a; border-top: 1px solid #1d2228; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-variant-list > div { border-bottom: 1px solid #1d2025; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-variant-list > div > span:not(:first-child) { color: #9daec0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-meta-insights { background: #17191a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-confidence { background: #191d20; border: 1px solid #20272e; color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-confidence.medium { background: #1e190c; border-color: #322502; color: #d7a76b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-confidence.high { background: #141e1b; border-color: #123029; color: #76c2b4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-insight { border-bottom: 1px solid #1d2228; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-insight::before { background: #2e9b83; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-insight.performance::before { background: #3979a9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-insight.conversion::before { background: #9c6217; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-insight.sample::before { background: #8995a1; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-insight > span { color: #94a1af; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-insight > strong { color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-insight p,
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-test-recommendation p { color: #a1b1c0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-test-recommendation { background: #151d1b; border-left: 4px solid #238675; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-test-title { color: #7dc0b4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-test-list > div + div { border-top: 1px solid #162925; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-test-priority { color: #7dc0b4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-test-priority.emerging::after { color: #d7a868; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-test-list small { color: #8aa29b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-sample-note { color: #8c9aa8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-event-overview article { background: #262626; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-event-overview article > span { color: #e1a35f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-event-overview article p { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-deck-entry { background: #17191a; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-entry-row,
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-deck-row { background: #262626; border: 1px solid #1f252c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-entry-row span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-deck-row span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-deck-row small { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-card { background: #262626; border: 1px solid #1f252c; box-shadow: 0 14px 30px rgba(23, 32, 42, 0.07); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-card-head span { color: #fa8b95; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-card-head p { color: #96a5b3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-delete-button { background: #22181a; border: 1px solid #48212b; color: #fa8b95; }
@media (max-width: 430px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-countdown { border-left: 3px solid var(--arena-red); } }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-arsenal-screen { --arsenal-muted: #717d8b; background: var(--arsenal-bg); }
html[data-app-mode="league"] .arena-arsenal-screen { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-arsenal-screen { color: var(--arsenal-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-arsenal-header { border-bottom: 1px solid var(--arsenal-border); }
html[data-app-mode="league"] .arena-arsenal-header .eyebrow { color: #fb8c8f; }
html[data-app-mode="center"] .arena-arsenal-header .eyebrow { color: #fb8c8f; }
html[data-app-mode="league"] .arena-arsenal-header h2 { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-arsenal-header h2 { color: var(--arsenal-text); }
html[data-app-mode="league"] .arena-arsenal-header > div > span { color: #717d8b; }
html[data-app-mode="center"] .arena-arsenal-header > div > span { color: #717d8b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare-button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-add-deck-button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-arsenal-empty button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-panel-heading button { border: 1px solid var(--arsenal-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare-button { background: #131b24; }
html[data-app-mode="league"] .arena-compare-button { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-compare-button { color: var(--arsenal-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-add-deck-button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-arsenal-empty button { background: var(--arsenal-red); border-color: var(--arsenal-red); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare-button:hover:not(:disabled),
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-panel-heading button:hover { border-color: var(--arsenal-blue); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-arsenal-card { background: #0f161e; border: 1px solid var(--arsenal-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-arsenal-card:hover { border-color: #405163; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-arsenal-card.selected { border-color: var(--arsenal-red); box-shadow: inset 3px 0 0 var(--arsenal-red), 0 18px 34px rgba(0, 0, 0, 0.2); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-arsenal-card-main { background: transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-arsenal-art { background: radial-gradient(circle at 45% 42%, var(--deck-aura-primary, rgba(90, 110, 140, 0.32)), transparent 60%),
    linear-gradient(150deg, #1d2b39, #111820); border-right: 1px solid var(--arsenal-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-arsenal-art::before,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-detail-avatar::before { background-image: var(--deck-aura-image, none); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-arsenal-art .deck-avatar { background: transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-arsenal-art > span { color: rgba(255, 255, 255, 0.16); }
html[data-app-mode="league"] .arena-arsenal-card-title h3 { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-arsenal-card-title h3 { color: var(--arsenal-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-role,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-arsenal-card-title small,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-detail-badges span { border: 1px solid currentColor; }
html[data-app-mode="league"] .arena-role { color: #fb8c8f; }
html[data-app-mode="center"] .arena-role { color: #fb8c8f; }
html[data-app-mode="league"] .arena-role.role-principal { color: #fb8c8f; }
html[data-app-mode="center"] .arena-role.role-principal { color: #fb8c8f; }
html[data-app-mode="league"] .arena-role.role-alternativo { color: #66b9fc; }
html[data-app-mode="center"] .arena-role.role-alternativo { color: #66b9fc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-arsenal-card-title small { border-color: transparent; }
html[data-app-mode="league"] .arena-arsenal-card-title small { color: #717d8b; }
html[data-app-mode="center"] .arena-arsenal-card-title small { color: #717d8b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-active-configuration { border-left: 2px solid var(--arsenal-red); }
html[data-app-mode="league"] .arena-active-configuration span,
html[data-app-mode="league"] .arena-deck-record span,
html[data-app-mode="league"] .arena-deck-signals span,
html[data-app-mode="league"] .arena-weak-matchups > span,
html[data-app-mode="league"] .arena-detail-hero small,
html[data-app-mode="league"] .arena-profile-grid span,
html[data-app-mode="league"] .arena-panel-heading span,
html[data-app-mode="league"] .arena-compare-dialog header span { color: #717d8b; }
html[data-app-mode="center"] .arena-active-configuration span,
html[data-app-mode="center"] .arena-deck-record span,
html[data-app-mode="center"] .arena-deck-signals span,
html[data-app-mode="center"] .arena-weak-matchups > span,
html[data-app-mode="center"] .arena-detail-hero small,
html[data-app-mode="center"] .arena-profile-grid span,
html[data-app-mode="center"] .arena-panel-heading span,
html[data-app-mode="center"] .arena-compare-dialog header span { color: #717d8b; }
html[data-app-mode="league"] .arena-active-configuration strong,
html[data-app-mode="league"] .arena-active-configuration small { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-active-configuration strong,
html[data-app-mode="center"] .arena-active-configuration small { color: var(--arsenal-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-deck-record { border-bottom: 1px solid var(--arsenal-border); border-top: 1px solid var(--arsenal-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-deck-record > div + div,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-deck-signals > div + div { border-left: 1px solid var(--arsenal-border); }
html[data-app-mode="league"] .arena-deck-record strong { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-deck-record strong { color: var(--arsenal-text); }
html[data-app-mode="league"] .arena-deck-record > div:nth-child(2) strong { color: #66b9fc; }
html[data-app-mode="center"] .arena-deck-record > div:nth-child(2) strong { color: #66b9fc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-deck-signals strong { color: #dce4ec; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-confidence-copy { color: #7d8b99; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-weak-matchups > div > span { border-left: 2px solid #d9a73f; }
html[data-app-mode="league"] .arena-weak-matchups b,
html[data-app-mode="league"] .arena-weak-matchups strong { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-weak-matchups b,
html[data-app-mode="center"] .arena-weak-matchups strong { color: var(--arsenal-text); }
html[data-app-mode="league"] .arena-weak-matchups small { color: #717d8b; }
html[data-app-mode="center"] .arena-weak-matchups small { color: #717d8b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-card-actions button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-delete-variant,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare-dialog > header button { background: #18222d; border: 1px solid var(--arsenal-border); color: #626c77; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-card-actions button:hover:not(:disabled) { border-color: var(--arsenal-blue); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-card-actions button.danger,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-delete-variant { color: #fb8b91; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-deck-edit-shell { border-top: 1px solid var(--arsenal-border); }
html[data-app-mode="league"] .arena-deck-edit-shell label,
html[data-app-mode="league"] .arena-deck-edit-shell .field-hint { color: #717d8b; }
html[data-app-mode="center"] .arena-deck-edit-shell label,
html[data-app-mode="center"] .arena-deck-edit-shell .field-hint { color: #717d8b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-deck-edit-shell input,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-deck-edit-shell select,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-deck-edit-shell textarea { background: #090e13; border-color: var(--arsenal-border); }
html[data-app-mode="league"] .arena-deck-edit-shell input,
html[data-app-mode="league"] .arena-deck-edit-shell select,
html[data-app-mode="league"] .arena-deck-edit-shell textarea { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-deck-edit-shell input,
html[data-app-mode="center"] .arena-deck-edit-shell select,
html[data-app-mode="center"] .arena-deck-edit-shell textarea { color: var(--arsenal-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-deck-detail { background: var(--arsenal-panel); border: 1px solid var(--arsenal-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-detail-avatar { background: radial-gradient(circle, var(--deck-aura-primary, rgba(90, 110, 140, 0.3)), transparent 70%),
    #18222d; border: 1px solid var(--arsenal-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-detail-avatar .deck-avatar { background: transparent; }
html[data-app-mode="league"] .arena-detail-hero h2 { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-detail-hero h2 { color: var(--arsenal-text); }
html[data-app-mode="league"] .arena-detail-badges span { color: #fb8c8f; }
html[data-app-mode="center"] .arena-detail-badges span { color: #fb8c8f; }
html[data-app-mode="league"] .arena-detail-badges span.ready { color: #5aca96; }
html[data-app-mode="center"] .arena-detail-badges span.ready { color: #5aca96; }
html[data-app-mode="league"] .arena-detail-hero > div > strong { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-detail-hero > div > strong { color: var(--arsenal-text); }
html[data-app-mode="league"] .arena-detail-hero p { color: #717d8b; }
html[data-app-mode="center"] .arena-detail-hero p { color: #717d8b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-detail-tabs { border-bottom: 1px solid var(--arsenal-border); border-top: 1px solid var(--arsenal-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-detail-tabs button { background: transparent; border-bottom: 2px solid transparent; }
html[data-app-mode="league"] .arena-detail-tabs button { color: #717d8b; }
html[data-app-mode="center"] .arena-detail-tabs button { color: #717d8b; }
html[data-app-mode="league"] .arena-detail-tabs button:hover,
html[data-app-mode="league"] .arena-detail-tabs button.active { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-detail-tabs button:hover,
html[data-app-mode="center"] .arena-detail-tabs button.active { color: var(--arsenal-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-detail-tabs button.active { border-bottom-color: var(--arsenal-red); }
html[data-app-mode="league"] .arena-detail-tabs button.active { color: #fb8c8f; }
html[data-app-mode="center"] .arena-detail-tabs button.active { color: #fb8c8f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-profile-grid > div { border-bottom: 1px solid var(--arsenal-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-profile-grid > div + div { border-left: 1px solid var(--arsenal-border); }
html[data-app-mode="league"] .arena-profile-grid strong { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-profile-grid strong { color: var(--arsenal-text); }
html[data-app-mode="league"] .arena-profile-controls label,
html[data-app-mode="league"] .arena-variant-fields label,
html[data-app-mode="league"] .arena-compare-controls label { color: #717d8b; }
html[data-app-mode="center"] .arena-profile-controls label,
html[data-app-mode="center"] .arena-variant-fields label,
html[data-app-mode="center"] .arena-compare-controls label { color: #717d8b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-profile-controls select,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-variant-fields :is(input, select),
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare-controls select,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-decklist-editor { background: #090e13; border: 1px solid var(--arsenal-border); }
html[data-app-mode="league"] .arena-profile-controls select,
html[data-app-mode="league"] .arena-variant-fields :is(input, select),
html[data-app-mode="league"] .arena-compare-controls select,
html[data-app-mode="league"] .arena-decklist-editor { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-profile-controls select,
html[data-app-mode="center"] .arena-variant-fields :is(input, select),
html[data-app-mode="center"] .arena-compare-controls select,
html[data-app-mode="center"] .arena-decklist-editor { color: var(--arsenal-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-detail-note { border-left: 2px solid var(--arsenal-blue); }
html[data-app-mode="league"] .arena-detail-note { color: #717d8b; }
html[data-app-mode="center"] .arena-detail-note { color: #717d8b; }
html[data-app-mode="league"] .arena-detail-matchups h3 { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-detail-matchups h3 { color: var(--arsenal-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-detail-matchups > div { border-top: 1px solid var(--arsenal-border); }
html[data-app-mode="league"] .arena-detail-matchups > div > small,
html[data-app-mode="league"] .arena-detail-matchups > div > b { color: #717d8b; }
html[data-app-mode="center"] .arena-detail-matchups > div > small,
html[data-app-mode="center"] .arena-detail-matchups > div > b { color: #717d8b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-detail-matchups > div > b { color: #616972; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-panel-heading { border-bottom: 1px solid var(--arsenal-border); }
html[data-app-mode="league"] .arena-panel-heading h3 { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-panel-heading h3 { color: var(--arsenal-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-panel-heading button { background: #18222d; }
html[data-app-mode="league"] .arena-panel-heading button { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-panel-heading button { color: var(--arsenal-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-variant-list article { background: #0d141b; border: 1px solid var(--arsenal-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-variant-list article.active { border-color: var(--arsenal-blue); box-shadow: inset 3px 0 0 var(--arsenal-blue); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-variant-selector { background: transparent; }
html[data-app-mode="league"] .arena-variant-selector { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-variant-selector { color: var(--arsenal-text); }
html[data-app-mode="league"] .arena-variant-selector > span { color: #66b9fc; }
html[data-app-mode="center"] .arena-variant-selector > span { color: #66b9fc; }
html[data-app-mode="league"] .arena-variant-selector small { color: #717d8b; }
html[data-app-mode="center"] .arena-variant-selector small { color: #717d8b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-version-list article { border-left: 1px solid #465564; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-version-list article::before { background: var(--arsenal-panel); border: 2px solid var(--arsenal-blue); }
html[data-app-mode="league"] .arena-version-list article > span { color: #fb8c8f; }
html[data-app-mode="center"] .arena-version-list article > span { color: #fb8c8f; }
html[data-app-mode="league"] .arena-version-list strong { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-version-list strong { color: var(--arsenal-text); }
html[data-app-mode="league"] .arena-version-list small { color: #717d8b; }
html[data-app-mode="center"] .arena-version-list small { color: #717d8b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-arsenal-empty { border: 1px dashed var(--arsenal-border); }
html[data-app-mode="league"] .arena-arsenal-empty { color: #717d8b; }
html[data-app-mode="center"] .arena-arsenal-empty { color: #717d8b; }
html[data-app-mode="league"] .arena-arsenal-empty strong { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-arsenal-empty strong { color: var(--arsenal-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare-overlay { background: rgba(2, 5, 8, 0.78); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare-dialog { background: #0e151c; border: 1px solid #344352; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55); }
html[data-app-mode="league"] .arena-compare-dialog { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-compare-dialog { color: var(--arsenal-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare-dialog > header { border-bottom: 1px solid var(--arsenal-border); }
html[data-app-mode="league"] .arena-compare-dialog h2 { color: var(--arsenal-text); }
html[data-app-mode="center"] .arena-compare-dialog h2 { color: var(--arsenal-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare-names { background: #141d26; border: 1px solid var(--arsenal-border); }
html[data-app-mode="league"] .arena-compare-names span { color: #fb8c8f; }
html[data-app-mode="center"] .arena-compare-names span { color: #fb8c8f; }
html[data-app-mode="league"] .arena-compare-row > span { color: #717d8b; }
html[data-app-mode="center"] .arena-compare-row > span { color: #717d8b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare-row > div { background: #26313c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare-row i { background: var(--arsenal-blue); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare-row i + i { background: var(--arsenal-red); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare-verdict { background: #0e2433; border-left: 3px solid var(--arsenal-blue); color: #dcecf8; }
@media (max-width: 760px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-card-actions { background: #111820; border-bottom: 1px solid var(--arsenal-border); } }
@media (max-width: 500px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-arsenal-art { border-bottom: 1px solid var(--arsenal-border); } }
@media (max-width: 500px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-deck-record > div + div,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-deck-signals > div + div,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-profile-grid > div + div { border-top: 1px solid var(--arsenal-border); } }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) { --app-bg: #181a1c; --app-surface: #262626; --app-text: #a8bfd8; --app-muted: #8e9dae; --app-border: #20272d; background: var(--app-bg); border-color: var(--app-border); }
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) { color: #a8bfd8; }
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) { color: #b7c5ca; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center { --app-bg: #1a1b1b; --app-surface: #262626; --app-text: #b7c5ca; --app-muted: #949ea0; --app-border: #232626; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .themed-header { background: var(--app-surface); border-color: var(--app-border); }
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) .themed-brand strong,
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) .themed-user-button,
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) .themed-icon-button,
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) .mode-switcher-button { color: #a8bfd8; }
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) .themed-brand strong,
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) .themed-user-button,
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) .themed-icon-button,
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) .mode-switcher-button { color: #b7c5ca; }
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) .themed-brand small { color: #8e9dae; }
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) .themed-brand small { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .themed-brand-mark { background: linear-gradient(to bottom, var(--app-accent) 0 44%, var(--app-text) 44% 55%, var(--app-surface) 55%); border: 2px solid var(--app-text); color: transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .themed-brand-mark svg { background: var(--app-surface); border: 2px solid var(--app-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .themed-brand-mark { background: var(--app-primary); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .themed-brand-mark svg { background: transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .themed-tabs { background: transparent; }
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) .themed-tabs > button { color: #8e9dae; }
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) .themed-tabs > button { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .themed-tabs > button:hover,
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .themed-tabs > button.active { background: var(--app-primary); }
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) .themed-tabs > button:hover,
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) .themed-tabs > button.active { color: var(--app-primary-text); }
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) .themed-tabs > button:hover,
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) .themed-tabs > button.active { color: var(--app-primary-text); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .themed-tabs { border-top: 1px solid var(--app-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-utility-navigation { border-bottom: 1px solid var(--app-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-utility-navigation > .more-menu > button { background: var(--app-surface); border: 1px solid var(--app-border); }
html[data-app-mode="league"] .themed-utility-navigation > .more-menu > button { color: #a8bfd8; }
html[data-app-mode="center"] .themed-utility-navigation > .more-menu > button { color: #b7c5ca; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-utility-navigation > .more-menu > button[aria-expanded="true"] { background: var(--app-primary); border-color: var(--app-primary); }
html[data-app-mode="league"] .themed-utility-navigation > .more-menu > button[aria-expanded="true"] { color: var(--app-primary-text); }
html[data-app-mode="center"] .themed-utility-navigation > .more-menu > button[aria-expanded="true"] { color: var(--app-primary-text); }
html[data-app-mode="league"] .themed-utility-navigation .more-menu-panel small { color: #8e9dae; }
html[data-app-mode="center"] .themed-utility-navigation .more-menu-panel small { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-summary-hero { background: linear-gradient(125deg, #17375d 0%, #24578d 58%, #d3454f 58%, #df5961 100%); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-summary-hero h2 { color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-summary-hero p,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-summary-hero small { color: rgba(255, 255, 255, 0.76); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-summary-score { border: 8px solid rgba(38, 38, 38, 0.28); border-right-color: #262626; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-summary-score strong { color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .concept-summary-stats article,
html:is([data-app-mode="league"], [data-app-mode="center"]) .concept-summary-panel { background: var(--app-surface); border: 1px solid var(--app-border); }
html[data-app-mode="league"] .concept-summary-stats span,
html[data-app-mode="league"] .concept-summary-stats small,
html[data-app-mode="league"] .concept-summary-panel small { color: #8e9dae; }
html[data-app-mode="center"] .concept-summary-stats span,
html[data-app-mode="center"] .concept-summary-stats small,
html[data-app-mode="center"] .concept-summary-panel small { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .concept-section-head > button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .concept-focus-row { background: transparent; }
html[data-app-mode="league"] .concept-section-head > button,
html[data-app-mode="league"] .concept-focus-row { color: #86b5eb; }
html[data-app-mode="center"] .concept-section-head > button,
html[data-app-mode="center"] .concept-focus-row { color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .concept-section-head > span { background: var(--app-bg); }
html[data-app-mode="league"] .concept-section-head > span { color: #8e9dae; }
html[data-app-mode="center"] .concept-section-head > span { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .concept-summary-round { border-top: 1px solid var(--app-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .concept-progress > i,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-approved-meta-row > i { background: color-mix(in srgb, var(--app-muted) 25%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .concept-progress > i b,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-approved-meta-row > i b { background: var(--app-primary); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .concept-focus-row { border-top: 1px solid var(--app-border); }
html[data-app-mode="league"] .concept-focus-row { color: #8e9dae; }
html[data-app-mode="center"] .concept-focus-row { color: #949ea0; }
html[data-app-mode="league"] .concept-focus-row svg { color: #86b5eb; }
html[data-app-mode="center"] .concept-focus-row svg { color: #fb8d84; }
html[data-app-mode="league"] .center-approved-welcome p { color: #8e9dae; }
html[data-app-mode="center"] .center-approved-welcome p { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-approved-readiness { background: #131c1a; border: 1px solid #0c2f27; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-approved-readiness > span { background: #58a181; box-shadow: 0 0 0 6px rgba(88, 161, 129, 0.14); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-approved-readiness > div:last-child > i { background: #1b2824; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-approved-readiness > div:last-child > i span { background: #58a181; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .approved-summary-center .center-workbench,
html:is([data-app-mode="league"], [data-app-mode="center"]) .approved-summary-center .center-last-tournament { background: #1c1e1e; border-color: #252828; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-approved-score { border-bottom: 1px solid var(--app-border); }
html[data-app-mode="league"] .arena-approved-score > div:first-child > small { color: #86b5eb; }
html[data-app-mode="center"] .arena-approved-score > div:first-child > small { color: #fb8d84; }
html[data-app-mode="league"] .arena-approved-score p { color: #8e9dae; }
html[data-app-mode="center"] .arena-approved-score p { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-approved-score > div:last-child { border-left: 1px solid var(--app-border); }
html[data-app-mode="league"] .arena-approved-score > div:last-child span { color: #86b5eb; }
html[data-app-mode="center"] .arena-approved-score > div:last-child span { color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-approved-metrics { background: var(--app-surface); border: 1px solid var(--app-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-approved-metrics > span { border-right: 1px solid var(--app-border); }
html[data-app-mode="league"] .arena-approved-metrics em { color: #8e9dae; }
html[data-app-mode="center"] .arena-approved-metrics em { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-approved-meta-row { border-top: 1px solid var(--app-border); }
html[data-app-mode="league"] .arena-approved-meta-row > b { color: #86b5eb; }
html[data-app-mode="center"] .arena-approved-meta-row > b { color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-approved-meta-row > i b { background: #5f94c9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-approved-meta-row.danger > i b { background: var(--app-primary); }
html[data-app-mode="league"] .arena-approved-meta-row em { color: #8e9dae; }
html[data-app-mode="center"] .arena-approved-meta-row em { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-approved-mission { border-top: 2px solid var(--app-primary); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-approved-mission > span { background: color-mix(in srgb, var(--app-primary) 14%, var(--app-surface)); border: 1px solid var(--app-primary); }
html[data-app-mode="league"] .arena-approved-mission > span { color: #86b5eb; }
html[data-app-mode="center"] .arena-approved-mission > span { color: #fb8d84; }
html[data-app-mode="league"] .arena-approved-mission > p { color: #8e9dae; }
html[data-app-mode="center"] .arena-approved-mission > p { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-approved-mission > button { background: transparent; border-top: 1px solid var(--app-border); }
html[data-app-mode="league"] .arena-approved-mission > button { color: #86b5eb; }
html[data-app-mode="center"] .arena-approved-mission > button { color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .concept-screen-title { border-left: 4px solid var(--app-accent); }
html[data-app-mode="league"] .concept-screen-title p,
html[data-app-mode="league"] .concept-screen-title > span { color: #8e9dae; }
html[data-app-mode="center"] .concept-screen-title p,
html[data-app-mode="center"] .concept-screen-title > span { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .concept-match-preview { background: var(--app-surface); border: 1px solid var(--app-border); }
html[data-app-mode="league"] .concept-match-preview { color: #a8bfd8; }
html[data-app-mode="center"] .concept-match-preview { color: #b7c5ca; }
html[data-app-mode="league"] .concept-match-preview > p { color: #8e9dae; }
html[data-app-mode="center"] .concept-match-preview > p { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .concept-deck-toolbar > span { background: var(--app-surface); border: 1px solid var(--app-border); }
html[data-app-mode="league"] .concept-deck-toolbar > span { color: #8e9dae; }
html[data-app-mode="center"] .concept-deck-toolbar > span { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .concept-deck-toolbar > button { background: var(--app-surface); border: 1px solid var(--app-border); }
html[data-app-mode="league"] .concept-deck-toolbar > button { color: #a8bfd8; }
html[data-app-mode="center"] .concept-deck-toolbar > button { color: #b7c5ca; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-rounds-screen .rounds-header,
html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-events-screen .rounds-header { border-left: 4px solid var(--app-accent); }
html[data-app-mode="league"] .concept-screen-copy { color: #8e9dae; }
html[data-app-mode="center"] .concept-screen-copy { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) :is(.panel, .toolbar, .deck-summary, .stat-card, .matchup-group, .round-filters, .selection-toolbar, .utility-panel, .empty-rounds) { background: var(--app-surface); border-color: var(--app-border); }
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) :is(.panel, .toolbar, .deck-summary, .stat-card, .matchup-group, .round-filters, .selection-toolbar, .utility-panel, .empty-rounds) { color: #a8bfd8; }
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) :is(.panel, .toolbar, .deck-summary, .stat-card, .matchup-group, .round-filters, .selection-toolbar, .utility-panel, .empty-rounds) { color: #b7c5ca; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) :is(input, select, textarea) { background: var(--app-bg); border-color: var(--app-border); }
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) :is(input, select, textarea) { color: #a8bfd8; }
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) :is(input, select, textarea) { color: #b7c5ca; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-center :is(.panel, .stat-card, .matchup-group, .round-filters, .event-card) { border-color: #252828; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center > :is(
  .mode-dashboard,
  .themed-register-layout,
  .themed-stats-screen,
  .themed-deck-grid,
  .themed-rounds-screen,
  .themed-events-screen,
  .utility-panel,
  .concept-screen-title,
  .concept-deck-toolbar
) { background-color: var(--app-bg); }
@media (max-width: 860px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .themed-tabs { border-top: 1px solid var(--app-border); } }
@media (max-width: 650px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-approved-score > div:last-child { border-top: 1px solid var(--app-border); } }
@media (max-width: 650px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-approved-metrics > span:nth-child(-n + 2) { border-bottom: 1px solid var(--app-border); } }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-decks-screen { --center-deck-coral-soft: #231818; --center-deck-mint-soft: #141e19; --center-deck-blue-soft: #151b21; --center-deck-border: #23282d; --center-deck-ink: #b1c8e9; --center-deck-muted: #91a1b8; }
html[data-app-mode="league"] .center-decks-screen { color: #b1c8e9; }
html[data-app-mode="center"] .center-decks-screen { color: #b1c8e9; }
html[data-app-mode="league"] .center-decks-heading h2 { color: #b1c8e9; }
html[data-app-mode="center"] .center-decks-heading h2 { color: #b1c8e9; }
html[data-app-mode="league"] .center-decks-heading p { color: #91a1b8; }
html[data-app-mode="center"] .center-decks-heading p { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-decks-heading > button { background: var(--center-deck-coral); border: 1px solid var(--center-deck-coral); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-deck,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-next-mission,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learned,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-other-decks,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-discover-matchups,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-deck-edit-panel,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-deck-choice,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-decks-empty { background: rgba(38, 38, 38, 0.9); border: 1px solid var(--center-deck-border); box-shadow: 0 5px 16px rgba(49, 70, 91, 0.045); }
html[data-app-mode="league"] .center-learning-deck > h3,
html[data-app-mode="league"] .center-next-mission > h3,
html[data-app-mode="league"] .center-learned > h3,
html[data-app-mode="league"] .center-other-decks > h3,
html[data-app-mode="league"] .center-discover-matchups > h3 { color: #b1c8e9; }
html[data-app-mode="center"] .center-learning-deck > h3,
html[data-app-mode="center"] .center-next-mission > h3,
html[data-app-mode="center"] .center-learned > h3,
html[data-app-mode="center"] .center-other-decks > h3,
html[data-app-mode="center"] .center-discover-matchups > h3 { color: #b1c8e9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-deck > h3,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-other-decks > h3 { color: #a0bbde; }
html[data-app-mode="league"] .center-learning-deck > h3 svg,
html[data-app-mode="league"] .center-other-decks > h3 svg { color: #fb8d84; }
html[data-app-mode="center"] .center-learning-deck > h3 svg,
html[data-app-mode="center"] .center-other-decks > h3 svg { color: #fb8d84; }
html[data-app-mode="league"] .center-next-mission > h3 svg,
html[data-app-mode="league"] .center-discover-matchups > h3 svg { color: #6ab8fd; }
html[data-app-mode="center"] .center-next-mission > h3 svg,
html[data-app-mode="center"] .center-discover-matchups > h3 svg { color: #6ab8fd; }
html[data-app-mode="league"] .center-learned > h3 svg { color: #76c59a; }
html[data-app-mode="center"] .center-learned > h3 svg { color: #76c59a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-body { background: linear-gradient(108deg, rgba(38, 38, 38, 0.12), rgba(38, 38, 38, 0.9) 56%),
    var(--deck-aura-background); border-top: 1px solid var(--center-deck-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-art::before { background-image: var(--deck-aura-image); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-art::after { background: radial-gradient(circle at 56% 64%, rgba(38, 38, 38, 0.12), transparent 44%),
    linear-gradient(135deg, transparent 0 44%, rgba(38, 38, 38, 0.28) 44% 47%, transparent 47%); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-art .deck-avatar { background: transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-data { background: rgba(38, 38, 38, 0.72); }
html[data-app-mode="league"] .center-learning-data h2 { color: #b1c8e9; }
html[data-app-mode="center"] .center-learning-data h2 { color: #b1c8e9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-data > p { color: #92a3b9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stage { border: 1px solid #75c4a4; color: #72c59e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stage.known { background: var(--center-deck-mint-soft); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stage.practice { background: #141d1a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stage.learning { background: #1e190c; border-color: #43320a; color: #daa75d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-familiarity span { color: #94a3b8; }
html[data-app-mode="league"] .center-familiarity strong { color: #76c59a; }
html[data-app-mode="center"] .center-familiarity strong { color: #76c59a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-familiarity i { background: #22272a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-familiarity i b { background: var(--center-deck-mint); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-metrics > div { background: rgba(38, 38, 38, 0.72); border: 1px solid #202427; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-metrics svg { color: #94b4dd; }
html[data-app-mode="league"] .center-learning-metrics strong { color: #b1c8e9; }
html[data-app-mode="center"] .center-learning-metrics strong { color: #b1c8e9; }
html[data-app-mode="league"] .center-learning-metrics span { color: #91a1b8; }
html[data-app-mode="center"] .center-learning-metrics span { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-note { background: rgba(38, 38, 38, 0.72); border: 1px solid #202427; }
html[data-app-mode="league"] .center-learning-note > svg { color: #76c59a; }
html[data-app-mode="center"] .center-learning-note > svg { color: #76c59a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-note strong { color: #72c5a0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-note small { color: #92a3b9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-feature-tools button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-other-tools button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-deck-edit-panel header > button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-compare-dialog header > button { background: rgba(38, 38, 38, 0.9); border: 1px solid #242b32; color: #88a6c7; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-feature-tools button:last-child,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-other-tools button:last-child { color: #fb8c8f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-next-mission > div { background: var(--center-deck-blue-soft); border: 1px solid #11324c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-mission-star { background: #262626; border: 2px solid #74b5ed; color: #75b7f4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-mission-copy i { background: #242b32; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-mission-copy i b { background: var(--center-deck-blue); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-next-mission > div > b { color: #77b7f3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-next-mission button { background: var(--center-deck-coral); border: 1px solid var(--center-deck-coral); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learned article { border: 1px solid #0f3023; color: #7b8a97; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learned article.complete { background: #141816; }
html[data-app-mode="league"] .center-learned article.complete { color: #76c59a; }
html[data-app-mode="center"] .center-learned article.complete { color: #76c59a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learned article strong { color: #78c3a3; }
html[data-app-mode="league"] .center-learned article small { color: #91a1b8; }
html[data-app-mode="center"] .center-learned article small { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learned article > svg:last-child { background: var(--center-deck-mint); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-other-decks article { background: #262626; border: 1px solid #202529; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-other-select { background: transparent; }
html[data-app-mode="league"] .center-other-select { color: #b1c8e9; }
html[data-app-mode="center"] .center-other-select { color: #b1c8e9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-other-select:hover { background: #161719; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-other-art { background: var(--deck-aura-background); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-other-art::before { background-image: var(--deck-aura-image); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-other-art .deck-avatar { background: transparent; }
html[data-app-mode="league"] .center-other-copy p { color: #91a1b8; }
html[data-app-mode="center"] .center-other-copy p { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-other-copy small,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-other-copy em { color: #92a3b9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-other-copy em { border-top: 1px solid #202326; }
html[data-app-mode="league"] .center-other-copy em svg { color: #e9a02a; }
html[data-app-mode="center"] .center-other-copy em svg { color: #e9a02a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-other-select > svg { color: #7c91a5; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-matchup-columns > div { border: 1px solid #1c292f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-matchup-columns > .comfortable { background: #131915; border-color: #0d3022; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-matchup-columns > .practice { background: #1b1812; border-color: #352503; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-matchup-columns h4 { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-matchup-columns .comfortable h4 { color: #71c59f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-matchup-columns .practice h4 { color: #e6a056; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-matchup-columns .deck-avatar { background: #262626; border: 1px solid #222a2f; }
html[data-app-mode="league"] .center-matchup-columns b { color: #76c59a; }
html[data-app-mode="center"] .center-matchup-columns b { color: #76c59a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-matchup-columns .practice b { color: #fd8f67; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-matchup-columns .unknown b { color: #7e8b98; }
html[data-app-mode="league"] .center-matchup-columns > div > small { color: #91a1b8; }
html[data-app-mode="center"] .center-matchup-columns > div > small { color: #91a1b8; }
html[data-app-mode="league"] .center-inline-empty,
html[data-app-mode="league"] .center-decks-empty { color: #91a1b8; }
html[data-app-mode="center"] .center-inline-empty,
html[data-app-mode="center"] .center-decks-empty { color: #91a1b8; }
html[data-app-mode="league"] .center-deck-edit-panel header small { color: #fb8d84; }
html[data-app-mode="center"] .center-deck-edit-panel header small { color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-deck-edit-panel footer button:last-child { background: #262626; border: 1px solid #252d33; color: #8fa6bd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-deck-choice { border-color: #173751; color: #78b6f5; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-deck-choice > svg { background: #141e25; }
html[data-app-mode="league"] .center-deck-choice h3 { color: #b1c8e9; }
html[data-app-mode="center"] .center-deck-choice h3 { color: #b1c8e9; }
html[data-app-mode="league"] .center-deck-choice p { color: #91a1b8; }
html[data-app-mode="center"] .center-deck-choice p { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-deck-choice > button { background: var(--center-deck-coral); border: 1px solid var(--center-deck-coral); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-list-details > summary { background: var(--center-deck-blue); border: 1px solid var(--center-deck-blue); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-list-details > div { border-top: 1px solid #1e2830; }
html[data-app-mode="league"] .center-list-details > div { color: #b1c8e9; }
html[data-app-mode="center"] .center-list-details > div { color: #b1c8e9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-list-details pre { background: #171a1c; border: 1px solid #1e262b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-compare-overlay { background: rgba(38, 58, 79, 0.46); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-compare-dialog { background: #161719; border: 1px solid #1f3240; box-shadow: 0 24px 62px rgba(37, 59, 82, 0.24); }
html[data-app-mode="league"] .center-compare-dialog { color: #b1c8e9; }
html[data-app-mode="center"] .center-compare-dialog { color: #b1c8e9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-compare-dialog > header { border-bottom: 1px solid #20272d; }
html[data-app-mode="league"] .center-compare-dialog header small { color: #fb8d84; }
html[data-app-mode="center"] .center-compare-dialog header small { color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-compare-decks > b { background: #285d8b; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-compare-metrics { border: 1px solid #20292f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-compare-metrics > div { border-bottom: 1px solid #1e252a; }
html[data-app-mode="league"] .center-compare-metrics > div > span { color: #91a1b8; }
html[data-app-mode="center"] .center-compare-metrics > div > span { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-compare-note { background: var(--center-deck-mint-soft); border-left: 3px solid var(--center-deck-mint); }
@media (max-width: 440px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-approved-metrics > span { border-bottom: 1px solid var(--app-border); } }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-screen { background: var(--app-bg); }
html[data-app-mode="league"] .arena-stats-screen { color: #a8bfd8; }
html[data-app-mode="center"] .arena-stats-screen { color: #b7c5ca; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-header { border-bottom: 1px solid var(--app-border); }
html[data-app-mode="league"] .arena-stats-heading > svg { color: #86b5eb; }
html[data-app-mode="center"] .arena-stats-heading > svg { color: #fb8d84; }
html[data-app-mode="league"] .arena-stats-heading small { color: #86b5eb; }
html[data-app-mode="center"] .arena-stats-heading small { color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-heading h2,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-panel-head h3,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-results-legend h3,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-turn-panel h3,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-map-head h3 { color: #e5eaf0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-header label { color: #6a737e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-header select { background: #171e28; border-color: #3a4654; color: #e5eaf0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-kpis article,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-performance-panel,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-results-panel,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-turn-panel { background: #171e28; border: 1px solid #303b49; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-kpis article > span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-performance-context span { color: #6a737e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-kpis article > strong { color: #eef2f5; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-kpis article > small { color: #6a737e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-kpis article > small.positive { color: #83cdb8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-kpis article > small.negative { color: #e697a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-panel-head p,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-turn-panel p,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-map-head p { color: #6a737e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-panel-head > span { background: #26313e; border: 1px solid #435164; color: #5c6269; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-chart-grid { stroke: #a8b7c9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-chart-label { fill: #aeb8c4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-chart-last { fill: #20252a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-chart-area { fill: rgba(58, 153, 232, 0.13); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-chart-line { stroke: #49a5ef; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stats-chart-point { fill: #c6cfdd; stroke: #49a5ef; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-performance-context { border-top: 1px solid #354251; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-performance-context > div + div { border-left: 1px solid #354251; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-performance-context strong { color: #e5eaf0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-results-donut { background: conic-gradient(
    #49a5ef 0 var(--arena-win-stop),
    #dc6680 var(--arena-win-stop) var(--arena-loss-stop),
    #d8aa4b var(--arena-loss-stop) 100%
  ); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-results-donut::after { background: #202936; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-results-donut strong { color: #eef2f5; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-results-donut span { color: #6a737e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-results-legend > span { color: #5f666e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-results-legend i { background: #49a5ef; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-results-legend .loss i { background: #dc6680; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-results-legend .tie i { background: #d8aa4b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-results-legend strong { color: #e5eaf0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-turn-row span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-turn-row strong { color: #dce2e8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-turn-row small { color: #6a737e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-turn-meter,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-track { background: #303a47; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-turn-meter i,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-track i { background: #49a5ef; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-turn-row:nth-of-type(3) .arena-turn-meter i { background: #ef8e4b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-turn-note { border-top: 1px solid #354251; color: #5f666e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-turn-note svg { color: #d8aa4b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-map-head { border-bottom: 1px solid #354251; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-rate-switcher { background: #171e28; border-color: #3a4654; color: #dce3ea; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-rate-switcher button { background: #26313e; border-color: #435164; color: #5f666e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-rate-switcher button:hover { background: #303b49; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-rate-switcher strong { color: #e5eaf0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-item { border-bottom: 1px solid #354251; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-row { background: transparent; color: #e5eaf0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-row:hover { background: #171e28; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-name strong { color: #e5eaf0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-name span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-bar span { color: #6a737e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-score strong { color: #eef2f5; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-score span { color: #d8aa4b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-chevron { color: #6f7a86; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-variants { background: #151c25; border-top: 1px solid #303b49; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-variants > div { border-bottom: 1px solid #303b49; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-variants strong,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-variants b { color: #dce3ea; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matchup-variants small { color: #6a737e; }
@media (max-width: 700px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-performance-context > div + div { border-top: 1px solid #354251; } }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stats-screen { background: #191b1d; color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stats-title-row { border-bottom: 1px solid #232c34; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stats-header { border-bottom: 1px solid #232c34; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stats-brand strong { color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stats-brand small,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stats-title p,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-panel-head p,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-preparation-panel > div:first-child p,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-next-step-title p { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-pokeball { background: linear-gradient(#d34852 0 45%, #1c3045 45% 55%, #17191a 55%); border: 2px solid #1c3045; color: #f8fafc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-pokeball svg { background: #17191a; color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stats-filters label { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stats-filters select { background: #262626; border-color: #242c35; color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stats-filters > span { background: #1a1f25; border: 1px solid #242c35; color: #8ca7c1; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stats-title small { color: #86a4c3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stats-title h2 { color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stat-card,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-results-card,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-performance-panel,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-preparation-panel,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchups-panel,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-next-step { background: #262626; border: 1px solid #20282f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stat-card.accent { border-top: 3px solid #2f74ad; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stat-card > span { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stat-card > strong { color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stat-card > small { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stat-card > small.positive { color: #74c4a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-stat-card > small.negative { color: #fb8b94; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-results-donut { background: conic-gradient(
    #2f86c7 0 var(--league-win-stop),
    #d14b5a var(--league-win-stop) var(--league-loss-stop),
    #d59a31 var(--league-loss-stop) 100%
  ); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-results-donut::after { background: #262626; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-results-donut strong { color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-results-donut span { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-results-legend > strong { color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-results-legend > span { color: #8ca7c1; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-results-legend i { background: #2f86c7; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-results-legend .loss i { background: #d14b5a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-results-legend .tie i { background: #d59a31; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-results-legend b { color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-panel-head h3,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-preparation-panel h3,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-next-step h3 { color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-panel-head > span { background: #181f24; border: 1px solid #1e2c38; color: #7fb7e8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-chart-grid { stroke: #1f252b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-chart-axis,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-chart-event { fill: #8897a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-chart-target { stroke: #fb8c8d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-chart-target-label { fill: #fd8a91; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-chart-area { fill: rgba(101, 185, 253, 0.13); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-chart-line { stroke: #65b9fd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-chart-point { fill: #262626; stroke: #65b9fd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-preparation-row > div:first-child { color: #96aec7; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-preparation-row strong { color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-preparation-track,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-variant-track { background: #1e2328; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-preparation-track i,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-variant-track i { background: #2f86c7; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-preparation-track.green i { background: #3b9b78; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-preparation-track.red i { background: #d05b62; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-text-button { background: transparent; color: #78b8ef; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-text-button:hover { color: #82b7e6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-item { border-top: 1px solid #1f252b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-row { background: transparent; color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-row:hover { background: #181a1c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-name strong { color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-name span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-score small,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-variants small { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-score > span { background: #1a1f25; color: #88aac9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-score > span.prioridad { background: #271a1b; color: #ff8893; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-score > span.en-progreso { background: #241a06; color: #d5a964; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-score > span.solido { background: #14211d; color: #7ac3a7; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-row > svg { color: #8193a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-variants { background: #181a1c; border-top: 1px solid #1f252b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-variants > div { border-bottom: 1px solid #1f252b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-variants strong,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-variants b { color: #9fbad6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-next-step { background: #181d21; border-color: #1f2c37; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-next-step-title > svg { color: #73b8f5; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-focus-item { border-top: 1px solid #212b35; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-focus-item strong { color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-focus-item span { color: #88a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stats-screen { background: #1b1c1c; color: #c0c7cc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stats-header { border-bottom: 1px solid #24292a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stats-title-row { border-bottom: 1px solid #24292a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stats-brand > span { background: #291a18; border: 1px solid #392221; color: #fc8c86; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stats-brand strong,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stats-title h2,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stat-card > strong,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-progress-panel h3,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-balance-panel h3,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-panel h3,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-next-goal h3 { color: #c0c7cc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stats-brand small,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stats-title p,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-progress-panel p,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-balance-panel p,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-panel p,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-next-goal p { color: #99a0a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stats-header label,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stats-title-row label { color: #99a0a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stats-header select,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stats-title-row select { background: #262626; border-color: #242a2b; color: #c0c7cc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stats-title small { color: #7ea697; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stat-card,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-progress-panel,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-balance-panel,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-panel,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-next-goal { background: #262626; border: 1px solid #24282a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stat-card > div > span { color: #99a0a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stat-card > div > i { background: #171e22; color: #7fbada; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stat-card > div > i.mint { background: #15211d; color: #7cc2a9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stat-card > div > i.coral { background: #281a19; color: #fc8c85; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-stat-card > small { color: #8f9ba2; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-panel-head > span { background: #16201d; border: 1px solid #182b25; color: #83c0ab; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-week > div { border-bottom: 1px solid #232729; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-week > div > i { background: #6da9c1; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-week:nth-child(2) > div > i { background: #69a98f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-week:nth-child(3) > div > i { background: #df817b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-week:nth-child(4) > div > i { background: #62a28a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-week > div > i b { color: #9dacb5; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-week > span { color: #99a0a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-progress-note { background: #161d1b; border-left: 3px solid #62a28a; color: #8baaa0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-results-donut { background: conic-gradient(
    #62a88c 0 var(--center-win-stop),
    #df7775 var(--center-win-stop) var(--center-loss-stop),
    #d3a24a var(--center-loss-stop) 100%
  ); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-results-donut::after { background: #262626; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-results-donut strong { color: #c0c7cc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-results-donut span { color: #99a0a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-results-legend > span { color: #95a2aa; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-results-legend i { background: #62a88c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-results-legend .loss i { background: #df7775; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-results-legend .tie i { background: #d3a24a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-results-legend strong { color: #b5bec4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-row { border-top: 1px solid #222626; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-name > i { background: #16201d; color: #7cc2a9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-name strong { color: #b8c1c6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-name small { color: #99a0a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-soft-meter { background: #202526; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-soft-meter > i { background: #62a88c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-next-goal { background: #221817; border-color: #352220; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-goal-content { border-top: 1px solid #322422; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-goal-content > i { background: #301a19; color: #f79089; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-goal-content strong { color: #c7b9b9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-goal-content small { color: #a89693; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-goal-progress .center-soft-meter { background: #302322; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-goal-progress .center-soft-meter > i { background: #d86f69; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-goal-progress > strong { color: #c2a8a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .view-error { background: rgba(204, 48, 79, 0.06); border: 1px solid rgba(204, 48, 79, 0.28); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .view-error-icon { color: #fa8b95; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .view-error-message { background: rgba(23, 32, 42, 0.08); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-scope { background: rgba(57, 188, 163, 0.1); border-left: 3px solid rgba(57, 188, 163, 0.6); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-metric { background: rgba(23, 32, 42, 0.05); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-tabs { border-bottom: 1px solid rgba(23, 32, 42, 0.12); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-tabs > button { border-bottom: 2px solid transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-tabs > button.active { border-bottom-color: currentColor; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-table th { border-bottom: 1px solid rgba(23, 32, 42, 0.14); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-table td { border-bottom: 1px solid rgba(23, 32, 42, 0.07); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-cell-alert { color: #fa8b95; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-fila-alta td { background: rgba(190, 140, 40, 0.12); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-fila-alta td:first-child { box-shadow: inset 3px 0 0 rgba(190, 140, 40, 0.75); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-base { border-left: 3px solid currentColor; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-base.confianza-personal { background: rgba(190, 140, 40, 0.12); color: #e0a545; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-base.confianza-parcial { background: rgba(120, 140, 170, 0.12); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-base.confianza-amplia { background: rgba(60, 170, 120, 0.1); color: #5fc996; }
html[data-app-mode="league"] .app-shell .metajuego-panel :is(h1, h2, h3, strong, b) { color: var(--viz-texto); }
html[data-app-mode="center"] .app-shell .metajuego-panel :is(h1, h2, h3, strong, b) { color: var(--viz-texto); }
html[data-app-mode="league"] .app-shell .metajuego-panel .eyebrow { color: var(--viz-acento); }
html[data-app-mode="center"] .app-shell .metajuego-panel .eyebrow { color: var(--viz-acento); }
html[data-app-mode="league"] .app-shell .metajuego-panel :is(.admin-sub, .admin-scope, .admin-empty) { color: #788497; }
html[data-app-mode="center"] .app-shell .metajuego-panel :is(.admin-sub, .admin-scope, .admin-empty) { color: #788497; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .evo-punto { stroke: var(--viz-superficie); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .evo-etiqueta { fill: var(--viz-texto); stroke: var(--viz-superficie); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-panel .utility-head { background: var(--viz-fondo); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-panel .utility-head { border-bottom: 1px solid var(--viz-borde); }
html[data-app-mode="league"] .metajuego-panel .eyebrow { color: var(--viz-acento); }
html[data-app-mode="center"] .metajuego-panel .eyebrow { color: var(--viz-acento); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-panel .admin-metric { background: var(--viz-superficie); border: 1px solid var(--viz-borde); }
html[data-app-mode="league"] .metajuego-panel .admin-metric span { color: #788497; }
html[data-app-mode="center"] .metajuego-panel .admin-metric span { color: #788497; }
html[data-app-mode="league"] .metajuego-panel .admin-metric svg { color: var(--viz-acento); }
html[data-app-mode="center"] .metajuego-panel .admin-metric svg { color: var(--viz-acento); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-panel .admin-scope-switch button { border-bottom: 2px solid transparent; }
html[data-app-mode="league"] .metajuego-panel .admin-scope-switch button { color: #788497; }
html[data-app-mode="center"] .metajuego-panel .admin-scope-switch button { color: #788497; }
html[data-app-mode="league"] .metajuego-panel .admin-scope-switch button:hover { color: var(--viz-texto); }
html[data-app-mode="center"] .metajuego-panel .admin-scope-switch button:hover { color: var(--viz-texto); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-panel .admin-scope-switch button.active { border-bottom-color: var(--viz-acento); }
html[data-app-mode="league"] .metajuego-panel .admin-scope-switch button.active { color: var(--viz-texto); }
html[data-app-mode="center"] .metajuego-panel .admin-scope-switch button.active { color: var(--viz-texto); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .grafica-fila:hover,
html:is([data-app-mode="league"], [data-app-mode="center"]) .grafica-fila:focus-visible { background: var(--viz-pista); }
html[data-app-mode="league"] .grafica-arquetipo { color: #8e9dae; }
html[data-app-mode="center"] .grafica-arquetipo { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .grafica-barra { background: var(--viz-serie); }
html[data-app-mode="league"] .grafica-valor { color: #a8bfd8; }
html[data-app-mode="center"] .grafica-valor { color: #b7c5ca; }
html[data-app-mode="league"] .grafica-valor-vacio { color: #8e9dae; }
html[data-app-mode="center"] .grafica-valor-vacio { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .grafica-barra.gana { background: var(--viz-gana); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .grafica-barra.pierde { background: var(--viz-pierde); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .grafica-eje { background: var(--viz-eje); }
html[data-app-mode="league"] .grafica-pie { color: #8e9dae; }
html[data-app-mode="center"] .grafica-pie { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .grafica-pie-marca.gana { background: var(--viz-gana); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .grafica-pie-marca.pierde { background: var(--viz-pierde); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .dona-centro-cifra { fill: var(--viz-texto); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .dona-centro-nota { fill: var(--viz-atenuado); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .dona-leyenda li:hover { background: var(--viz-pista); }
html[data-app-mode="league"] .dona-veces { color: #788497; }
html[data-app-mode="center"] .dona-veces { color: #788497; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-panel .utility-head::after { background: var(--viz-acento); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .marca-nuevo { border: 1px solid var(--viz-acento); }
html[data-app-mode="league"] .marca-nuevo { color: var(--viz-acento); }
html[data-app-mode="center"] .marca-nuevo { color: var(--viz-acento); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-rejilla { stroke: var(--viz-borde); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-eje-medio { stroke: var(--viz-linea); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-tick,
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-titulo-eje { fill: var(--viz-atenuado); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-titulo-eje { fill: var(--viz-atenuado); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-punto { stroke: var(--viz-fondo); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-punto.gana { fill: var(--viz-gana); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-punto.pierde { fill: var(--viz-pierde); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-punto.activo { stroke: var(--viz-acento); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-blanco { fill: transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-marca:focus-visible .mapa-punto { stroke: var(--viz-acento); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-marca:focus-visible .mapa-blanco { stroke: var(--viz-acento); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-cuadrante { fill: var(--viz-tenue); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-etiqueta { fill: var(--viz-texto); stroke: var(--viz-fondo); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .grafica-lista { background: var(--viz-pista); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .grafica-tip { background: var(--app-text); }
html[data-app-mode="league"] .grafica-tip { color: var(--app-surface); }
html[data-app-mode="center"] .grafica-tip { color: var(--app-surface); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nombrar-seleccionadas input { background: transparent; border: 1px solid currentColor; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-bar { background: rgba(23, 32, 42, 0.1); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-bar > span { background: currentColor; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-error-head { background: rgba(23, 32, 42, 0.04); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-tag-view { background: rgba(204, 48, 79, 0.18); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-tag-window { background: rgba(232, 155, 60, 0.22); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-tag-promise { background: rgba(96, 125, 200, 0.22); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-error-detail pre { background: rgba(23, 32, 42, 0.07); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-footer { border-top: 1px solid rgba(23, 32, 42, 0.12); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-pending-list > li { background: rgba(57, 188, 163, 0.08); border: 1px solid rgba(57, 188, 163, 0.3); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-tag-pending { background: rgba(57, 188, 163, 0.25); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-tag-nuevo { background: rgba(214, 149, 47, 0.28); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-tag-atendido { background: rgba(57, 188, 163, 0.25); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-tag-descartado { background: rgba(120, 130, 142, 0.22); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .reporte-sobre { border-left: 3px solid currentColor; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .auth-identity { background: rgba(23, 32, 42, 0.05); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .auth-avatar { background: rgba(57, 188, 163, 0.2); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .auth-warning { background: rgba(232, 155, 60, 0.14); border-left: 3px solid rgba(232, 155, 60, 0.6); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sync-idle { background: rgba(57, 188, 163, 0.12); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sync-syncing,
html:is([data-app-mode="league"], [data-app-mode="center"]) .sync-pending { background: rgba(96, 125, 200, 0.14); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sync-offline { background: rgba(232, 155, 60, 0.16); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sync-error { background: rgba(204, 48, 79, 0.12); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sync-idle { background: rgba(57, 188, 163, 0.14); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sync-syncing,
html:is([data-app-mode="league"], [data-app-mode="center"]) .sync-pending { background: rgba(96, 125, 200, 0.16); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sync-offline { background: rgba(232, 155, 60, 0.18); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sync-error { background: rgba(204, 48, 79, 0.14); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-approved-record { background: rgba(23, 32, 42, 0.04); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-scope-switch { background: rgba(23, 32, 42, 0.06); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .admin-scope-switch > button.active { background: rgba(38, 38, 38, 0.9); box-shadow: 0 1px 3px rgba(23, 32, 42, 0.14); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mode-league .league-decks-screen { color: #aac6e8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-decks-heading h2 { color: #90b4e2; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-decks-heading p { color: #869ab2; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-decks-heading > button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-deck-edit-panel footer button:first-child { background: #145bb6; border: 1px solid #145bb6; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-featured-deck,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-event-path,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-other-decks,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-learning-matchups,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-deck-edit-panel,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-deck-decision,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-decks-empty { background: #262626; border: 1px solid #293441; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-featured-deck > h3,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-event-path > h3,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-other-decks > h3,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-learning-matchups > h3 { border-bottom: 1px solid #272f38; color: #81b3f8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-featured-body { background: linear-gradient(112deg, var(--deck-aura-primary), var(--deck-aura-secondary) 42%, var(--deck-aura-base) 78%); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-featured-art::before { background-image: var(--deck-aura-image); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-featured-art::after { background: linear-gradient(135deg, transparent 0 38%, rgba(38, 38, 38, 0.42) 38% 41%, transparent 41% 52%, rgba(38, 38, 38, 0.24) 52% 55%, transparent 55%),
    radial-gradient(circle, rgba(38, 38, 38, 0.25) 0 24%, transparent 25%); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-featured-art .deck-avatar { background: transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-featured-data { background: rgba(38, 38, 38, 0.68); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-featured-data h2 { color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-featured-data header p { color: #a1aab6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-status { border: 1px solid #2d70c9; color: #7fb3fe; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-status.ready { border-color: #288354; color: #76c596; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-status.almost { border-color: #d34b52; color: #fb8c8c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-status.practice { border-color: #2d70c9; color: #7fb3fe; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-status.learning { border-color: #a77b16; color: #d2ab63; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-featured-metrics > div { border-left: 1px solid rgba(85, 98, 112, 0.28); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-featured-metrics span { color: #99a7b6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-featured-metrics strong { color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-featured-metrics .preparation > i { background: #252d35; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-featured-metrics .preparation > i b { background: #145bb6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-featured-metrics .confidence > i b,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-row-confidence > i b { background: #2c3034; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-featured-metrics .confidence > i b.filled,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-row-confidence > i b.filled { background: #e5a717; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-recommendation { border-top: 1px solid rgba(85, 98, 112, 0.25); color: #90b4e1; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-recommendation small { color: #909eab; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-recommendation strong { color: #c2cfdc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-feature-tools button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-row-actions button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-deck-edit-panel header > button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-compare-dialog header > button { background: #262626; border: 1px solid #283039; color: #92b5d9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-feature-tools button:last-child,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-row-actions button:last-child { color: #fb8c8c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-event-path article { border: 1px solid transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-event-path article:not(:last-child)::after { border-left: 1px dashed #83a4ca; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-event-path article.active { border-color: #9bb7d6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-event-path article > span { background: #7d8a98; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-event-path article > span.complete,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-event-path article > span.current { background: #145bb6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-event-path article strong { color: #96b4d8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-event-path article small { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-step-progress b { color: #95abc6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-step-progress i { background: #24292e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-step-progress i span { background: #145bb6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-other-list > header { border-bottom: 1px solid #272e37; color: #8fa2b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-other-list > article { border-bottom: 1px solid #232930; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-other-select { background: transparent; color: #a6c1df; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-other-select:hover { background: #171a1d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-other-identity .deck-avatar { background: #1b1f24; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-row-actions { background: rgba(38, 38, 38, 0.96); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-group { border-top: 1px solid #23292f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-group h4 { color: #9db6d2; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-group h4 i { background: #7b8794; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-group.known h4 i { background: #42a756; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-group.practice h4 i { background: #e5a717; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-group > div { border: 1px solid #272f38; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-group > div:last-of-type { border-bottom: 1px solid #272f38; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-group strong { color: #9cb9dc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-group span,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-group > small { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-group b { color: #6fc885; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-group.practice b { color: #fb8e80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-matchup-group.untested b { color: #8b99ac; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-inline-empty,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-decks-empty { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-deck-edit-panel header small { color: #8598ad; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-deck-edit-panel header h3 { color: #90b4e2; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-deck-edit-panel footer button:last-child { background: #262626; border: 1px solid #2a343e; color: #93acc7; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-deck-decision { color: #81b3f8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-deck-decision p { color: #8598ad; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-deck-decision > button { background: #145bb6; border: 1px solid #145bb6; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-list-details > summary { background: #262626; border: 1px solid #145bb6; color: #7cb4fa; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-list-details > div { border-top: 1px solid #252d36; color: #a8bfd8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-list-details pre { background: #181a1c; border: 1px solid #21282f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-compare-overlay { background: rgba(15, 31, 49, 0.54); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-compare-dialog { background: #17191a; border: 1px solid #9eb0c3; box-shadow: 0 28px 68px rgba(17, 37, 60, 0.28); color: #a5c0df; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-compare-dialog > header { border-bottom: 1px solid #252c34; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-compare-dialog header small { color: #8296ab; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-compare-dialog header h2 { color: #87b4ee; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-compare-decks > b { background: #17375d; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-compare-metrics { border: 1px solid #252c34; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-compare-metrics > div { border-bottom: 1px solid #22282e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-compare-metrics i b { background: #145bb6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-compare-metrics i b + b { background: #d34b52; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-compare-verdict { background: #181e24; border-left: 3px solid #145bb6; }
@media (max-width: 760px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .league-featured-metrics > div { border-bottom: 1px solid rgba(85, 98, 112, 0.2); } }
@media (max-width: 760px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .league-other-select > strong::before { color: #91a1b8; } }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .themed-brand-mark.codex-brand-slot,
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .themed-brand-mark.codex-brand-slot { background: transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .mode-switcher-panel > button { background: var(--app-surface); border-color: var(--app-border); }
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) .mode-switcher-panel > button { color: #a8bfd8; }
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) .mode-switcher-panel > button { color: #b7c5ca; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .mode-switcher-panel > button:hover,
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .mode-switcher-panel > button.active { background: var(--app-bg); border-color: var(--app-primary); }
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) .mode-switcher-panel strong { color: #a8bfd8; }
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) .mode-switcher-panel strong { color: #b7c5ca; }
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) .mode-switcher-panel small,
html[data-app-mode="league"] .app-shell:not(.mode-pokeal) .mode-switcher-title { color: #8e9dae; }
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) .mode-switcher-panel small,
html[data-app-mode="center"] .app-shell:not(.mode-pokeal) .mode-switcher-title { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-history-screen { --center-history-coral-soft: #221817; --center-history-mint-soft: #141c19; --center-history-blue-soft: #151b21; --center-history-border: #22272a; --center-history-ink: #afc8ec; --center-history-muted: #91a1b8; }
html[data-app-mode="league"] .center-history-screen { color: #afc8ec; }
html[data-app-mode="center"] .center-history-screen { color: #afc8ec; }
html[data-app-mode="league"] .center-history-heading h2 { color: #afc8ec; }
html[data-app-mode="center"] .center-history-heading h2 { color: #afc8ec; }
html[data-app-mode="league"] .center-history-heading p { color: #91a1b8; }
html[data-app-mode="center"] .center-history-heading p { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-history-heading > button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-register-round { background: var(--center-history-coral); border: 1px solid var(--center-history-coral); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-week-summary { background: linear-gradient(100deg, #1a1716, #262626); border: 1px solid #3b221e; }
html[data-app-mode="league"] .center-week-summary > div:first-child svg { color: #fb8d84; }
html[data-app-mode="center"] .center-week-summary > div:first-child svg { color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-week-summary > span { border-left: 1px solid #22272b; }
html[data-app-mode="league"] .center-week-summary > span b { color: #fb8d84; }
html[data-app-mode="center"] .center-week-summary > span b { color: #fb8d84; }
html[data-app-mode="league"] .center-week-summary > span:nth-child(3) b { color: #76c59a; }
html[data-app-mode="center"] .center-week-summary > span:nth-child(3) b { color: #76c59a; }
html[data-app-mode="league"] .center-week-summary > span small { color: #91a1b8; }
html[data-app-mode="center"] .center-week-summary > span small { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-week-message > svg { color: #e8a33a; }
html[data-app-mode="league"] .center-week-message small { color: #91a1b8; }
html[data-app-mode="center"] .center-week-message small { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-history-filters label { background: #262626; border: 1px solid var(--center-history-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-history-filters label > span { color: #93a4b9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-history-filters :is(select, input) { background: transparent; }
html[data-app-mode="league"] .center-history-filters :is(select, input) { color: #afc8ec; }
html[data-app-mode="center"] .center-history-filters :is(select, input) { color: #afc8ec; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-history-filters > button { background: #262626; border: 1px solid var(--center-history-border); color: #8398ad; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-history-selection { background: #262626; border: 1px solid var(--center-history-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-history-selection button { background: #262626; border: 1px solid #232b30; color: #8ca7bf; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-history-selection button:last-child { color: #fb8c8d; }
html[data-app-mode="league"] .center-history-selection span { color: #91a1b8; }
html[data-app-mode="center"] .center-history-selection span { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-recent-rounds > header svg { color: #95b2d3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-recent-rounds > header span { background: #262626; border: 1px solid #20282d; }
html[data-app-mode="league"] .center-recent-rounds > header span { color: #91a1b8; }
html[data-app-mode="center"] .center-recent-rounds > header span { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-recent-rounds > header > button { background: #262626; border: 1px solid #232b30; color: #87a1ba; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-recent-rounds > header > button.active { background: var(--center-history-coral-soft); border-color: #532b29; color: #fb8d87; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-round-timeline::before { background: #22282e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-diary-round { background: #262626; border: 1px solid var(--center-history-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-diary-round.selected { box-shadow: 0 0 0 2px #6aaee2; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-round-number { background: #262626; border: 1px solid var(--center-history-coral); color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-diary-round.loss .center-round-number { border-color: var(--center-history-blue); color: #67b8fd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-diary-round.tie .center-round-number { border-color: var(--center-history-amber); color: #e1a357; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-round-opponent { background: radial-gradient(circle at 18% 50%, rgba(20, 36, 26, 0.86), transparent 48%),
    #161817; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-diary-round.loss .center-round-opponent { background: radial-gradient(circle at 18% 50%, rgba(44, 27, 19, 0.88), transparent 48%),
    #272625; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-round-opponent .deck-avatar { background: transparent; }
html[data-app-mode="league"] .center-round-opponent small { color: #91a1b8; }
html[data-app-mode="center"] .center-round-opponent small { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-round-opponent > b { background: #262626; border: 1px solid #21272a; color: #9ab9da; }
html[data-app-mode="league"] .center-round-story > header strong { color: #76c59a; }
html[data-app-mode="center"] .center-round-story > header strong { color: #76c59a; }
html[data-app-mode="league"] .center-diary-round.loss .center-round-story > header strong { color: #6ab8fd; }
html[data-app-mode="center"] .center-diary-round.loss .center-round-story > header strong { color: #6ab8fd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-diary-round.tie .center-round-story > header strong { color: #dba65f; }
html[data-app-mode="league"] .center-round-story > header span,
html[data-app-mode="league"] .center-round-story > header i { color: #91a1b8; }
html[data-app-mode="center"] .center-round-story > header span,
html[data-app-mode="center"] .center-round-story > header i { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-round-note { border-top: 1px dashed var(--center-history-border); color: #90a3b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-game-pips span { background: #151d19; border: 1px solid #132f21; color: #73c59f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-game-pips span.loss { background: #221818; border-color: #402225; color: #fb8c8e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-game-pips span.tie { background: #1e190d; border-color: #342502; color: #d9a761; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-tag { background: var(--center-history-mint-soft); border: 1px solid #103125; color: #77c4a3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-tag.loss { background: var(--center-history-blue-soft); border-color: #132e42; color: #6db9f4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-learning-tag.tie { background: #1d180e; border-color: #352603; color: #dba65f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-round-actions button { background: #262626; border: 1px solid #232a2f; color: #849cb4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-round-actions button:last-child { color: #fb8c8e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-round-edit { background: #16181a; border-top: 1px solid #1f262b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-round-edit :is(input, select, textarea) { background: #262626; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-history-empty { background: #262626; border: 1px solid var(--center-history-border); }
html[data-app-mode="league"] .center-history-empty { color: #91a1b8; }
html[data-app-mode="center"] .center-history-empty { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-round-insights > section { background: #262626; border: 1px solid var(--center-history-border); }
html[data-app-mode="league"] .center-round-insights h3 svg { color: #fb8d84; }
html[data-app-mode="center"] .center-round-insights h3 svg { color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-insight-row > svg,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-insight-row > .deck-avatar { background: #262626; border: 1px solid #1b2c24; }
html[data-app-mode="league"] .center-insight-row > svg,
html[data-app-mode="league"] .center-insight-row > .deck-avatar { color: #76c59a; }
html[data-app-mode="center"] .center-insight-row > svg,
html[data-app-mode="center"] .center-insight-row > .deck-avatar { color: #76c59a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-insight-row.blue > svg,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-insight-row.blue > .deck-avatar { border-color: #122b3c; }
html[data-app-mode="league"] .center-insight-row.blue > svg,
html[data-app-mode="league"] .center-insight-row.blue > .deck-avatar { color: #6ab8fd; }
html[data-app-mode="center"] .center-insight-row.blue > svg,
html[data-app-mode="center"] .center-insight-row.blue > .deck-avatar { color: #6ab8fd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-insight-row.amber > svg,
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-insight-row.amber > .deck-avatar { border-color: #352603; }
html[data-app-mode="league"] .center-insight-row.amber > svg,
html[data-app-mode="league"] .center-insight-row.amber > .deck-avatar { color: #e6a23b; }
html[data-app-mode="center"] .center-insight-row.amber > svg,
html[data-app-mode="center"] .center-insight-row.amber > .deck-avatar { color: #e6a23b; }
html[data-app-mode="league"] .center-insight-row small { color: #91a1b8; }
html[data-app-mode="center"] .center-insight-row small { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-history-mission > div > svg { background: var(--center-history-blue-soft); border: 1px solid #132e42; }
html[data-app-mode="league"] .center-history-mission > div > svg { color: #fb8d84; }
html[data-app-mode="center"] .center-history-mission > div > svg { color: #fb8d84; }
html[data-app-mode="league"] .center-history-mission > div small { color: #91a1b8; }
html[data-app-mode="center"] .center-history-mission > div small { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-history-mission > i { background: #362120; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-history-mission > i b { background: var(--center-history-coral); }
html[data-app-mode="league"] .center-history-mission > strong { color: #fb8d84; }
html[data-app-mode="center"] .center-history-mission > strong { color: #fb8d84; }
@media (max-width: 500px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .center-week-summary > span { border-top: 1px solid #22272b; } }
html:is([data-app-mode="league"], [data-app-mode="center"]) .bienvenida { background: #05070a url("../assets/bienvenida/fondo.webp") center / cover no-repeat; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .bienvenida-aura { background: radial-gradient(ellipse 54% 50% at 50% 50%,
    rgba(var(--verde), 0.5), rgba(var(--verde), 0.16) 46%, transparent 72%); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .bienvenida-anillo { background: repeating-radial-gradient(circle at 50% 50%,
    rgba(var(--verde), 0.55) 0 1px, transparent 1px 14px); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .bienvenida-caja { background: rgba(6, 12, 13, 0.92); border: 1px solid rgba(45, 107, 78, 0.85); box-shadow: 0 0 26px rgba(0, 0, 0, 0.55), inset 0 0 44px rgba(var(--verde), 0.05); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .bienvenida-placa { background: #0c4934; color: rgb(var(--verde-claro)); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .bienvenida-replica { color: #f2f7f4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .bienvenida-continuar { border-bottom: 0.42em solid transparent; border-left: 0.62em solid rgb(var(--verde-claro)); border-top: 0.42em solid transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .bienvenida-entrar { background: rgba(var(--verde), 0.14); border: 1px solid rgba(var(--verde), 0.7); color: rgb(var(--verde-claro)); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .bienvenida-saltar { color: rgba(210, 232, 220, 0.55); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .bienvenida-saltar:hover { color: rgba(230, 245, 238, 0.9); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .bienvenida button:focus-visible { outline: 2px solid rgb(var(--verde-claro)); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-screen { --league-ink: #91b3e3; --league-line: #202b36; --league-soft: #17191d; }
html[data-app-mode="league"] .league-history-screen { color: #91b3e3; }
html[data-app-mode="center"] .league-history-screen { color: #91b3e3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-summary { background: rgba(38, 38, 38, 0.78); border: 1px solid var(--league-line); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-summary > div { border-right: 1px solid var(--league-line); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-summary small,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-summary span { color: #8298b4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-summary strong b,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-summary .positive { color: #5eca8e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-summary strong em { color: #fb8d86; }
html[data-app-mode="league"] .league-history-summary .blue { color: #7eb3fd; }
html[data-app-mode="center"] .league-history-summary .blue { color: #7eb3fd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-summary > i { background: conic-gradient(var(--league-blue) var(--league-progress), #1b242b 0); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-summary > i::after { background: #262626; }
html[data-app-mode="league"] .league-history-summary > i b { color: #7eb3fd; }
html[data-app-mode="center"] .league-history-summary > i b { color: #7eb3fd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-main,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-aside > section { background: rgba(38, 38, 38, 0.78); border: 1px solid var(--league-line); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-filters { border-bottom: 1px solid var(--league-line); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-filters label,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-filters label { color: #819cbd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-filters input,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-filters select { background: #262626; border: 1px solid #253345; color: #8fb4e3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-filters button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-round-selection button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-table-actions button { background: #262626; border: 1px solid #253345; }
html[data-app-mode="league"] .league-history-filters button,
html[data-app-mode="league"] .league-round-selection button,
html[data-app-mode="league"] .league-table-actions button { color: #7eb3fd; }
html[data-app-mode="center"] .league-history-filters button,
html[data-app-mode="center"] .league-round-selection button,
html[data-app-mode="center"] .league-table-actions button { color: #7eb3fd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-round-selection { border-bottom: 1px solid var(--league-line); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-round-selection button.active { background: #171e28; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-round-selection span { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-session-list details { border: 1px solid #253345; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-session-list summary small { color: #86a4c3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-session-list summary > b i { color: #5eca8e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-session-list summary > b em { color: #fb8d86; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-session-takeaway svg { color: #59cb8e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-session-list summary mark { background: #171f2a; }
html[data-app-mode="league"] .league-session-list summary mark { color: #7eb3fd; }
html[data-app-mode="center"] .league-session-list summary mark { color: #7eb3fd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-session-table { border-top: 1px solid var(--league-line); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-session-table > article > p { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-session-table > header { background: #17191d; color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-session-table > article { border-top: 1px solid #1d242b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-session-table > article.win { background: rgba(37, 174, 105, .06); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-session-table > article.loss { background: rgba(224, 73, 73, .06); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-session-table > article.tie { background: rgba(222, 159, 35, .07); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-session-table article p { color: #96b4d7; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-table-result strong,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-table-order { color: #6cc890; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-table-games .win { background: #11221a; color: #6bc890; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-table-games .loss { background: #2d1b1b; color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-table-games .tie { background: #241b03; color: #d8a858; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-table-actions button:last-child { color: #fb8c91; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-round-editor input,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-round-editor select,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-round-editor textarea,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-editor input,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-editor select,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-editor textarea { border: 1px solid #aebfd3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-practice-priorities article { border-top: 1px solid #1d242b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-practice-priorities article > b { background: var(--league-blue); color: #fff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-practice-priorities article small,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-next-event-deck small,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-selection-note small { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-next-event-deck header { border-bottom: 1px solid #1d242b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-next-event-deck p > span { border: 1px solid #8aa0b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-next-event-deck p > span.complete { background: #23a165; border-color: #23a165; color: #fff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-next-event-deck > button { background: var(--league-blue); color: #fff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-empty { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-screen { --arena-muted: #687988; background: #071019; color: #e8eef4; }
html[data-app-mode="league"] .arena-history-heading p { color: #687988; }
html[data-app-mode="center"] .arena-history-heading p { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-summary { background: rgba(12, 23, 33, .94); border: 1px solid var(--arena-line); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-summary > * { border-right: 1px solid var(--arena-line); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-summary select { background: transparent; color: #f1f5f9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-summary option { background: #111c27; }
html[data-app-mode="league"] .arena-history-summary small,
html[data-app-mode="league"] .arena-history-summary span { color: #687988; }
html[data-app-mode="center"] .arena-history-summary small,
html[data-app-mode="center"] .arena-history-summary span { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-summary strong b,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-summary .positive,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-summary .confidence { color: #2bd388; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-summary strong em { color: #fb8d85; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-summary strong i { color: #f4b63e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-filters label { color: #6c8192; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-filters input,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-filters select { background: #0d1822; border: 1px solid var(--arena-line); color: #e1e9ef; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-filters option { background: #111c27; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-filters button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-selection button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matrix-actions button { background: #101c27; border: 1px solid var(--arena-line); color: #5c6871; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-matrix,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-aside > section { background: var(--arena-panel); border: 1px solid var(--arena-line); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-selection { border-bottom: 1px solid var(--arena-line); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-selection button.active { border-color: #2bd388; color: #2bd388; }
html[data-app-mode="league"] .arena-history-selection > span { color: #687988; }
html[data-app-mode="center"] .arena-history-selection > span { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-history-selection > span b { color: #75b6fc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-matrix details { border: 1px solid var(--arena-line); }
html[data-app-mode="league"] .arena-event-matrix summary small { color: #687988; }
html[data-app-mode="center"] .arena-event-matrix summary small { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-matrix summary i { color: #2bd388; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-matrix summary em { color: #fb8d85; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-matrix summary mark { background: transparent; color: #f4b63e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-table { border-top: 1px solid var(--arena-line); }
html[data-app-mode="league"] .arena-round-table > article > p { color: #6b7f98; }
html[data-app-mode="center"] .arena-round-table > article > p { color: #6b7f98; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-table > header { background: #0b151f; color: #6c8091; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-table > article { border-top: 1px solid rgba(58, 77, 94, .7); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-table > article.win { background: rgba(20, 139, 83, .16); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-table > article.loss { background: rgba(184, 55, 55, .15); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-table > article.tie { background: rgba(184, 128, 26, .15); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-table article > p { color: #5f6b74; }
html[data-app-mode="league"] .arena-win-conditions .sin-muestra { color: #6b7f98; }
html[data-app-mode="center"] .arena-win-conditions .sin-muestra { color: #6b7f98; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-table article.win .arena-matrix-result strong { color: #4be29a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-table article.loss .arena-matrix-result strong { color: #fb8d86; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-table article.tie .arena-matrix-result strong { color: #f2c15b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matrix-games .win { color: #4be29a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matrix-games .loss { color: #fb8d86; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matrix-games .tie { color: #f2c15b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-critical { color: #75b6fb; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-critical.setup,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-critical.premios { color: #fb8d83; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-critical.recurso { color: #54c9d7; }
html[data-app-mode="league"] .arena-critical.ninguno { color: #687988; }
html[data-app-mode="center"] .arena-critical.ninguno { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-critical i { background: currentColor; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-matrix-actions button:last-child { color: #fb8c89; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-editor input,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-editor select,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-editor textarea { background: #09131d; border-color: #34485a; color: #e6edf3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-review-alerts h3 svg { color: #f4b63e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-review-alerts article { border-top: 1px solid var(--arena-line); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-review-alerts article > b { background: #ff625d; color: #cedce9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-review-alerts article:nth-of-type(2) > b { background: #46320b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-review-alerts article:nth-of-type(3) > b { background: #91bb38; }
html[data-app-mode="league"] .arena-review-alerts small,
html[data-app-mode="league"] .arena-win-conditions small,
html[data-app-mode="league"] .arena-post-review small { color: #687988; }
html[data-app-mode="center"] .arena-review-alerts small,
html[data-app-mode="center"] .arena-win-conditions small,
html[data-app-mode="center"] .arena-post-review small { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-win-conditions article { border-top: 1px solid var(--arena-line); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-win-conditions article > svg { color: #2bd388; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-win-conditions article > i { background: #253441; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-win-conditions article > i b { background: #2bd388; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-post-review > div { border-top: 1px solid var(--arena-line); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-post-review > div > i { background: conic-gradient(#347ee6 var(--arena-review), #263643 0); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-post-review > div > i::after { background: var(--arena-panel); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-post-review > button { background: #2267ca; color: #fff; }
html[data-app-mode="league"] .arena-history-empty { color: #687988; }
html[data-app-mode="center"] .arena-history-empty { color: #687988; }
html[data-app-mode="league"] .arena-history-empty strong { color: var(--arena-text, inherit); }
html[data-app-mode="center"] .arena-history-empty strong { color: var(--arena-text, inherit); }
html[data-app-mode="league"] .arena-aside-empty { color: #687988; }
html[data-app-mode="center"] .arena-aside-empty { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .review-block { border: 1px solid var(--app-border, #20272d); }
html[data-app-mode="league"] .review-hint { color: #8e9dae; }
html[data-app-mode="center"] .review-hint { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .review-round { border: 1px solid var(--app-border, #20272d); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .review-round.win { border-left: 3px solid #2f9e6f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .review-round.loss { border-left: 3px solid #d3454f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .review-round.tie { border-left: 3px solid #8895a5; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .review-count { background: rgba(57, 188, 163, 0.16); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .review-round-body { border-top: 1px solid var(--app-border, #20272d); }
html[data-app-mode="league"] .review-scale > span small { color: #8a9daf; }
html[data-app-mode="center"] .review-scale > span small { color: #8a9daf; }
html[data-app-mode="league"] .review-scale-valor { color: #86b5eb; }
html[data-app-mode="center"] .review-scale-valor { color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .review-choice button { border: 1px solid var(--app-border, #20272d); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .review-choice button.activo { background: var(--app-primary, #234f7e); border-color: var(--app-primary, #234f7e); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .review-scale button { border: 1px solid var(--app-border, #20272d); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .review-scale button.active { background: var(--app-primary, #234f7e); border-color: var(--app-primary, #234f7e); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .review-decision { border: 1px dashed var(--app-border, #20272d); }
html[data-app-mode="league"] .center-tournaments-head p { color: #8e9dae; }
html[data-app-mode="center"] .center-tournaments-head p { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-tournament-card { background: var(--app-surface, #262626); border: 1px solid var(--app-border, #20272d); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-tournament-art { background: var(--app-bg, #181a1c); }
html[data-app-mode="league"] .center-tournament-title p { color: #8e9dae; }
html[data-app-mode="center"] .center-tournament-title p { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-tournament-summary { border-top: 1px solid var(--app-border, #20272d); }
html[data-app-mode="league"] .center-tournament-summary > div > span { color: #8e9dae; }
html[data-app-mode="center"] .center-tournament-summary > div > span { color: #949ea0; }
html[data-app-mode="league"] .center-tournament-record span { color: #8e9dae; }
html[data-app-mode="center"] .center-tournament-record span { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-tournament-mood { background: rgba(57, 188, 163, 0.1); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-round-chip { border: 1px solid var(--app-border, #20272d); }
html[data-app-mode="league"] .center-round-chip > span { color: #8e9dae; }
html[data-app-mode="center"] .center-round-chip > span { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-round-chip.win em { background: rgba(47, 158, 111, 0.16); color: #73c59c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-round-chip.loss em { background: rgba(211, 69, 79, 0.14); color: #fb8c8b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-round-chip.tie em { background: rgba(136, 149, 165, 0.18); color: #8f9eb0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-tournament-note { background: var(--app-bg, #181a1c); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-best-of { background: rgba(47, 158, 111, 0.07); border: 1px solid rgba(47, 158, 111, 0.24); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-best-of p { background: var(--app-surface, #262626); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-past-card { background: var(--app-surface, #262626); border: 1px solid var(--app-border, #20272d); }
html[data-app-mode="league"] .center-past-card small { color: #8e9dae; }
html[data-app-mode="center"] .center-past-card small { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-past-record .win { background: rgba(47, 158, 111, 0.16); color: #73c59c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-past-record .loss { background: rgba(211, 69, 79, 0.14); color: #fb8c8b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-past-record .tie { background: rgba(136, 149, 165, 0.18); color: #8f9eb0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tournament-candidate { background: rgba(35, 79, 126, 0.06); border: 1px dashed rgba(35, 79, 126, 0.4); }
html[data-app-mode="league"] .tournament-candidate span { color: #8e9dae; }
html[data-app-mode="center"] .tournament-candidate span { color: #949ea0; }
html[data-app-mode="league"] .league-season-head p { color: #8e9dae; }
html[data-app-mode="center"] .league-season-head p { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-season-metrics > div { background: var(--app-surface, #262626); border: 1px solid var(--app-border, #20272d); }
html[data-app-mode="league"] .league-season-metrics span { color: #8e9dae; }
html[data-app-mode="center"] .league-season-metrics span { color: #949ea0; }
html[data-app-mode="league"] .league-season-metrics small { color: #8e9dae; }
html[data-app-mode="center"] .league-season-metrics small { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-placement-badge { background: rgba(47, 111, 176, 0.14); }
html[data-app-mode="league"] .league-placement-badge { color: #75b6fc; }
html[data-app-mode="center"] .league-placement-badge { color: #75b6fc; }
html[data-app-mode="league"] .league-sin-dato { color: #8e9dae; }
html[data-app-mode="center"] .league-sin-dato { color: #949ea0; }
html[data-app-mode="league"] .league-round-legend { color: #8e9dae; }
html[data-app-mode="center"] .league-round-legend { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-split > * { background: var(--league-soft, rgba(47, 111, 176, 0.05)); }
html[data-app-mode="league"] .league-empty-inline { color: #8e9dae; }
html[data-app-mode="center"] .league-empty-inline { color: #949ea0; }
html[data-app-mode="league"] .league-mental strong i { color: #8e9dae; }
html[data-app-mode="center"] .league-mental strong i { color: #949ea0; }
html[data-app-mode="league"] .league-mental small { color: #8e9dae; }
html[data-app-mode="center"] .league-mental small { color: #949ea0; }
html[data-app-mode="league"] .league-curve-y { color: #8e9dae; }
html[data-app-mode="center"] .league-curve-y { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-curve-guide { stroke: var(--app-border, #20272d); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-curve-line { stroke: var(--league-accent, #75b6fc); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-curve-dot { fill: var(--league-accent, #75b6fc); }
html[data-app-mode="league"] .league-evolution small { color: #8e9dae; }
html[data-app-mode="center"] .league-evolution small { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-tournament-card { background: var(--app-surface, #262626); border: 1px solid var(--app-border, #20272d); }
html[data-app-mode="league"] .league-tournament-card > header p { color: #8e9dae; }
html[data-app-mode="center"] .league-tournament-card > header p { color: #949ea0; }
html[data-app-mode="league"] .league-tournament-deck span,
html[data-app-mode="league"] .league-tournament-figures span { color: #8e9dae; }
html[data-app-mode="center"] .league-tournament-deck span,
html[data-app-mode="center"] .league-tournament-figures span { color: #949ea0; }
html[data-app-mode="league"] .league-tournament-figures small { color: #8e9dae; }
html[data-app-mode="center"] .league-tournament-figures small { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-round-pip.win { background: rgba(47, 158, 111, 0.18); color: #73c59c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-round-pip.loss { background: rgba(211, 69, 79, 0.16); color: #fb8c8b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-round-pip.tie { background: rgba(136, 149, 165, 0.2); color: #8f9eb0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-compare,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-learning { background: var(--app-bg, #181a1c); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-row { background: var(--app-surface, #262626); border: 1px solid var(--app-border, #20272d); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-history-row.activo { border-color: var(--league-accent, #2f6fb0); box-shadow: inset 3px 0 0 var(--league-accent, #2f6fb0); }
html[data-app-mode="league"] .league-history-row small,
html[data-app-mode="league"] .league-history-row em { color: #8e9dae; }
html[data-app-mode="center"] .league-history-row small,
html[data-app-mode="center"] .league-history-row em { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-next-event,
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-pending { background: var(--app-surface, #262626); border: 1px solid var(--app-border, #20272d); }
html[data-app-mode="league"] .league-next-name small { color: #8e9dae; }
html[data-app-mode="center"] .league-next-name small { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-checklist li button:hover { background: rgba(0, 0, 0, 0.04); }
html[data-app-mode="league"] .league-checklist li.hecha button { color: #8e9dae; }
html[data-app-mode="center"] .league-checklist li.hecha button { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-checklist li.hecha svg { color: #60c997; }
html[data-app-mode="league"] .league-checklist small,
html[data-app-mode="league"] .league-checklist-hint { color: #8e9dae; }
html[data-app-mode="center"] .league-checklist small,
html[data-app-mode="center"] .league-checklist-hint { color: #949ea0; }
html[data-app-mode="league"] .league-empty-aside { color: #8e9dae; }
html[data-app-mode="center"] .league-empty-aside { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-pending > div { border-top: 1px solid var(--app-border, #20272d); }
html[data-app-mode="league"] .league-pending em { color: #86b5eb; }
html[data-app-mode="center"] .league-pending em { color: #fb8d84; }
html[data-app-mode="league"] .arena-archive-head p { color: #687988; }
html[data-app-mode="center"] .arena-archive-head p { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-archive-metrics > div { background: var(--app-surface, #151b24); border: 1px solid var(--app-border, #2a3340); }
html[data-app-mode="league"] .arena-archive-metrics span { color: #687988; }
html[data-app-mode="center"] .arena-archive-metrics span { color: #687988; }
html[data-app-mode="league"] .arena-archive-metrics small { color: #687988; }
html[data-app-mode="center"] .arena-archive-metrics small { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-confidence.ok { border-color: rgba(83, 199, 184, 0.5); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-confidence.low { border-color: rgba(255, 122, 112, 0.45); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-confidence-note { background: rgba(255, 122, 112, 0.08); border-left: 3px solid rgba(255, 122, 112, 0.5); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-card { background: var(--app-surface, #151b24); border: 1px solid var(--app-border, #2a3340); }
html[data-app-mode="league"] .arena-event-card > header p { color: #687988; }
html[data-app-mode="center"] .arena-event-card > header p { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-cell { border: 1px solid var(--app-border, #2a3340); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-cell.win { border-left: 3px solid #2f9e6f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-cell.loss { border-left: 3px solid #d3454f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-round-cell.tie { border-left: 3px solid #8895a5; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-list { background: var(--app-surface, #151b24); border: 1px solid var(--app-border, #2a3340); }
html[data-app-mode="league"] .arena-event-list h3 small { color: #687988; }
html[data-app-mode="center"] .arena-event-list h3 small { color: #687988; }
html[data-app-mode="league"] .arena-event-list-head { color: #687988; }
html[data-app-mode="center"] .arena-event-list-head { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-row.activo { border-color: var(--arena-accent, #4f8fd4); box-shadow: inset 3px 0 0 var(--arena-accent, #4f8fd4); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-deck { background: rgba(38, 38, 38, 0.03); }
html[data-app-mode="league"] .arena-event-deck small,
html[data-app-mode="league"] .arena-event-deck em { color: #687988; }
html[data-app-mode="center"] .arena-event-deck small,
html[data-app-mode="center"] .arena-event-deck em { color: #687988; }
html[data-app-mode="league"] .arena-event-record small { color: #687988; }
html[data-app-mode="center"] .arena-event-record small { color: #687988; }
html[data-app-mode="league"] .arena-event-note p { color: #687988; }
html[data-app-mode="center"] .arena-event-note p { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-curve-guide { stroke: var(--app-border, #b5c0d1); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-curve-line { stroke: var(--arena-accent, #4f8fd4); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-curve-dot { fill: var(--arena-accent, #4f8fd4); }
html[data-app-mode="league"] .arena-stamina small { color: #687988; }
html[data-app-mode="center"] .arena-stamina small { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-badge { background: rgba(79, 143, 212, 0.16); }
html[data-app-mode="league"] .arena-badge { color: #74b5fd; }
html[data-app-mode="center"] .arena-badge { color: #74b5fd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-badge.suave { background: rgba(38, 38, 38, 0.06); }
html[data-app-mode="league"] .arena-badge.suave { color: #687988; }
html[data-app-mode="center"] .arena-badge.suave { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-mental,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-note,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stamina-block,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-decisions { background: rgba(38, 38, 38, 0.03); }
html[data-app-mode="league"] .arena-mental strong i { color: #687988; }
html[data-app-mode="center"] .arena-mental strong i { color: #687988; }
html[data-app-mode="league"] .arena-mental small { color: #687988; }
html[data-app-mode="center"] .arena-mental small { color: #687988; }
html[data-app-mode="league"] .arena-curve-y { color: #687988; }
html[data-app-mode="center"] .arena-curve-y { color: #687988; }
html[data-app-mode="league"] .arena-curve-x { color: #687988; }
html[data-app-mode="center"] .arena-curve-x { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-review-progress .completo { color: #60c997; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-review-bar { background: rgba(38, 38, 38, 0.07); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-review-bar b { background: var(--arena-accent, #4f8fd4); }
html[data-app-mode="league"] .arena-review-items li { color: #687988; }
html[data-app-mode="center"] .arena-review-items li { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-review-items li.completo { color: #60c997; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-transfer li { border-left: 2px solid var(--arena-accent, #4f8fd4); }
html[data-app-mode="league"] .arena-transfer li { color: #687988; }
html[data-app-mode="center"] .arena-transfer li { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare-strip { background: var(--app-surface, #151b24); border: 1px solid var(--app-border, #2a3340); }
html[data-app-mode="league"] .arena-compare-strip header p { color: #687988; }
html[data-app-mode="center"] .arena-compare-strip header p { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare-strip > div > div { background: rgba(38, 38, 38, 0.03); }
html[data-app-mode="league"] .arena-compare-strip span { color: #687988; }
html[data-app-mode="center"] .arena-compare-strip span { color: #687988; }
html[data-app-mode="league"] .arena-compare-strip small { color: #687988; }
html[data-app-mode="center"] .arena-compare-strip small { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare-strip em.sube { color: #60c997; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare-strip em.baja { color: #fb8c8c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-stamina,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-compare { background: rgba(38, 38, 38, 0.03); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-decision { border-left: 3px solid var(--app-border, #2a3340); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-decision.acierto { border-left-color: #2f9e6f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-decision.dudosa { border-left-color: #e0a33c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-decision.error { border-left-color: #d3454f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-review-state,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-alerts,
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-patterns { background: var(--app-surface, #151b24); border: 1px solid var(--app-border, #2a3340); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-reviewed { color: #53c7b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-alerts article { border-top: 1px solid var(--app-border, #2a3340); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-alerts b { background: rgba(255, 122, 112, 0.16); color: #fb8d83; }
html[data-app-mode="league"] .arena-event-alerts small { color: #687988; }
html[data-app-mode="center"] .arena-event-alerts small { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-event-row { background: var(--app-surface, #151b24); border: 1px solid var(--app-border, #2a3340); }
html[data-app-mode="league"] .arena-event-row small,
html[data-app-mode="league"] .arena-event-row em { color: #687988; }
html[data-app-mode="center"] .arena-event-row small,
html[data-app-mode="center"] .arena-event-row em { color: #687988; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .season-picker select { background: transparent; border: 1px solid currentColor; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .season-picker.archivada { background: rgba(190, 140, 40, 0.1); border-left: 3px solid rgba(190, 140, 40, 0.65); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .torneos-en-otra-temporada { background: rgba(190, 140, 40, 0.1); border-left: 3px solid rgba(190, 140, 40, 0.65); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .torneos-en-otra-temporada-botones button { background: transparent; border: 1px solid currentColor; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .torneos-en-otra-temporada-botones button:hover { background: rgba(190, 140, 40, 0.16); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .perfil-jugador { background: rgba(12, 16, 22, 0.62); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .perfil-jugador-caja { background: var(--app-surface, #262626); box-shadow: 0 18px 48px rgba(10, 14, 20, 0.28); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .perfil-campo input { border: 1px solid var(--app-border, #20272d); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .perfil-opciones button { border: 1px solid var(--app-border, #20272d); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .perfil-opciones button.activo { background: var(--app-primary, #234f7e); border-color: var(--app-primary, #234f7e); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .perfil-en-cuenta { border-top: 1px solid var(--app-border, #20272d); }
html:is([data-app-mode="league"], [data-app-mode="center"]) { --codice-fondo: #262626; --codice-texto: #a8bfd8; --codice-borde: #20272d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .codice-globo { background: var(--codice-fondo); border: 1px solid var(--codice-borde); box-shadow: 0 10px 28px rgba(10, 14, 20, 0.16); }
html[data-app-mode="league"] .codice-globo { color: #d8cdbb; }
html[data-app-mode="center"] .codice-globo { color: #d8cdbb; }
html[data-app-mode="league"] .codice-accion { color: #86b5eb; }
html[data-app-mode="center"] .codice-accion { color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .codice-flotante.origen-sistema .codice-globo { border-color: rgba(190, 140, 40, 0.7); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .codice-boton:focus-visible { outline: 2px solid var(--app-primary, #234f7e); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .reportar-caja { background: var(--app-surface, #262626); border: 1px solid var(--app-border, #20272d); box-shadow: 0 14px 36px rgba(10, 14, 20, 0.2); }
html[data-app-mode="league"] .reportar-caja p { color: #8e9dae; }
html[data-app-mode="center"] .reportar-caja p { color: #949ea0; }
html[data-app-mode="league"] .reportar-acciones small { color: #8e9dae; }
html[data-app-mode="center"] .reportar-acciones small { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .perfil-heredado { background: rgba(125, 145, 170, 0.12); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .competitive-round-preview li:nth-child(odd) { background: rgba(125, 145, 170, 0.08); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-panel .admin-scope-switch.viz-entorno { background: color-mix(in srgb, var(--viz-fondo) 70%, transparent); border: 1px solid var(--viz-borde); }
html[data-app-mode="league"] .metajuego-panel .admin-scope-switch.viz-entorno button { color: #788497; }
html[data-app-mode="center"] .metajuego-panel .admin-scope-switch.viz-entorno button { color: #788497; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-panel .admin-scope-switch.viz-entorno button:hover { background: var(--viz-pista); }
html[data-app-mode="league"] .metajuego-panel .admin-scope-switch.viz-entorno button:hover { color: var(--viz-texto); }
html[data-app-mode="center"] .metajuego-panel .admin-scope-switch.viz-entorno button:hover { color: var(--viz-texto); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-panel .admin-scope-switch.viz-entorno button.active { background: color-mix(in srgb, var(--viz-acento) 20%, transparent); border-bottom-color: transparent; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--viz-acento) 45%, transparent); }
html[data-app-mode="league"] .metajuego-panel .admin-scope-switch.viz-entorno button.active { color: var(--viz-texto); }
html[data-app-mode="center"] .metajuego-panel .admin-scope-switch.viz-entorno button.active { color: var(--viz-texto); }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .rc-ronda { border: 1px solid var(--rc-borde, #1e2126); border-left: 3px solid var(--rc-carril, #2e3640); } }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .rc-ronda.win { --rc-borde: #14201a; --rc-fondo: #151716; } }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .rc-ronda.loss { --rc-borde: #291b1e; --rc-fondo: #181616; } }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .rc-ronda.tie { --rc-borde: #251e06; --rc-fondo: #272623; } }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .rc-linea { background: var(--rc-fondo, #262626); } }
@media (max-width: 720px) { html[data-app-mode="league"] .rc-numero { color: #e2a437; } }
@media (max-width: 720px) { html[data-app-mode="center"] .rc-numero { color: #e2a437; } }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .rc-marcador b.win { background: rgba(46, 143, 114, 0.15); color: #77c3a7; } }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .rc-marcador b.loss { background: rgba(204, 48, 79, 0.13); color: #fa8b96; } }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .rc-marcador b.tie { background: rgba(217, 155, 43, 0.16); color: #d9a758; } }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .rc-marcador-solo { border: 1px dashed var(--rc-carril); } }
@media (max-width: 720px) { html[data-app-mode="league"] .rc-marcador-solo { color: #e2a437; } }
@media (max-width: 720px) { html[data-app-mode="center"] .rc-marcador-solo { color: #e2a437; } }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .rc-detalle { border-top: 1px solid var(--rc-borde); } }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .rc-acciones button { border: 1px solid var(--rc-borde); } }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .rc-acciones .rc-borrar { color: #fb8c8e; } }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-comunitario { border-top: 1px solid var(--app-line, #1e2126); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-advertencia { background: rgba(217, 155, 43, 0.08); border: 1px solid rgba(217, 155, 43, 0.32); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-advertencia svg { color: #dca745; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-sello.revisado { background: rgba(46, 143, 114, 0.14); color: #77c3a7; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-sello.sin-revisar { background: rgba(217, 155, 43, 0.16); color: #d2aa67; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-sello.retirado { background: rgba(120, 133, 155, 0.18); color: #9aa6b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-evento { border: 1px solid var(--app-line, #1e2126); border-left: 3px solid #d99b2b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-evento.revisado { border-left-color: #2e8f72; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-evento.retirado { border-left-color: #8b97ab; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-motivo { background: rgba(204, 48, 79, 0.07); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-pie { border-top: 1px solid var(--app-line, #1b1d20); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-acciones button,
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-limpiar,
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-caja button:not(.primary-button) { border: 1px solid var(--app-line, #21262c); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-acciones .tablon-borrar { color: #fb8c8e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-formulario,
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-caja { border: 1px solid var(--app-line, #1e2126); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tablon-limpiar { border: 1px solid var(--app-line, #21262c); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .more-menu-panel > .more-menu-peligro { border-top: 1px solid var(--mode-border, #21262c); }
html[data-app-mode="league"] .more-menu-panel > .more-menu-peligro { color: #fb8c8e; }
html[data-app-mode="center"] .more-menu-panel > .more-menu-peligro { color: #fb8c8e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .more-menu-panel > .more-menu-peligro:hover { background: rgba(167, 55, 63, 0.09); color: #fa8d8d; }
html[data-app-mode="league"] .cuenta-borrar-abrir { color: #fb8c8e; }
html[data-app-mode="center"] .cuenta-borrar-abrir { color: #fb8c8e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .cuenta-borrar { background: var(--peligro-fondo, rgba(167, 55, 63, 0.06)); border: 1px solid var(--peligro-linea, rgba(167, 55, 63, 0.32)); }
html[data-app-mode="league"] .cuenta-borrar-titulo { color: #fa8d8d; }
html[data-app-mode="center"] .cuenta-borrar-titulo { color: #fa8d8d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .cuenta-borrar-campo input { background: var(--mode-surface, #262626); border: 1px solid var(--peligro-linea, rgba(167, 55, 63, 0.4)); }
html[data-app-mode="league"] .cuenta-borrar-campo input { color: #acc5e0; }
html[data-app-mode="center"] .cuenta-borrar-campo input { color: #c0c7cc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .cuenta-borrar-confirmar { background: #a7373f; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .cuenta-borrar-confirmar:disabled { background: transparent; border: 1px dashed var(--peligro-linea, rgba(167, 55, 63, 0.4)); }
html[data-app-mode="league"] .cuenta-borrar-confirmar:disabled { color: #fa8d8d; }
html[data-app-mode="center"] .cuenta-borrar-confirmar:disabled { color: #fa8d8d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-edit-button { background: var(--mode-surface, #262626); border: 1px solid var(--mode-border, #22272d); }
html[data-app-mode="league"] .analysis-edit-button { color: #acc5e0; }
html[data-app-mode="center"] .analysis-edit-button { color: #c0c7cc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-entry-remove { border: 1px solid transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-entry-remove:hover { border-color: var(--mode-border, #22272d); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .themed-tabs > button:focus-visible { outline: 2px solid var(--app-primary); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .themed-tabs > button { color: #9ba6a5; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .themed-tabs > button svg { background: var(--burbuja-fondo, #1b1e1e); }
html[data-app-mode="league"] .app-shell.mode-center .themed-tabs > button svg { color: var(--burbuja-tinta, currentColor); }
html[data-app-mode="center"] .app-shell.mode-center .themed-tabs > button svg { color: #d1ac57; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .themed-tabs > button[data-seccion="summary"] { --burbuja-fondo: #281b0e; --burbuja-tinta: #f3975a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .themed-tabs > button[data-seccion="register"] { --burbuja-fondo: #2e1c1b; --burbuja-tinta: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .themed-tabs > button[data-seccion="stats"] { --burbuja-fondo: #15231d; --burbuja-tinta: #7ac49e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .themed-tabs > button[data-seccion="decks"] { --burbuja-fondo: #211d2b; --burbuja-tinta: #aaa5fb; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .themed-tabs > button[data-seccion="history"] { --burbuja-fondo: #172029; --burbuja-tinta: #79b6f4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .themed-tabs > button[data-seccion="events"] { --burbuja-fondo: #251d00; --burbuja-tinta: #d1ac57; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .themed-tabs > button:hover:not(.active) { background: #221919; color: #aab5b4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .themed-tabs > button.active svg { background: #262626; color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .themed-tabs { background: #191d20; border: 1px solid var(--app-border); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .themed-tabs > button { color: #93a5b9; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .themed-tabs > button:hover:not(.active) { background: #262626; }
html[data-app-mode="league"] .app-shell.mode-league .themed-tabs > button:hover:not(.active) { color: #86b5eb; }
html[data-app-mode="center"] .app-shell.mode-league .themed-tabs > button:hover:not(.active) { color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .themed-tabs > button.active::before { background: var(--app-accent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-panel .admin-scope-switch.viz-vista { background: color-mix(in srgb, var(--viz-fondo) 70%, transparent); border: 1px solid var(--viz-borde); }
html[data-app-mode="league"] .metajuego-panel .admin-scope-switch.viz-vista button { color: #788497; }
html[data-app-mode="center"] .metajuego-panel .admin-scope-switch.viz-vista button { color: #788497; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-panel .admin-scope-switch.viz-vista button:hover { background: var(--viz-pista); }
html[data-app-mode="league"] .metajuego-panel .admin-scope-switch.viz-vista button:hover { color: var(--viz-texto); }
html[data-app-mode="center"] .metajuego-panel .admin-scope-switch.viz-vista button:hover { color: var(--viz-texto); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-panel .admin-scope-switch.viz-vista button.active { background: color-mix(in srgb, var(--viz-acento) 20%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--viz-acento) 45%, transparent); }
html[data-app-mode="league"] .metajuego-panel .admin-scope-switch.viz-vista button.active { color: var(--viz-texto); }
html[data-app-mode="center"] .metajuego-panel .admin-scope-switch.viz-vista button.active { color: var(--viz-texto); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .perfil-tutor { background: color-mix(in srgb, currentColor 5%, transparent); border: 1px solid color-mix(in srgb, currentColor 22%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .more-menu-panel .enlaces-legales-menu { border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent); }
}
}

@layer oscuro-ajustes {
@media (prefers-color-scheme: dark) {
html[data-app-mode="league"] .guardado-aviso { color: #6ac6a6; }
html[data-app-mode="center"] .guardado-aviso { color: #6ac6a6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .esqueleto-fila { background: color-mix(in srgb, currentColor 9%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .notas-pegadas { --pagina-fondo: #221e13; --pagina-tinta: #b3c0b7; --pagina-borde: #352d17; }
html[data-app-mode="league"] .notas-pegadas { color: #acc5e0; }
html[data-app-mode="center"] .notas-pegadas { color: #c0c7cc; }
html[data-app-mode="league"] .notas-cabecera { color: #91a1b8; }
html[data-app-mode="center"] .notas-cabecera { color: #949ea0; }
html[data-app-mode="league"] .notas-anillo { color: #83b2fe; }
html[data-app-mode="center"] .notas-anillo { color: #48cd8c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-pegada { background: var(--pagina-fondo); border: 1px solid var(--pagina-borde); box-shadow: calc(var(--ladeo, 0) * 4px) 4px 10px -8px rgba(30, 22, 0, 0.45); }
html[data-app-mode="league"] .nota-pegada { color: #acc5e0; }
html[data-app-mode="center"] .nota-pegada { color: #b3c0b7; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-pegada.reciente { box-shadow: calc(var(--ladeo, 0) * 5px) 7px 16px -10px rgba(30, 22, 0, 0.6); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-pegada::after { box-shadow: 0 14px 22px -12px rgba(30, 22, 0, 0.55); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-pegada::before { border: 2px solid var(--runa); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pagina-runa { background: var(--runa); }
html[data-app-mode="league"] .pagina-folio { color: #b9a27c; }
html[data-app-mode="center"] .pagina-folio { color: #ceab70; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pagina-esquina { border: 0 solid var(--pagina-metal); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pagina-marcador { background: var(--marcador); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-cuerpo:focus-visible { outline: 2px solid var(--runa); }
html[data-app-mode="league"] .nota-plazo { color: #97a7b6; }
html[data-app-mode="center"] .nota-plazo { color: #aba596; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-despegar { background: transparent; }
html[data-app-mode="league"] .nota-despegar { color: #97a7b6; }
html[data-app-mode="center"] .nota-despegar { color: #aba596; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-despegar:hover,
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-despegar:focus-visible { background: color-mix(in srgb, var(--pagina-tinta) 10%, transparent); }
html[data-app-mode="league"] .nota-despegar:hover,
html[data-app-mode="league"] .nota-despegar:focus-visible { color: #acc5e0; }
html[data-app-mode="center"] .nota-despegar:hover,
html[data-app-mode="center"] .nota-despegar:focus-visible { color: #b3c0b7; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-pegada.por-quitarse .pagina-runa { background: repeating-linear-gradient(var(--runa) 0 5px, transparent 5px 9px); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-agregar { background: color-mix(in srgb, var(--pagina-fondo) 55%, transparent); border: 1.5px dashed var(--pagina-metal); }
html[data-app-mode="league"] .nota-agregar { color: #91a1b8; }
html[data-app-mode="center"] .nota-agregar { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-agregar:hover,
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-agregar:focus-visible { border-color: var(--runa); }
html[data-app-mode="league"] .nota-agregar:hover,
html[data-app-mode="league"] .nota-agregar:focus-visible { color: #acc5e0; }
html[data-app-mode="center"] .nota-agregar:hover,
html[data-app-mode="center"] .nota-agregar:focus-visible { color: #c0c7cc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-agregar-renglones { background-image: repeating-linear-gradient(
    to bottom,
    transparent 0 15px,
    color-mix(in srgb, var(--pagina-metal) 22%, transparent) 15px 16px
  ); }
html[data-app-mode="league"] .nota-agregar-aviso { color: #fb8c8e; }
html[data-app-mode="center"] .nota-agregar-aviso { color: #fb8c8e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-borrador { border: 1.5px dashed var(--runa); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .nota-borrador textarea { background: transparent; }
html[data-app-mode="league"] .nota-borrador textarea::placeholder { color: #97a7b6; }
html[data-app-mode="center"] .nota-borrador textarea::placeholder { color: #aba596; }
html[data-app-mode="league"] .nota-borrador-ayuda { color: #97a7b6; }
html[data-app-mode="center"] .nota-borrador-ayuda { color: #aba596; }
html[data-app-mode="league"] .notas-se-quitara,
html[data-app-mode="league"] .notas-error { color: #acc5e0; }
html[data-app-mode="center"] .notas-se-quitara,
html[data-app-mode="center"] .notas-error { color: #b3c0b7; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-borrador-acciones button { background: transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-borrador-acciones .nota-borrador-pegar { background: var(--pagina-tinta); }
html[data-app-mode="league"] .nota-borrador-acciones .nota-borrador-pegar { color: var(--pagina-fondo); }
html[data-app-mode="center"] .nota-borrador-acciones .nota-borrador-pegar { color: var(--pagina-fondo); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .notas-deshacer { background: transparent; border: 1px solid currentColor; }
html[data-app-mode="league"] .notas-deshacer { color: #fb8c8d; }
html[data-app-mode="center"] .notas-deshacer { color: #fd8c82; }
html[data-app-mode="league"] .notas-pie { color: #91a1b8; }
html[data-app-mode="center"] .notas-pie { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .notas-pegadas { --pagina-tinta: #acc5e0; --pagina-borde: #372f19; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .pagina-gesto::after { background: linear-gradient(104deg, transparent, rgba(38, 38, 38, 0.75) 46%, rgba(45, 125, 255, 0.55) 62%, transparent); }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .notas-pastilla { background: var(--mode-accent, #234f7e); box-shadow: 0 8px 18px -8px rgba(0, 0, 0, 0.45); color: #fff; } }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .notas-pastilla .notas-anillo { color: currentColor; } }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .notas-pegadas.abierta .notas-velo { background: rgba(15, 20, 30, 0.35); } }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .notas-pegadas.abierta .notas-hoja { background: var(--mode-surface, #262626); box-shadow: 0 -12px 30px -12px rgba(0, 0, 0, 0.35); } }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .notas-asa { background: var(--mode-border, #282f36); } }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .notas-cerrar { background: transparent; } }
html[data-app-mode="league"] .metajuego-panel .torre-alerta.encendida.tono-ambar :is(strong, svg) { color: var(--torre-ambar); }
html[data-app-mode="center"] .metajuego-panel .torre-alerta.encendida.tono-ambar :is(strong, svg) { color: var(--torre-ambar); }
html[data-app-mode="league"] .metajuego-panel .torre-alerta.encendida.tono-rojo :is(strong, svg) { color: #fb8c89; }
html[data-app-mode="center"] .metajuego-panel .torre-alerta.encendida.tono-rojo :is(strong, svg) { color: #fb8c89; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .descargar-datos { border-top: 1px solid var(--mode-border, #252829); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .cargar-copia { background: transparent; border: 1px dashed var(--mode-border, #33383b); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .aviso-sync { background: #1c2733; box-shadow: 0 16px 36px -16px rgba(0, 0, 0, 0.55); color: #eef3f8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .aviso-sync svg { color: #7cc4ff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .aviso-sync-conflicto { border-left: 3px solid #e8a93a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .aviso-sync-conflicto svg { color: #e8a93a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .aviso-sync strong { color: #fff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .aviso-sync-cerrar { background: transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .aviso-sync-lista { color: #5c6670; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .aviso-sync-acciones .secondary-button { background: transparent; border: 1px solid rgba(38, 38, 38, 0.28); color: #eef3f8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .aviso-sync-acciones .primary-button { background: #7cc4ff; border-color: #7cc4ff; color: #b4d0eb; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-guias line { stroke: var(--viz-acento); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-margen line { stroke: var(--viz-acento); }
html[data-app-mode="league"] .meta-delta.sube { color: #7bb4fd; }
html[data-app-mode="center"] .meta-delta.sube { color: #7bb4fd; }
html[data-app-mode="league"] .meta-delta.baja { color: #fb8c89; }
html[data-app-mode="center"] .meta-delta.baja { color: #fb8c89; }
html[data-app-mode="league"] .meta-delta.nuevo { color: var(--viz-acento); }
html[data-app-mode="center"] .meta-delta.nuevo { color: var(--viz-acento); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-estela line { stroke: var(--viz-linea); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-estela circle { stroke: var(--viz-linea); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-tierra { stroke: var(--viz-linea); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-halo { stroke: var(--viz-texto); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-nivel-1 { stroke: var(--viz-acento); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-nivel-2 { stroke: var(--viz-acento); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-nivel-3 { stroke: var(--viz-acento); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-nivel-4 { stroke: var(--viz-acento); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-color-0 { stroke: var(--viz-s1); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-color-1 { stroke: var(--viz-s2); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-color-2 { stroke: var(--viz-s3); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-color-3 { stroke: var(--viz-s4); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-color-4 { stroke: var(--viz-s5); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-color-5 { stroke: var(--viz-s6); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-color-6 { stroke: var(--viz-otros); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-reparto { stroke: var(--viz-texto); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-punto.mapa-sin-muestra { stroke: var(--viz-texto); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-ciudad { fill: var(--viz-acento); stroke: var(--viz-fondo); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-ciudad.mapa-color-0 { fill: var(--viz-s1); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-ciudad.mapa-color-1 { fill: var(--viz-s2); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-ciudad.mapa-color-2 { fill: var(--viz-s3); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-ciudad.mapa-color-3 { fill: var(--viz-s4); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-ciudad.mapa-color-4 { fill: var(--viz-s5); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-ciudad.mapa-color-5 { fill: var(--viz-s6); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-ciudad.mapa-color-6 { fill: var(--viz-otros); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-ciudad.mapa-reparto { fill: var(--viz-texto); stroke: var(--viz-fondo); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-ciudad.mapa-sin-muestra { fill: var(--viz-fondo); stroke: var(--viz-texto); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-ciudad.foco { stroke: var(--viz-texto); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .guardado-aviso.confirma-arena { background: repeating-linear-gradient(0deg, rgba(38, 38, 38, 0.025) 0 1px, transparent 1px 3px),
    #0d1319; border: 1px solid #243140; border-left: 3px solid #6ad3a8; box-shadow: 0 0 18px rgba(106, 211, 168, 0.12); color: #cfe9dd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .confirma-marca { border: 1.5px solid #6ad3a8; color: #6ad3a8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .confirma-sello { border: 1px solid #6ad3a8; color: #6ad3a8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .guardado-aviso.confirma-liga { background: linear-gradient(100deg, #1e190c, #25191c); border: 1px solid #342603; box-shadow: 0 6px 20px rgba(211, 72, 82, 0.14); color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .guardado-aviso.confirma-liga:not(.celebra) { background: #17191a; border-color: #242c35; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .confirma-liga strong { color: #fb8c8e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .confirma-liga:not(.celebra) strong { color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .confirma-liga small { color: #b4a27f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .confirma-liga:not(.celebra) small { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .confirma-comprobado { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .confirma-destello { background: #402f06; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .guardado-aviso.confirma-centro { background: #231818; border: 2px solid #4b2423; color: #b2b8be; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .guardado-aviso.confirma-centro::before { background: #231818; border-left: 2px solid #4b2423; border-top: 2px solid #4b2423; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .confirma-centro strong { color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .confirma-centro .confirma-destello { background: #58a181; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .confirma-centro .d2 { background: #c24f49; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .guardado-aviso.confirma-amoxtli { background: linear-gradient(180deg, rgba(122, 36, 24, 0.05), transparent); border-left: 3px double rgba(122, 36, 24, 0.55); color: #f49381; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .confirma-amoxtli strong { color: #f49381; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .confirma-amoxtli small { color: #cfa98a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-margen { color: #6d7885; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .themed-header::after { background-image: linear-gradient(135deg, #d34852 25%, transparent 25%),
    linear-gradient(225deg, #d34852 25%, transparent 25%),
    linear-gradient(135deg, #402f06 25%, transparent 25%),
    linear-gradient(225deg, #402f06 25%, transparent 25%),
    linear-gradient(135deg, #3b6fb6 25%, transparent 25%),
    linear-gradient(225deg, #3b6fb6 25%, transparent 25%); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vitrina-insignias { background: linear-gradient(180deg, #262626, #1d1a11); border: 1px solid #322500; box-shadow: 0 8px 22px rgba(28, 48, 69, 0.08); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vitrina-insignias header strong { color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vitrina-insignias header small { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vitrina-insignias li b { color: #919aa5; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vitrina-insignias li small { color: #919aa5; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vitrina-insignias li.encendida b { color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vitrina-insignias li.encendida small { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vitrina-insignia { background: #1b1d20; border: 2px dashed #242c35; color: #717d89; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .encendida .vitrina-insignia { background: radial-gradient(circle at 35% 30%, #221c02, #402f06 55%, #b8841c); border: 2px solid #9a6b12; box-shadow: 0 4px 10px rgba(154, 107, 18, 0.35); color: #fff8dc; text-shadow: 0 1px 1px rgba(122, 80, 10, 0.6); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .encendida .insignia-tres-en-un-torneo { background: radial-gradient(circle at 35% 30%, #371a1f, #d34852 55%, #8f2530); border-color: #8f2530; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vitrina-insignias li.nueva .vitrina-insignia::after { background: linear-gradient(90deg, transparent, rgba(38, 38, 38, 0.9), transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center { background: radial-gradient(circle at 8% 18%, rgba(223, 110, 104, 0.10) 0 120px, transparent 121px),
    radial-gradient(circle at 92% 12%, rgba(88, 161, 129, 0.10) 0 90px, transparent 91px),
    radial-gradient(circle at 85% 78%, rgba(64, 47, 6, 0.12) 0 150px, transparent 151px),
    radial-gradient(circle at 15% 88%, rgba(88, 161, 129, 0.08) 0 110px, transparent 111px),
    var(--app-bg, #1a1b1b); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .frase-del-torneo { background: #262626; border: 2px solid #38211f; box-shadow: 0 10px 24px rgba(223, 110, 104, 0.10); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .frase-del-torneo-sprite { background: #231818; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .frase-del-torneo small { color: #7fc2a1; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .frase-del-torneo strong { color: #c0c7cc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .frase-del-torneo span { color: #90999f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-history-empty.center-primer-vacio { background: #262626; border: 2px dashed #4b2423; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .center-primer-vacio > strong { color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-primer-vacio > span:not(.center-primer-vacio-sprite) { color: #90999f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .marca-mira i { background: rgba(231, 82, 96, 0.8); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .marca-mira b { border-color: #e75260; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .themed-brand small.lema-arena { color: #6ad3a8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .lema-cursor { background: #6ad3a8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sesion-de-arena { border: 1px solid #2a3441; border-left: 3px solid #6ad3a8; color: #cfe9dd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sesion-de-arena b { color: #6ad3a8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sesion-de-arena .en-curso { color: #6d7885; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .marca-brillo::after { background: linear-gradient(100deg, transparent, rgba(38, 38, 38, 0.9), transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .lema-cinta { background: #d34852; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .marca-destellos i { background: #402f06; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .confirma-insignia { background: linear-gradient(90deg, #3b6fb6, #4f82c9); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-pokeal) .themed-brand small.lema-centro { color: #7fc2a1; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .lema-centro em { color: #fb8d84; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .marca-anillo { stroke: #fb8e7f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .boleto-talon { border-left: 2px dashed #242c35; color: #fb8c8d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .boleto-talon small { color: #91a1b8; }
@media (max-width: 650px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .boleto-talon { border-top: 2px dashed #242c35; } }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-pegatina { border: 2px solid #262626; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-pegatina.win { background: #221c02; color: #daa848; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-pegatina.loss { background: #191f24; color: #7c92a7; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .center-pegatina.tie { background: #161d19; color: #7fc2a1; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .cronograma-traza { background: var(--arena-red, #e75260); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-checklist li.se-tacha .tarea-texto { background: linear-gradient(currentColor, currentColor) no-repeat; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .se-sella::after { border: 2px solid var(--app-primary, #d34852); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .barrido-de-calculo::after { background: linear-gradient(100deg, transparent, rgba(59, 111, 182, 0.12), rgba(38, 38, 38, 0.65), transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-deck-row[role="button"]:focus-visible { outline: 2px solid var(--app-primary, #2d7dff); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-deck-row.en-foco,
html:is([data-app-mode="league"], [data-app-mode="center"]) .remote-meta-group.en-foco { box-shadow: 0 10px 22px -12px color-mix(in srgb, var(--app-primary, #2d7dff) 60%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .analysis-deck-row.en-foco { border-color: var(--app-primary, #2d7dff); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .gesto-de-estreno::after { background: linear-gradient(104deg, transparent, rgba(38, 38, 38, 0.75) 46%, rgba(45, 125, 255, 0.45) 62%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sync-status .sync-nube.cifra-viva[data-cambiada]::after { border: 2px solid currentColor; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sello-de-guardado.sello-league { background: #d34852; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sello-de-guardado.sello-arena { border-left: 3px solid #6ad3a8; color: #6ad3a8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sello-de-guardado.sello-center { background: #161d19; color: #81c1a2; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sello-de-guardado.sello-pokeal { border-bottom: 3px solid rgba(122, 79, 16, 0.55); color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .league-stats-screen { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 300' fill='none' stroke='rgba(59,111,182,0.14)' stroke-width='3'><rect x='20' y='20' width='480' height='260' rx='130'/><rect x='50' y='50' width='420' height='200' rx='100'/><rect x='80' y='80' width='360' height='140' rx='70'/><path d='M260 20v60M260 220v60' stroke='rgba(211,72,82,0.22)'/></svg>"); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .league-season { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 300'><path d='M70 30h120v60a60 60 0 0 1-120 0z M70 45H35a30 30 0 0 0 35 45 M190 45h35a30 30 0 0 1-35 45 M115 150h30v50h-30z M85 200h90v25H85z M70 225h120v25H70z' fill='rgba(242,193,78,0.22)'/></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 260'><g opacity='.35'><rect x='20' y='30' width='10' height='5' fill='%23d34852' transform='rotate(20 25 32)'/><rect x='90' y='12' width='9' height='5' fill='%233b6fb6' transform='rotate(-30 95 15)'/><rect x='160' y='44' width='10' height='5' fill='%23f2c14e' transform='rotate(45 165 46)'/><rect x='230' y='18' width='9' height='5' fill='%23d34852' transform='rotate(-15 235 20)'/><rect x='300' y='52' width='10' height='5' fill='%233b6fb6' transform='rotate(30 305 54)'/><rect x='360' y='22' width='9' height='5' fill='%23f2c14e' transform='rotate(-40 365 24)'/><circle cx='60' cy='70' r='3' fill='%23f2c14e'/><circle cx='200' cy='80' r='3' fill='%23d34852'/><circle cx='330' cy='90' r='3' fill='%233b6fb6'/></g></svg>"); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .league-decks-screen { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140' fill='none' stroke='rgba(211,72,82,0.08)' stroke-width='2'><rect x='22' y='16' width='48' height='66' rx='6' transform='rotate(-8 46 49)'/><rect x='80' y='60' width='48' height='66' rx='6' transform='rotate(10 104 93)'/></svg>"); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center[data-seccion] { background: radial-gradient(circle at 8% 18%, rgba(var(--centro-tinta), 0.12) 0 120px, transparent 121px),
    radial-gradient(circle at 92% 12%, rgba(var(--centro-tinta), 0.1) 0 90px, transparent 91px),
    radial-gradient(circle at 85% 78%, rgba(var(--centro-tinta), 0.11) 0 150px, transparent 151px),
    radial-gradient(circle at 15% 88%, rgba(var(--centro-tinta), 0.08) 0 110px, transparent 111px),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60' fill='none' stroke='rgba(60,70,80,0.16)' stroke-width='2' stroke-linecap='round'><path d='M20 40a10 10 0 0 1 4-19 14 14 0 0 1 26-2 9 9 0 0 1 8 21z'/><path d='M90 12l3 7 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z'/></svg>") left 30px bottom 40px / 160px 80px no-repeat,
    var(--app-bg, #1a1b1b); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .motivo-de-seccion[data-seccion="register"] { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='rgba(90,65,22,0.12)'><g transform='rotate(-20 100 100)'><ellipse cx='75' cy='120' rx='16' ry='30'/><circle cx='62' cy='80' r='5'/><circle cx='72' cy='76' r='5'/><circle cx='82' cy='77' r='4.5'/><circle cx='90' cy='81' r='4'/><ellipse cx='125' cy='90' rx='16' ry='30'/><circle cx='112' cy='50' r='5'/><circle cx='122' cy='46' r='5'/><circle cx='132' cy='47' r='4.5'/><circle cx='140' cy='51' r='4'/></g></svg>"); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .motivo-de-seccion[data-seccion="stats"] { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='rgba(90,65,22,0.15)' stroke-width='3'><circle cx='100' cy='100' r='90'/><circle cx='100' cy='100' r='64'/><circle cx='100' cy='100' r='26'/><g stroke-width='2'><path d='M100 10v26M100 164v26M10 100h26M164 100h26M36 36l18 18M146 146l18 18M164 36l-18 18M54 146l-18 18'/></g><path d='M100 82l6 12 13 2-9 9 2 13-12-6-12 6 2-13-9-9 13-2z' fill='rgba(90,65,22,0.15)' stroke='none'/></svg>"); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .motivo-de-seccion[data-seccion="decks"] { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke-linecap='round'><path d='M40 172c40 0 60-20 60-50s-50-30-50-60 30-40 66-40' stroke='rgba(90,65,22,0.18)' stroke-width='16'/><path d='M40 172c40 0 60-20 60-50s-50-30-50-60 30-40 66-40' stroke='rgba(39, 30, 8, 0.9)' stroke-width='8'/><path d='M58 168l6-8M80 158l4-9M96 140l-3-9M88 116l-8-5M64 98l-9-3M52 74l-6 7M60 50l-4 8M80 32l-2 9M100 24l0 9' stroke='rgba(90,65,22,0.18)' stroke-width='2.5'/><path d='M112 22c10-10 30-10 40 0-10 12-30 12-40 0z' fill='rgba(90,65,22,0.2)'/><circle cx='140' cy='20' r='2.5' fill='rgba(39, 30, 8, 0.95)'/><path d='M152 22l12 2m0 0l6-4m-6 4l6 4' stroke='rgba(179,38,30,0.28)' stroke-width='2'/></svg>"); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .motivo-de-seccion[data-seccion="history"] { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='rgba(90,65,22,0.12)'><g transform='rotate(-35 100 100)'><ellipse cx='30' cy='110' rx='8' ry='15'/><ellipse cx='55' cy='92' rx='8' ry='15'/><ellipse cx='80' cy='110' rx='8' ry='15'/><ellipse cx='105' cy='92' rx='8' ry='15'/><ellipse cx='130' cy='110' rx='8' ry='15'/><ellipse cx='155' cy='92' rx='8' ry='15'/><ellipse cx='180' cy='110' rx='8' ry='15'/></g></svg>"); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .motivo-de-seccion[data-seccion="events"] { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='rgba(90,65,22,0.17)' stroke-width='3'><path d='M20 180h160l-14-28H34zM34 152h132l-14-28H48zM48 124h104l-14-28H62zM62 96h76l-14-28H76z'/><rect x='80' y='40' width='40' height='28'/><path d='M76 40l24-16 24 16'/><path d='M92 180V68h16v112' stroke-width='2'/></svg>"); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .indicador-arena > i { border-color: var(--app-primary); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .indicador-league { box-shadow: inset 0 -3px 0 var(--app-accent, #d34852); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .indicador-center { border: 2px solid rgba(227, 110, 104, 0.85); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .indicador-pokeal { border-bottom: 4px solid rgba(90, 65, 22, 0.7); }
@media (min-width: 900px) { html:is([data-app-mode="league"], [data-app-mode="center"])[data-bajado] .app-shell:not(.mode-pokeal) > .themed-header { box-shadow: 0 10px 22px -14px rgba(23, 32, 42, 0.45); } }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-arena { border: 1px solid #2a3441; color: #cfe9dd; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-arena > strong { color: #6ad3a8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-arena > span { color: #6d7885; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-terminal { background: #0b0f15; border: 1px solid #2a3441; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-terminal b { color: #6ad3a8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-terminal span { color: #6d7885; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-terminal em { background: #6ad3a8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-liga { background: #262626; border: 2px dashed #322500; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .vacio-liga > strong { color: #fb8c8e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-liga > span { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-vitrina rect,
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-vitrina path { stroke: #242c35; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-vitrina circle { fill: #1b1d20; stroke: #242c35; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-amoxtli { background: rgba(39, 30, 8, 0.85); border: 1px solid #b99a62; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .vacio-amoxtli > strong { color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-amoxtli > span { color: #b3a07f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-pagina path { fill: #211b0a; stroke: #ceab70; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-pagina circle { stroke: #fb8e7f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .game-row.juego-win { background: linear-gradient(90deg, rgba(47, 158, 111, 0.1), transparent 65%); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .game-row.juego-loss { background: linear-gradient(90deg, rgba(211, 72, 82, 0.1), transparent 65%); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .game-row.juego-tie { background: linear-gradient(90deg, rgba(214, 160, 40, 0.12), transparent 65%); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .game-row.juego-win::before { background: #2f9e6f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .game-row.juego-loss::before { background: #d34852; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .game-row.juego-tie::before { background: #d6a028; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .reverso-de-carta { background: repeating-linear-gradient(45deg, rgba(211, 72, 82, 0.35) 0 8px, rgba(64, 47, 6, 0.35) 8px 16px, rgba(59, 111, 182, 0.35) 16px 24px); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .campana-punto { background: #d34852; border: 2px solid var(--mode-surface, #262626); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league :is(button, a, input, select, textarea, [tabindex]):focus-visible { outline: 3px solid #d34852; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center :is(button, a, input, select, textarea, [tabindex]):focus-visible { outline: 3px solid #387b5d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) { --codice-tinta: #83b2fe; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .codice-tapa::after { background: radial-gradient(circle at 50% 46%, var(--codice-tinta) 0 16%, transparent 50%); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .codice-boton::after { border: 3px solid var(--codice-tinta); box-shadow: 0 0 12px var(--codice-tinta); }
html[data-app-mode="league"] .codice-gesto-marca { color: #dba838; }
html[data-app-mode="center"] .codice-gesto-marca { color: #dba838; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .codice-boton .codice-cuenta { background: var(--codice-tinta); border: 2px solid var(--codice-fondo, #262626); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .campana-con-aviso::after { border: 2px solid #d34852; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .codice-flotante.origen-logro .codice-globo { border-left: 4px solid #402f06; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .codice-flotante.origen-logro .codice-globo p::before { color: #dca748; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .hoja-que-se-desprende { background: repeating-linear-gradient(180deg, transparent 0 9px, rgba(120, 100, 60, 0.35) 9px 10px) 8px 12px / calc(100% - 16px) calc(100% - 20px) no-repeat,
    #191711; border: 1px solid #352d17; box-shadow: 0 8px 18px -8px rgba(30, 22, 0, 0.45); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .linea-del-recorrido path { stroke: var(--codice-tinta); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .linea-del-recorrido circle { fill: var(--codice-tinta); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .franja-league { background: #221a05; border-bottom: 1px solid #322500; color: #ccac70; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .franja-league b { background: #d6a028; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .franja-arena { background: #1d1a12; border-bottom: 1px solid #4a3f30; color: #f2c14e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .franja-arena b { background: #402f06; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .franja-center { background: #21190e; color: #d7a76e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .franja-center b { background: #f0a05a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .franja-pokeal { background: rgba(39, 30, 8, 0.92); border-bottom: 1px dashed #b99a62; color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .franja-pokeal b { background: #b3261e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .volver-arriba-league { background: #234f7e; box-shadow: 0 6px 14px rgba(35, 79, 126, 0.35); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .volver-arriba-arena { background: #0b0f15; border: 1px solid #e75260; color: #fb8c8f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .volver-arriba-center { background: #262626; border: 2px solid #e36e68; color: #fa8e86; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .volver-arriba-pokeal { background: #5a4116; color: #f6ebcf; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .esqueleto-fila:not(.metajuego-panel *) { background: #1a1d20; border: 1px solid #22272d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .esqueleto-fila:not(.metajuego-panel *) { background: #262626; border: 2px dashed #38211f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league { --app-muted: #8e9dae; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .lema-cinta,
html:is([data-app-mode="league"], [data-app-mode="center"]) .sello-de-guardado.sello-league { background: #c33d48; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center { --app-muted: #949ea0; --mode-muted: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .primary-button { background: #c24f49; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .secondary-button { background: #3b7a62; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-arena):not(.mode-pokeal) :is(.field-hint, .event-hint, .analysis-engine-caption, .analysis-engine-options > span) { color: #8e9dae; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-arena):not(.mode-pokeal) .nota-agregar-texto { color: #b5afa1; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .nemi-wordmark > b { color: #fb8c8d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center :is(.concept-section-head > button, .concept-focus-row) { color: #fd8c82; }
@media (max-width: 720px) { html[data-app-mode="league"] .app-shell .rc-nombres small { color: #8e9dae; } }
@media (max-width: 720px) { html[data-app-mode="center"] .app-shell .rc-nombres small { color: #949ea0; } }
html:is([data-app-mode="league"], [data-app-mode="center"]) .en-torneo { background: var(--mode-accent-soft, #271a1c); border: 1px solid var(--mode-border, #20272d); border-left: 4px solid var(--mode-accent, #c33d48); }
html[data-app-mode="league"] .en-torneo { color: #acc5e0; }
html[data-app-mode="center"] .en-torneo { color: #c0c7cc; }
html[data-app-mode="league"] .en-torneo > svg { color: #fb8c8d; }
html[data-app-mode="center"] .en-torneo > svg { color: #fd8c82; }
html[data-app-mode="league"] .en-torneo-que small,
html[data-app-mode="league"] .en-torneo-ronda span { color: #91a1b8; }
html[data-app-mode="center"] .en-torneo-que small,
html[data-app-mode="center"] .en-torneo-ronda span { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .en-torneo-terminar { background: transparent; border: 1px solid var(--mode-border, #20272d); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .en-torneo-terminar:hover { border-color: var(--mode-accent, #c33d48); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .en-torneo { background: #181d21; border-left-color: #234f7e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .en-torneo > svg { color: #86b5eb; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .en-torneo { background: #171d1a; border-left-color: #357458; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-center .en-torneo > svg { color: #76c59a; }
html[data-app-mode="league"] .alarma-hecha { color: #91a1b8; }
html[data-app-mode="center"] .alarma-hecha { color: #949ea0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .calendar-event-actions .alarma-hecha { background: var(--mode-surface, #262626); border: 1px solid var(--mode-border, #20272d); box-shadow: 0 10px 24px -12px rgba(0, 0, 0, 0.35); }
html[data-app-mode="league"] .calendar-event-actions .alarma-hecha { color: #acc5e0; }
html[data-app-mode="center"] .calendar-event-actions .alarma-hecha { color: #c0c7cc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .event-share-button { background: #1f1a0f; border: 1px solid #c9ae7c; color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-dialogo { background: rgba(10, 14, 20, 0.62); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-caja { background: #262626; box-shadow: 0 30px 70px -20px rgba(0, 0, 0, 0.5); color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-cerrar { background: transparent; border: 1px solid currentColor; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-vista { background: rgba(0, 0, 0, 0.05); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-cargando,
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-nota,
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-estado { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-dialogo .primary-button { background: #234f7e; color: #fff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-center .primary-button { background: #c24f49; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-arena .tarjeta-caja { background: #121821; color: #e5eaf0; border: 1px solid #2a3441; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-arena :is(.tarjeta-cargando, .tarjeta-nota, .tarjeta-estado) { color: #6d7885; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-arena .primary-button { background: #c93c4a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-arena .secondary-button { background: #1a2230; border-color: #2a3441; color: #e5eaf0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-pokeal .tarjeta-caja { background: #241d0f; color: #ccbc9d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-pokeal :is(.tarjeta-cargando, .tarjeta-nota, .tarjeta-estado) { color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-pokeal .primary-button { background: #5a4116; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell:not(.mode-arena) .season-picker label > span:first-child { color: #8e9dae; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro,
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-pagina,
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-capitulos { --tinta: #ccbc9d; --tinta-suave: #c9ac80; --papel: #241d0f; }
html[data-app-mode="league"] .libro,
html[data-app-mode="league"] .libro-pagina,
html[data-app-mode="league"] .libro-capitulos { color: #ccbc9d; }
html[data-app-mode="center"] .libro,
html[data-app-mode="center"] .libro-pagina,
html[data-app-mode="center"] .libro-capitulos { color: #ccbc9d; }
html[data-app-mode="league"] .libro-cabeza p { color: #c9ac80; }
html[data-app-mode="center"] .libro-cabeza p { color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro .eyebrow,
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-capitulos .eyebrow { color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-cifras span { background: var(--papel); border: 1px solid var(--borde); }
html[data-app-mode="league"] .libro-cifras span { color: #c9ac80; }
html[data-app-mode="center"] .libro-cifras span { color: #c9ac80; }
html[data-app-mode="league"] .libro-cifras b { color: #fa8b96; }
html[data-app-mode="center"] .libro-cifras b { color: #fa8b96; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-boton { background: #5a4116; color: #fbf5e6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-boton.suave { background: transparent; border: 1px solid #c9ae7c; color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-enlace { color: #fa8b96; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-pista { color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-pista em { color: #ccbc9d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-hecho { color: #8ebf97; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-nota { color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-pagina { background: linear-gradient(#1f1a0f, #241d0f); border: 1px solid #c9ae7c; border-left: 4px solid #921f37; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-pagina-cabeza small { color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-glifo { color: #fa8b96; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-pregunta { color: #ccbc9d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-pregunta textarea,
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-escribir textarea,
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-porque,
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-otro input,
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-campo select,
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-escribir select { background: #181712; border: 1px solid #c9ae7c; color: #ccbc9d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-rival { background: var(--papel); border: 1px solid var(--borde); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-rival header { border-bottom: 1px dashed var(--borde); }
html[data-app-mode="league"] .libro-rival header span { color: #c9ac80; }
html[data-app-mode="center"] .libro-rival header span { color: #c9ac80; }
html[data-app-mode="league"] .libro-rival li small { color: #c9ac80; }
html[data-app-mode="center"] .libro-rival li small { color: #c9ac80; }
html[data-app-mode="league"] .libro-sello { color: #fa8b96; }
html[data-app-mode="center"] .libro-sello { color: #fa8b96; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-punto { border: 1.5px dashed var(--borde); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-borrar { border: 1px solid transparent; color: #f09682; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-borrar:hover { border-color: var(--borde); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-vacio { background: var(--papel); border: 1px dashed var(--borde); }
html[data-app-mode="league"] .libro-vacio { color: #c9ac80; }
html[data-app-mode="center"] .libro-vacio { color: #c9ac80; }
html[data-app-mode="league"] .libro-vacio p:first-child { color: #ccbc9d; }
html[data-app-mode="center"] .libro-vacio p:first-child { color: #ccbc9d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-repaso,
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-despues,
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-proximo,
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-escribir,
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-de-notas { background: var(--papel); border: 1px solid var(--borde); }
html[data-app-mode="league"] .libro-repaso header p,
html[data-app-mode="league"] .libro-despues header p { color: #c9ac80; }
html[data-app-mode="center"] .libro-repaso header p,
html[data-app-mode="center"] .libro-despues header p { color: #c9ac80; }
html[data-app-mode="league"] .libro-campo > span { color: #c9ac80; }
html[data-app-mode="center"] .libro-campo > span { color: #c9ac80; }
html[data-app-mode="league"] .libro-campo > small { color: #c9ac80; }
html[data-app-mode="center"] .libro-campo > small { color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-chip { background: #1f1a0f; border: 1px solid var(--borde); }
html[data-app-mode="league"] .libro-chip { color: #c9ac80; }
html[data-app-mode="center"] .libro-chip { color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-chip.activo { background: #5a4116; border-color: #5a4116; color: #fbf5e6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-llevar { background: linear-gradient(#1f1a0f, #241d0f); border: 1px solid var(--borde); border-left: 4px solid var(--rojo); }
html[data-app-mode="league"] .libro-llevar li b,
html[data-app-mode="league"] .libro-proximo li b { color: #fa8b96; }
html[data-app-mode="center"] .libro-llevar li b,
html[data-app-mode="center"] .libro-proximo li b { color: #fa8b96; }
html[data-app-mode="league"] .libro-proximo small { color: #c9ac80; }
html[data-app-mode="center"] .libro-proximo small { color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-aplicada { border-top: 1px dashed var(--borde); }
html[data-app-mode="league"] .libro-aplicada b { color: #fa8b96; }
html[data-app-mode="center"] .libro-aplicada b { color: #fa8b96; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-trio button { background: transparent; border: 1px solid var(--borde); }
html[data-app-mode="league"] .libro-trio button { color: #c9ac80; }
html[data-app-mode="center"] .libro-trio button { color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-trio button.activo { background: #5a4116; border-color: #5a4116; color: #fbf5e6; }
html[data-app-mode="league"] .libro-escribir label { color: #c9ac80; }
html[data-app-mode="center"] .libro-escribir label { color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-capitulos li { background: var(--papel); border: 1px solid var(--borde); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-capitulos li.actual { border-left: 4px solid var(--rojo); }
html[data-app-mode="league"] .libro-numero { color: #fa8b96; }
html[data-app-mode="center"] .libro-numero { color: #fa8b96; }
html[data-app-mode="league"] .libro-capitulos small { color: #c9ac80; }
html[data-app-mode="center"] .libro-capitulos small { color: #c9ac80; }
html[data-app-mode="league"] .libro-capitulos li p { color: #c9ac80; }
html[data-app-mode="center"] .libro-capitulos li p { color: #c9ac80; }
html[data-app-mode="league"] .libro-capitulos b { color: #ccbc9d; }
html[data-app-mode="center"] .libro-capitulos b { color: #ccbc9d; }
html[data-app-mode="league"] .libro-capitulos .libro-cita { color: #ccbc9d; }
html[data-app-mode="center"] .libro-capitulos .libro-cita { color: #ccbc9d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sello-de-rival { background: radial-gradient(circle at 50% 45%, #1f1a0f 55%, #2c2209); border: 2px solid #921f37; box-shadow: inset 0 0 0 2px #1f1a0f, inset 0 0 0 3px rgba(146, 31, 55, 0.35); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .sello-de-rival b { color: #fa8b96; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-seca { background: linear-gradient(#1f1a0f, #29200a); border: 1px dashed #b99a62; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-regla-seca { color: #b29c78; }
html[data-app-mode="league"] .libro-seca small { color: #c9ac80; }
html[data-app-mode="center"] .libro-seca small { color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-rival li.tinta-seca p { color: #b29c78; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-capitulos li.inicio { background: transparent; }
html[data-app-mode="league"] .libro-capitulos li.libro-tramo { color: #c9ac80; }
html[data-app-mode="center"] .libro-capitulos li.libro-tramo { color: #c9ac80; }
html[data-app-mode="league"] .libro-capitulos .libro-marcas { color: #ccbc9d; }
html[data-app-mode="center"] .libro-capitulos .libro-marcas { color: #ccbc9d; }
html[data-app-mode="league"] .libro-glifo-regla { color: #fa8b96; }
html[data-app-mode="center"] .libro-glifo-regla { color: #fa8b96; }
html[data-app-mode="league"] .libro-capitulos .libro-hito { color: #ccbc9d; }
html[data-app-mode="center"] .libro-capitulos .libro-hito { color: #ccbc9d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .libro-hito span { background: var(--tinta); color: #fbf5e6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-cinta { background: var(--pagina-tinta); }
html[data-app-mode="league"] .nota-cinta { color: var(--pagina-fondo); }
html[data-app-mode="center"] .nota-cinta { color: var(--pagina-fondo); }
html[data-app-mode="league"] .nota-enlace { color: #acc5e0; }
html[data-app-mode="center"] .nota-enlace { color: #b3c0b7; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .nota-enlace:focus-visible { outline: 2px solid var(--runa); }
html[data-app-mode="league"] .metajuego-panel :is(.admin-sub, .admin-table th) { color: #788497; }
html[data-app-mode="center"] .metajuego-panel :is(.admin-sub, .admin-table th) { color: #788497; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-panel .torre-form :is(textarea, select, input) { background: color-mix(in srgb, var(--viz-fondo) 70%, #000); border: 1px solid var(--viz-borde); }
html[data-app-mode="league"] .metajuego-panel .torre-form :is(textarea, select, input) { color: var(--viz-texto); }
html[data-app-mode="center"] .metajuego-panel .torre-form :is(textarea, select, input) { color: var(--viz-texto); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .metajuego-panel .torre-form :is(textarea, select, input):focus-visible { outline: 2px solid var(--viz-acento); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .registro-rapido-chips button { background: transparent; border: 1px solid var(--mode-border, #20272d); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .registro-rapido-chips button.activo { background: var(--mode-accent-soft, #271a1c); border-color: var(--mode-accent, #c33d48); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .registro-rapido-par button { background: transparent; border: 1px solid var(--mode-border, #20272d); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .registro-rapido-par button.activo { background: var(--mode-accent-soft, #271a1c); border-color: var(--mode-accent, #c33d48); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .registro-rapido-par button.activo.gana { background: #1f7a4f; border-color: #1f7a4f; color: #fff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .registro-rapido-par button.activo.pierde { background: #b23b3b; border-color: #b23b3b; color: #fff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .registro-rapido-mas { border: 1px dashed var(--mode-border, #20272d); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .registro-rapido-deshacer { background: #11161f; color: #e8edf5; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .registro-rapido-deshacer button { background: #1c1f25; color: #cdd5e2; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .hito-nuevo { background: linear-gradient(120deg, #1b1811, #262626 60%); border: 1px solid #322500; border-left: 4px solid #c98500; box-shadow: 0 8px 22px rgba(28, 48, 69, 0.08); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .hito-nuevo-medalla { background: radial-gradient(circle at 35% 30%, #221c02, #402f06 55%, #b8841c); border: 2px solid #9a6b12; box-shadow: 0 4px 10px rgba(154, 107, 18, 0.35); color: #cfaa7a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .hito-nuevo-medalla.insignia-tres-en-un-torneo { background: radial-gradient(circle at 35% 30%, #371a1f, #d34852 55%, #8f2530); border-color: #8f2530; color: #fff8dc; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .hito-nuevo small { color: #dba65f; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .hito-nuevo h3 { color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .hito-nuevo p { color: #9aacc6; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .hito-nuevo .hito-nuevo-mas { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .linea-libro { border: 1px solid color-mix(in srgb, currentColor 22%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .consola-fondo { background: rgba(10, 14, 20, 0.45); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .consola { --consola-fondo: #262626; --consola-texto: #acc5e0; --consola-activa: #1a1c1e; background: var(--consola-fondo); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); }
html[data-app-mode="league"] .consola { color: var(--consola-texto); }
html[data-app-mode="center"] .consola { color: var(--consola-texto); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .consola[data-modo="arena"],
html:is([data-app-mode="league"], [data-app-mode="center"]) .consola[data-modo="pokeal"] { --consola-suave: #303943; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .consola-linea { border: 2px solid var(--mode-accent, #c33d48); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .consola-sugerencias li.activa { background: var(--consola-activa); box-shadow: inset 3px 0 0 var(--mode-accent, #c33d48); }
html[data-app-mode="league"] .consola-sugerencias span { color: #66707b; }
html[data-app-mode="center"] .consola-sugerencias span { color: #66707b; }
html[data-app-mode="league"] .consola-no { color: #66707b; }
html[data-app-mode="center"] .consola-no { color: #66707b; }
html[data-app-mode="league"] .consola-no b { color: var(--consola-texto); }
html[data-app-mode="center"] .consola-no b { color: var(--consola-texto); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .consola-pie { border-top: 1px solid color-mix(in srgb, var(--consola-texto) 15%, transparent); }
html[data-app-mode="league"] .consola-pie { color: #66707b; }
html[data-app-mode="center"] .consola-pie { color: #66707b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .filtro-rival { border: 1px solid color-mix(in srgb, currentColor 22%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .banda-temporada { background: linear-gradient(90deg, #NaNNaNNaN 70% 50% / 0.2), transparent 75%); border-left: 4px solid #NaNNaNNaN 65% 45%); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .invitar-tester { border: 1px solid color-mix(in srgb, currentColor 20%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .invitar-tester-texto { background: color-mix(in srgb, var(--mode-accent, #c33d48) 8%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .invitar-tester-nota { border-top: 1px dashed color-mix(in srgb, currentColor 25%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .more-menu-consola kbd { border: 1px solid color-mix(in srgb, currentColor 30%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tus-puntos { background: #262626; border: 1px solid #1f252c; box-shadow: 0 8px 22px rgba(28, 48, 69, 0.08); color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tus-puntos-aviso { border: 1px dashed #c98500; color: #d5a86e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tus-puntos-cabeza small { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tus-puntos-sobra { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tus-puntos-pendientes { background: #181a1c; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .tus-puntos-enlace { color: #76b6fb; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tus-puntos-pie { border-top: 1px dashed #242c35; color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .como-quedaste { border: 1px solid color-mix(in srgb, currentColor 20%, transparent); border-left: 4px solid var(--mode-accent, #c33d48); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .como-quedaste-suma { background: color-mix(in srgb, var(--mode-accent, #c33d48) 10%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .cp-del-torneo-pastilla { background: var(--mode-accent, #c33d48); color: #fff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .consola mark { background: #292203; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .consola[data-modo="arena"] mark,
html:is([data-app-mode="league"], [data-app-mode="center"]) .consola[data-modo="pokeal"] mark { background: rgba(69, 49, 10, 0.32); }
html[data-app-mode="league"] .libro-de-notas li b { color: #fa8b96; }
html[data-app-mode="center"] .libro-de-notas li b { color: #fa8b96; }
html[data-app-mode="league"] .libro-de-notas small { color: #c9ac80; }
html[data-app-mode="center"] .libro-de-notas small { color: #c9ac80; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .lo-que-sumaria { border: 1px solid color-mix(in srgb, currentColor 18%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .lo-que-sumaria th,
html:is([data-app-mode="league"], [data-app-mode="center"]) .lo-que-sumaria td { border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .aviso-version { background: #1c3045; color: #fff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .aviso-version-luego { color: #fff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell button.selector-de-mazo:hover { border-color: var(--mode-accent, #c33d48); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .selector-de-mazo-lista { border: 1px solid color-mix(in srgb, currentColor 20%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .selector-de-mazo-lista button { background: transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .selector-de-mazo-lista button.activo { background: color-mix(in srgb, var(--mode-accent, #c33d48) 12%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .deshacer-ronda { border: 1px solid color-mix(in srgb, currentColor 22%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .deshacer-ronda-tiempo { background: var(--mode-accent, #c33d48); }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .filtros-plegados-boton { border: 1px solid color-mix(in srgb, currentColor 25%, transparent); } }
@media (max-width: 720px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .filtros-plegados-chip { background: color-mix(in srgb, var(--mode-accent, #c33d48) 14%, transparent); } }
html:is([data-app-mode="league"], [data-app-mode="center"]) .boleto-sello { border: 3px double #b3202e; color: #fb8c89; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pagina-glifos .glifo-win { background: rgba(201, 133, 0, 0.16); color: #d7a768; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pagina-glifos .glifo-loss { background: rgba(70, 80, 110, 0.14); color: #a3b1d4; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pagina-glifos .glifo-tie { background: rgba(120, 100, 60, 0.14); color: #beac89; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pagina-glifos small { color: #caad78; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .novedades { background: #262626; border: 1px solid #1f252c; border-left: 4px solid var(--mode-accent, #c33d48); box-shadow: 0 10px 26px rgba(28, 48, 69, 0.12); color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vuelo-de-ronda { background: #262626; border: 1px solid #1f252c; box-shadow: 0 8px 20px rgba(28, 48, 69, 0.22); color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vuelo-de-ronda.vuelo-win b { color: #7bc58e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vuelo-de-ronda.vuelo-loss b { color: #fb8c8d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vuelo-de-ronda.vuelo-tie b { color: #d4a966; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vuelo-cuenta { background: var(--mode-accent, #c33d48); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-torneos-boleto { background: repeating-linear-gradient(90deg, transparent 0 10px, rgba(211, 72, 82, 0.05) 10px 11px), #1b1811; border: 2px dashed rgba(211, 72, 82, 0.5); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-torneos-boleto span { color: #fb8c8d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-torneos-boleto b { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-torneos-boleto i { border-left: 2px dotted rgba(211, 72, 82, 0.5); color: #fb8c89; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-torneos-corcho { background: radial-gradient(circle at 20% 30%, rgba(0, 0, 0, 0.06) 1px, transparent 2px) 0 0 / 9px 9px, radial-gradient(circle at 70% 60%, rgba(38, 38, 38, 0.18) 1px, transparent 2px) 0 0 / 11px 11px, #c89a63; border: 6px solid #8a6136; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-torneos-corcho span { background: #1f1b01; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); color: #c2b079; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-torneos-corcho small { color: #d5bfa3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-torneos-chincheta { background: radial-gradient(circle at 35% 35%, #ff8a8a, #c33d48); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-torneos-senal { background: repeating-linear-gradient(0deg, rgba(7, 62, 79, 0.08) 0 2px, transparent 2px 4px), #0b0f16; border: 1px solid rgba(7, 62, 79, 0.4); color: #3fd0ff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-torneos-senal small { color: #9fdcf0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-torneos-folio { background: linear-gradient(180deg, #211b0c, #2b2103); border: 1px solid #c9a96a; box-shadow: inset 0 0 0 4px rgba(38, 38, 38, 0.35); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-torneos-folio span { color: #caad78; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .vacio-torneos-folio i { color: #ceac6d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .confeti i { background: var(--c); }
@media (hover: hover) and (min-width: 651px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .league-tournament-card.boleto { background: transparent; border-color: transparent; } }
@media (hover: hover) and (min-width: 651px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .league-tournament-card.boleto::before { background: var(--app-surface, #262626); border: 1px solid var(--app-border, #20272d); } }
@media (hover: hover) and (min-width: 651px) { html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .league-tournament-card.boleto .boleto-talon { background: var(--app-surface, #262626); border: 1px solid var(--app-border, #20272d); border-left: 2px dashed #242c35; } }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-chart-hit { fill: transparent; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-chart-globo { background: #1c3045; box-shadow: 0 8px 20px rgba(28, 48, 69, 0.25); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-chart-globo::after { border: 7px solid transparent; border-top-color: #1c3045; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .league-chart-globo small { color: #f2c14e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .arena-matchup-track:is(.vida-alta, .vida-media, .vida-baja, .vida-sin) { background: repeating-linear-gradient(90deg, transparent 0 calc(10% - 2px), rgba(0, 0, 0, 0.55) calc(10% - 2px) 10%), #0b0f16; border: 1px solid #3a4658; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .arena-matchup-track.vida-alta > i { background: #39d98a; box-shadow: 0 0 8px rgba(57, 217, 138, 0.55); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .arena-matchup-track.vida-media > i { background: #402f06; box-shadow: 0 0 8px rgba(64, 47, 6, 0.55); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell .arena-matchup-track.vida-baja > i { background: #ff5a6a; box-shadow: 0 0 8px rgba(255, 90, 106, 0.55); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-vida-mini { background: repeating-linear-gradient(90deg, transparent 0 calc(10% - 1px), rgba(0, 0, 0, 0.6) calc(10% - 1px) 10%), #0b0f16; border: 1px solid #3a4658; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-vida-mini.vida-alta b { background: #39d98a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-vida-mini.vida-media b { background: #402f06; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .arena-vida-mini.vida-baja b { background: #ff5a6a; }
@media (prefers-reduced-motion: no-preference) { html:is([data-app-mode="league"], [data-app-mode="center"]) .holo-luz { background: linear-gradient(105deg, transparent 30%, rgba(4, 50, 59, 0.35) 42%, rgba(63, 36, 63, 0.45) 50%, rgba(30, 27, 1, 0.38) 58%, transparent 70%); } }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pegatinas-de-centro { background: radial-gradient(circle at 20% 30%, rgba(0, 0, 0, 0.05) 1px, transparent 2px) 0 0 / 9px 9px, #36270a; border: 1px solid #cdb48b; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pegatinas-de-centro header { color: #d5bfa3; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pegatinas-de-centro header small { color: #c4ac8a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pegatina { background: #262626; border: 3px solid #262626; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.08), 0 6px 14px rgba(59, 42, 18, 0.25); color: #acc5e0; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pegatina::after { background: linear-gradient(225deg, #36270a 50%, #231e15 50%); box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.12); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pegatina-marca { background: #2e8f72; color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pegatina small { color: #91a1b8; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pegatina.apagada { background: transparent; border: 2px dashed #a8875a; color: #c4ac8a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pegatina.apagada .pegatina-marca { background: transparent; border: 2px dashed #a8875a; color: #caad78; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .pegatina.apagada small { color: #c4ac8a; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-dialogo .tarjeta-opciones button { background: transparent; border: 1px solid color-mix(in srgb, currentColor 35%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .tarjeta-dialogo .tarjeta-opciones button.activo { background: color-mix(in srgb, currentColor 12%, transparent); border-color: currentColor; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .registro-rapido kbd { background: #1c3045; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.35); color: #ffffff; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .comparar-torneos { background: var(--app-surface, #262626); border: 1px solid var(--app-border, #20272d); }
html[data-app-mode="league"] .comparar-torneos { color: #a8bfd8; }
html[data-app-mode="center"] .comparar-torneos { color: #b7c5ca; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .comparar-fila { border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .comparar-fila.cabeza { border-bottom: 2px solid color-mix(in srgb, currentColor 25%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .comparar-fila b.mejor { color: #7bc58e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .comparar-res.win { background: #13231b; color: #7bc58e; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .comparar-res.loss { background: #2b1b1d; color: #fb8c8d; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .comparar-res.tie { background: #231b06; color: #d4a966; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .que-cambio { background: var(--app-surface, #262626); border: 1px solid var(--app-border, #20272d); border-left: 4px solid var(--mode-accent, #c33d48); }
html[data-app-mode="league"] .que-cambio { color: #a8bfd8; }
html[data-app-mode="center"] .que-cambio { color: #b7c5ca; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .que-cambio-icono { background: color-mix(in srgb, var(--mode-accent, #c33d48) 15%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .que-cambio-icono.oro { background: #402f06; color: #d9c199; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .ajuste-vibracion { border: 1px solid color-mix(in srgb, currentColor 18%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-temporada { border: 1px solid var(--app-border, #20272d); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-temporada ol::before { background: linear-gradient(90deg, currentColor 0 var(--avance), color-mix(in srgb, currentColor 25%, transparent) var(--avance)); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-punto { background: currentColor; border: 3px solid var(--app-surface, #262626); box-shadow: 0 0 0 2px currentColor; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-temporada li.hoy .mapa-punto { background: var(--mode-accent, #c33d48); box-shadow: 0 0 0 2px var(--mode-accent, #c33d48), 0 0 0 7px color-mix(in srgb, var(--mode-accent, #c33d48) 20%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-temporada li.viene .mapa-punto { background: var(--app-surface, #262626); box-shadow: 0 0 0 2px color-mix(in srgb, currentColor 45%, transparent); }
html:is([data-app-mode="league"], [data-app-mode="center"]) .mapa-sello { border: 2px double #b3202e; color: #fb8c89; }
html:is([data-app-mode="league"], [data-app-mode="center"]) .app-shell.mode-league .league-placement-badge { color: #7eb5f4; }
}
}

@layer oscuro-a-mano {
/*
   Arreglos a mano del tema oscuro de Liga y Centro (2026-10-09). El resto sale
   de scripts/generar-oscuro.mjs (12-oscuro-liga-y-centro.css). Todo aqui va
   dentro de prefers-color-scheme: dark y solo para Liga y Centro.
*/
@media (prefers-color-scheme: dark) {
  /* El sello del boleto y del mapa se estampaban "multiplicando" sobre papel
     claro; sobre oscuro la multiplicacion lo apaga. Tinta clara y sin mezcla. */
  html:is([data-app-mode="league"], [data-app-mode="center"]) :is(.boleto-sello, .mapa-sello) { border-color: #ff8f99; color: #ff8f99; mix-blend-mode: normal; }
  /* El marco del codice tomaba el color de la letra (de dia, oscuro sobre el
     libro oscuro, no se notaba); de noche salia un cuadro claro. */
  html:is([data-app-mode="league"], [data-app-mode="center"]) .themed-brand-mark { border-color: transparent; }
}

}