/* Публичные страницы используют ту же сторону, что и личный кабинет. */
.site-theme-switch { display: inline-flex; flex: none; align-items: center; gap: 7px; min-height: 39px; padding: 4px 9px 4px 4px; border: 1px solid #ffffff35; border-radius: 11px; background: #ffffff0b; color: #e8def8; font-size: 11px; font-weight: 700; white-space: nowrap; }
.site-theme-switch:hover { border-color: #bca5ed; background: #ffffff17; }
.site-theme-switch img { width: 30px; height: 30px; border-radius: 7px; object-fit: cover; }
.topbar .site-theme-switch { margin-left: -24px; }
.top .site-theme-switch { order: 2; }
.search-hit img.search-icon { display: block; object-fit: cover; border: 1px solid #ffffff35; }
.search-hit span.search-icon { font-size: 10px; font-weight: 750; }
.site-search .search-heading { display: flex; min-height: 235px; flex-direction: column; justify-content: center; padding: 30px 38px; border: 1px solid #ffffff28; border-radius: 21px; background: linear-gradient(90deg, #0c0815f5, #0c0815e0 48%, #0c081555), url('/img/art/w/keyart_heroines-1600.webp') center right / cover no-repeat; }
.site-search .search-heading h1 { color: #f4effb; }
.site-search .search-heading > p:last-child { max-width: 620px; color: #d6cce5; }

/* Тёмная тема сохраняет выбранную палитру асмодиан и добавляет глубину игровому арту. */
html[data-faction="asmo"] body { background: radial-gradient(720px 450px at 78% -8%, #5c338249, transparent), radial-gradient(670px 360px at 5% 58%, #18224550, transparent), #0c0916; }

/* Элийцы: светлое стекло, холодный синий свет и оригинальный арт своей стороны. */
html[data-faction="elyos"] { color-scheme: light; color: #172538; background: #eff4fa; --ink: #172538; --muted: #56677b; --edge: #173b5b2b; --violet: #327eba; }
html[data-faction="elyos"] body { color: #172538; background: radial-gradient(640px 430px at 80% -4%, #b1d4efa3, transparent), radial-gradient(670px 450px at 0% 52%, #d8d8f7a8, transparent), #eff4fa; }
html[data-faction="elyos"] :focus-visible { outline-color: #2376b4; }
html[data-faction="elyos"] .eyebrow { color: #3978af; }
html[data-faction="elyos"] .topbar nav a, html[data-faction="elyos"] .top nav a { color: #50677e; }
html[data-faction="elyos"] .topbar nav a:hover, html[data-faction="elyos"] .topbar nav [aria-current], html[data-faction="elyos"] .top nav a:hover, html[data-faction="elyos"] .top nav [aria-current] { color: #155983; }
html[data-faction="elyos"] .brand em, html[data-faction="elyos"] .wordmark span { color: #6a7793; }
html[data-faction="elyos"] .account, html[data-faction="elyos"] .site-theme-switch { border-color: #41698c45; background: #ffffffb8; color: #1e4265; }
html[data-faction="elyos"] .account:hover, html[data-faction="elyos"] .site-theme-switch:hover { border-color: #3b85b9; background: #fff; }
html[data-faction="elyos"] .account span { color: #327eba; }
html[data-faction="elyos"] footer { color: #64768a; }
html[data-faction="elyos"] footer a { color: #316f9b; }

/* Главная: светлый герой остаётся игровой сценой, карточки-переходы сохраняют тёмный арт. */
html[data-faction="elyos"] .hero { border-color: #7999b665; background: #e4eef7; }
html[data-faction="elyos"] .hero-art { background: linear-gradient(90deg, #edf3f8 0%, #edf3f8ed 31%, #edf3f894 52%, #edf3f800 75%), linear-gradient(0deg, #dceaf2a8, transparent 42%), url('/img/art/w/daeva_elyos_wings-1600.webp') 71% center / cover no-repeat; }
html[data-faction="elyos"] .hero h1 { color: #18354d; }
html[data-faction="elyos"] .hero h1 span { color: #2879b2; }
html[data-faction="elyos"] .hero-lead { color: #435d72; }
html[data-faction="elyos"] .hero-caption { color: #476277; }
html[data-faction="elyos"] .primary, html[data-faction="elyos"] .search-row button, html[data-faction="elyos"] .site-search-form button, html[data-faction="elyos"] .button { background: #327eba; color: #fff; box-shadow: 0 8px 30px #327eba35; }
html[data-faction="elyos"] .primary:hover, html[data-faction="elyos"] .search-row button:hover, html[data-faction="elyos"] .site-search-form button:hover, html[data-faction="elyos"] .button:hover { background: #226caa; }
html[data-faction="elyos"] .secondary { border-color: #5289b476; background: #ffffffb9; color: #244a6a; }
html[data-faction="elyos"] .source-strip { color: #5f7186; }
html[data-faction="elyos"] .source-strip > span:first-child, html[data-faction="elyos"] .source-strip strong { color: #275f88; }
html[data-faction="elyos"] .section-head h2, html[data-faction="elyos"] .results-head h2 { color: #172d45; }
html[data-faction="elyos"] .section-head p:not(.eyebrow) { color: #586d80; }
html[data-faction="elyos"] .path-card, html[data-faction="elyos"] .class-card, html[data-faction="elyos"] .guide-teaser { color: #f7f4ff; }
html[data-faction="elyos"] .path-card p, html[data-faction="elyos"] .guide-teaser span span { color: #e2ddeb; }
html[data-faction="elyos"] .class-card small { color: #e3dcef; }
html[data-faction="elyos"] .news-list { color: #40546a; }
html[data-faction="elyos"] .news-text small, html[data-faction="elyos"] .news-item time { color: #65758a; }
html[data-faction="elyos"] .news-item:hover { background: #ffffffaa; }
html[data-faction="elyos"] .news-item span, html[data-faction="elyos"] .update-actions a { color: #276f9f; }

/* База: герой меняет сторону; поиск, фильтры и список остаются читаемыми инструментами. */
html[data-faction="elyos"] #database .db-head { border-color: #96b1ca87; background: #e6eff8; box-shadow: 0 20px 50px #4b78a529; }
html[data-faction="elyos"] #database .db-head::before { background: linear-gradient(90deg, #edf3f9 0%, #edf3f9f0 32%, #edf3f99c 57%, transparent 85%); }
html[data-faction="elyos"] #database .db-head h1 { color: #172e47; }
html[data-faction="elyos"] #database .db-head p:not(.eyebrow) { color: #455c74; }
html[data-faction="elyos"] #database .db-head .eyebrow { color: #377eb1; }
html[data-faction="elyos"] #database .catalog-evidence strong { color: #f5f9ff; }
html[data-faction="elyos"] #database .catalog-evidence span { color: #c6d8ed; }
html[data-faction="elyos"] #database .results-controls label, html[data-faction="elyos"] #database .results-controls #resultCount { color: #61768c; }
html[data-faction="elyos"] #database .db-search > label { color: #173850; }
html[data-faction="elyos"] #database .db-search .search-row input, html[data-faction="elyos"] #database .results-controls select, html[data-faction="elyos"] #database .db-filters select, html[data-faction="elyos"] #database .db-filters input { border-color: #567a994d; background: #fff; color: #1a344b; box-shadow: 0 3px 14px #4d799817; }
html[data-faction="elyos"] #database .db-search .search-row input::placeholder { color: #78899b; }
html[data-faction="elyos"] #database .db-search .search-row button { background: #327eba; color: #fff; box-shadow: 0 8px 26px #327eba35; }
html[data-faction="elyos"] #database .db-search .search-row button:hover { background: #226caa; }
html[data-faction="elyos"] #database .db-category-rail { scrollbar-color: #87b4d1 #d8e7f2; }
html[data-faction="elyos"] #database .db-tabs { border-bottom-color: #476d8c37; }
html[data-faction="elyos"] #database .db-tabs button { color: #667a8e; }
html[data-faction="elyos"] #database .db-tabs button.active, html[data-faction="elyos"] #database .db-tabs button:hover { color: #175a8b; }
html[data-faction="elyos"] #database .db-tabs button.active::after { background: #3586bb; box-shadow: 0 0 10px #81bee6; }
html[data-faction="elyos"] #database .db-tabs span { color: #4e87a9; }
html[data-faction="elyos"] #database .db-category { border-color: #67869c45; background: #ffffffc4; box-shadow: 0 6px 15px #547e9d19; }
html[data-faction="elyos"] #database .db-category:hover, html[data-faction="elyos"] #database .db-category[aria-pressed="true"] { border-color: #3486b5; background: #dceefa; }
html[data-faction="elyos"] #database .db-category-label { color: #263f58; }
html[data-faction="elyos"] #database .db-category small { color: #637c93; }
html[data-faction="elyos"] #database .search-panel, html[data-faction="elyos"] #database .result { border-color: #51769740; background: #ffffffc9; box-shadow: 0 8px 25px #557b9a1a, inset 0 1px #fff; }
html[data-faction="elyos"] #database .search-panel:hover, html[data-faction="elyos"] #database .result:hover { border-color: #5487b4; background: #fff; }
html[data-faction="elyos"] #database .db-filter-head strong, html[data-faction="elyos"] #database .mobile-filter-summary { color: #234764; }
html[data-faction="elyos"] #database .db-filter-head button { color: #327eba; }
html[data-faction="elyos"] #database .db-filters label { color: #567089; }
html[data-faction="elyos"] #database .db-filter-note { border-top-color: #4068892a; color: #6c7f92; }
html[data-faction="elyos"] #database .result-art { background: radial-gradient(circle at 50% 32%, #ffffffba, transparent 70%), #e5edf5; }
html[data-faction="elyos"] #database .result-overline, html[data-faction="elyos"] #database .result-footer, html[data-faction="elyos"] #database .result-id { color: #697f93; }
html[data-faction="elyos"] #database .result strong { color: #1c3851; }
html[data-faction="elyos"] #database .result-meta { color: #506b82; }
html[data-faction="elyos"] #database .result[data-quality="Epic"], html[data-faction="elyos"] #database .detail-card[data-quality="Epic"] { --quality: #9959cf; }
html[data-faction="elyos"] #database .result[data-quality="Rare"], html[data-faction="elyos"] #database .detail-card[data-quality="Rare"] { --quality: #2d78b9; }
html[data-faction="elyos"] #database .detail-card, html[data-faction="elyos"] #database .detail-properties { border-color: #6484a545; background: #ffffffce; color: #173850; }
html[data-faction="elyos"] #database .detail-title { border-bottom-color: #587a9833; }
html[data-faction="elyos"] #database .detail-title .eyebrow, html[data-faction="elyos"] #database .back { color: #287aaa; }
html[data-faction="elyos"] #database .detail-title h1, html[data-faction="elyos"] #database .detail-section h3 { color: #18334b; }
html[data-faction="elyos"] #database .detail-attribute, html[data-faction="elyos"] #database .detail-evidence dd, html[data-faction="elyos"] #database .detail-properties dd { color: #2f4c64; }
html[data-faction="elyos"] #database .detail-evidence dt, html[data-faction="elyos"] #database .detail-properties dt, html[data-faction="elyos"] #database .game-id, html[data-faction="elyos"] #database .detail-properties .field-context, html[data-faction="elyos"] #database .detail-section .description-pending, html[data-faction="elyos"] #database .catalog-note { color: #5e7185; }
html[data-faction="elyos"] #database .detail-visual { border-color: color-mix(in srgb, var(--quality) 42%, transparent); background: radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--quality) 21%, transparent), transparent 62%), #e7f0f7; box-shadow: inset 0 1px #fff, inset 0 -20px 60px #7797b323; }
html[data-faction="elyos"] #database .detail-stage-caption, html[data-faction="elyos"] #database .detail-appearance p { color: #62778b; }
html[data-faction="elyos"] #database .detail-appearance, html[data-faction="elyos"] #database .detail-attributes .detail-attribute, html[data-faction="elyos"] #database .detail-description { border-color: #688aa844; background: #eff6fbe0; }
html[data-faction="elyos"] #database .detail-appearance strong, html[data-faction="elyos"] #database .detail-attribute strong { color: #244760; }
html[data-faction="elyos"] #database .detail-attribute small, html[data-faction="elyos"] #database .detail-summary p { color: #526d83; }
html[data-faction="elyos"] #database .detail-description .description-context { color: #61798b; }
html[data-faction="elyos"] #database .detail-description { border-left-color: var(--quality); }
html[data-faction="elyos"] #database .detail-compare-link { background: color-mix(in srgb, var(--quality) 12%, white); color: #244867; }
html[data-faction="elyos"] #database .compare-head { border-color: #87aacc; background: linear-gradient(90deg, #eaf3f9 0%, #eaf3f9ec 40%, #eaf3f9ba 72%, #eaf3f988), url('/img/art/w/daeva_elyos_wings-800.webp') center / cover no-repeat; }
html[data-faction="elyos"] #database .compare-head h1 { color: #183950; }
html[data-faction="elyos"] #database .compare-head > p:last-child { color: #466178; }
html[data-faction="elyos"] #database .compare-card { border-color: color-mix(in srgb, var(--quality) 52%, #b5c9d9); border-top-color: var(--quality); background: linear-gradient(115deg, color-mix(in srgb, var(--quality) 12%, white), #f7fbff 75%); }
html[data-faction="elyos"] #database .compare-card[data-quality="Epic"], html[data-faction="elyos"] #database .compare-option[data-quality="Epic"] { --quality: #9959cf; }
html[data-faction="elyos"] #database .compare-card[data-quality="Rare"], html[data-faction="elyos"] #database .compare-option[data-quality="Rare"] { --quality: #2d78b9; }
html[data-faction="elyos"] #database .compare-card-copy strong, html[data-faction="elyos"] #database .compare-facts h2, html[data-faction="elyos"] #database .compare-picker h2 { color: #193952; }
html[data-faction="elyos"] #database .compare-card-copy span, html[data-faction="elyos"] #database .compare-slot, html[data-faction="elyos"] #database .compare-facts > p, html[data-faction="elyos"] #database .compare-picker-heading p, html[data-faction="elyos"] #database .compare-hint { color: #526d84; }
html[data-faction="elyos"] #database .compare-swap { color: #216f9e; }
html[data-faction="elyos"] #database .compare-fact-list { border-color: #7395af66; }
html[data-faction="elyos"] #database .compare-fact { border-bottom-color: #6f94b324; background: #f6fbff; }
html[data-faction="elyos"] #database .compare-fact:nth-child(even) { background: #eaf3f9; }
html[data-faction="elyos"] #database .compare-fact-heading, html[data-faction="elyos"] #database .compare-fact-heading:nth-child(even) { background: #d7e9f5; }
html[data-faction="elyos"] #database .compare-fact-heading .compare-fact-name, html[data-faction="elyos"] #database .compare-fact-heading .compare-fact-value { color: #18415f; }
html[data-faction="elyos"] #database .compare-fact-name { color: #4c6881; }
html[data-faction="elyos"] #database .compare-fact-value { border-left-color: #6f94b32c; color: #1b3d56; }
html[data-faction="elyos"] #database .compare-fact.is-different .compare-fact-value:not(.is-missing) { color: #173951; background: #4f8fc21c; }
html[data-faction="elyos"] #database .compare-fact-value.is-missing { color: #74899a; }
html[data-faction="elyos"] #database .compare-picker { border-color: #739bbd70; background: #ffffffd9; }
html[data-faction="elyos"] #database .compare-picker label { color: #234e6d; }
html[data-faction="elyos"] #database .compare-picker input { border-color: #739bbd90; background: #fff; color: #1a3b52; }
html[data-faction="elyos"] #database .compare-picker-status { color: #637c90; }
html[data-faction="elyos"] #database .compare-option { border-color: #7395af50; background: #eff6fa; }
html[data-faction="elyos"] #database .compare-option:hover { background: #fff; }
html[data-faction="elyos"] #database .compare-option-copy strong { color: #20435f; }
html[data-faction="elyos"] #database .compare-option-copy small { color: #647d91; }

.news-item { grid-template-columns: 105px 90px minmax(0,1fr) auto; }
.news-cover { width: 105px; height: 64px; border: 1px solid #ffffff29; border-radius: 8px; object-fit: cover; }
.news-text { min-width: 0; }
.news-text strong { display: block; }
.news-text small { display: block; margin-top: 3px; color: #aca3bd; font-size: 11px; line-height: 1.45; }
html[data-faction="elyos"] .news-cover { border-color: #52799c59; }
.event-lead { display: grid; grid-template-columns: 108px minmax(0,1fr); align-items: start; gap: 15px; margin: 15px 0; }
.event-lead:not(:has(.event-cover)) { grid-template-columns: 1fr; }
.event-cover { width: 108px; height: 96px; border: 1px solid #ffffff2c; border-radius: 10px; object-fit: cover; }
.event-lead-copy h2 { margin: 0 0 7px; }
.event-lead-copy p { margin: 0; }
html[data-faction="elyos"] .event-cover { border-color: #567b9959; }

/* Поиск, редакция, события и билды делят палитру; большие игровые кадры остаются контрастными. */
html[data-faction="elyos"] .search-heading > p:last-child, html[data-faction="elyos"] .search-status, html[data-faction="elyos"] .search-source { color: #596e83; }
html[data-faction="elyos"] .site-search .search-heading { border-color: #8aaecb77; background: linear-gradient(90deg, #edf3f9f7, #edf3f9e5 40%, #edf3f966 70%), url('/img/art/w/keyart_heroines-1600.webp') center right / cover no-repeat; }
html[data-faction="elyos"] .site-search .search-heading h1 { color: #193b54; }
html[data-faction="elyos"] .site-search-form, html[data-faction="elyos"] .search-hit, html[data-faction="elyos"] .event-card, html[data-faction="elyos"] .story-card, html[data-faction="elyos"] .article-aside, html[data-faction="elyos"] .panel, html[data-faction="elyos"] .filters { border-color: #597d9a3e; background: #ffffffc9; box-shadow: 0 7px 24px #5e83a118; }
html[data-faction="elyos"] .site-search-form label, html[data-faction="elyos"] .filters label { color: #3f627e; }
html[data-faction="elyos"] .site-search-form input, html[data-faction="elyos"] .filters input, html[data-faction="elyos"] .filters select, html[data-faction="elyos"] .slot { border-color: #6485a445; background: #fff; color: #1a3952; }
html[data-faction="elyos"] .search-hit:hover, html[data-faction="elyos"] .story-card:hover { border-color: #3487b7; background: #fff; }
html[data-faction="elyos"] .search-hit small, html[data-faction="elyos"] .story-meta, html[data-faction="elyos"] .story-card p, html[data-faction="elyos"] .event-card p, html[data-faction="elyos"] .event-top time, html[data-faction="elyos"] .meta, html[data-faction="elyos"] .muted { color: #586f82; }
html[data-faction="elyos"] .search-hit > span:last-child, html[data-faction="elyos"] .story-arrow, html[data-faction="elyos"] .event-actions a, html[data-faction="elyos"] .article-back, html[data-faction="elyos"] .article-sources a, html[data-faction="elyos"] .aside-all, html[data-faction="elyos"] .back { color: #2673a3; }
html[data-faction="elyos"] .event-filters button, html[data-faction="elyos"] .editorial-tabs a { border-color: #6485a447; background: #ffffffa6; color: #516e83; }
html[data-faction="elyos"] .event-filters button[aria-pressed="true"], html[data-faction="elyos"] .editorial-tabs a[aria-current="page"] { border-color: #3487b7; background: #c8e5f7; color: #1b6392; }
html[data-faction="elyos"] .story-meta .story-tag, html[data-faction="elyos"] .event-top, html[data-faction="elyos"] .article-meta strong, html[data-faction="elyos"] .slot b { color: #3178a9; }
html[data-faction="elyos"] .editorial-note, html[data-faction="elyos"] .events-footnote, html[data-faction="elyos"] .article-meta, html[data-faction="elyos"] .count { color: #61768a; }
html[data-faction="elyos"] .article-section p, html[data-faction="elyos"] .article-deck, html[data-faction="elyos"] .aside-link, html[data-faction="elyos"] .slot ol, html[data-faction="elyos"] .event-dates { color: #35556d; }
html[data-faction="elyos"] .article-aside, html[data-faction="elyos"] .article-header, html[data-faction="elyos"] .event-dates { border-color: #597d9a35; }
html[data-faction="elyos"] .article-aside small, html[data-faction="elyos"] .event-dates small { color: #6a7d8e; }
html[data-faction="elyos"] .status-note { border-left-color: #5395bb; background: #dceef8; color: #33576e; }
html[data-faction="elyos"] .intro { border-color: #a0c3d8; }
html[data-faction="elyos"] .intro::before { background: linear-gradient(90deg, #eaf4f7f2, #eaf4f7b3 42%, #eaf4f72c), url('/img/art/w/daeva_elyos_wings-1600.webp') center right / cover no-repeat; }
html[data-faction="elyos"] .intro h1 { color: #1b405d; }
html[data-faction="elyos"] .intro p { color: #3e5d76; }
html[data-faction="elyos"] .empty { border-color: #6584a04f; color: #506b82; }
html[data-faction="elyos"] .empty a { color: #2676a7; }
html[data-faction="elyos"] .editorial-hero { border-color: #8faec76b; background: #dcecf6; }
html[data-faction="elyos"] .editorial-hero:after { background: linear-gradient(90deg, #edf3f9f7, #edf3f9e2 43%, #edf3f952 78%); }
html[data-faction="elyos"] .editorial-hero h1 { color: #193b54; }
html[data-faction="elyos"] .editorial-hero p:not(.eyebrow) { color: #496176; }
html[data-faction="elyos"] .events-hero { border-color: #8faec76b; background: linear-gradient(90deg, #edf3f9f8, #edf3f9dc 48%, #edf3f933), url('/img/art/w/temple_light-1600.webp') center right / cover no-repeat; }
html[data-faction="elyos"] .events-hero h1 { color: #193b54; }
html[data-faction="elyos"] .events-hero p:last-child { color: #496176; }
html[data-faction="elyos"] .card { border-color: #6989a558; }
html[data-faction="elyos"] .card h2, html[data-faction="elyos"] .card .bottom { color: #f8f6fc; }
html[data-faction="elyos"] .tag { background: #d6ecf9; color: #225d88; }
html[data-faction="elyos"] .tag.mode { background: #d9f4ee; color: #2a706a; }

@media (max-width: 850px) { .topbar .site-theme-switch { margin-left: 0; } }
@media (max-width: 680px) { .news-item { grid-template-columns: 82px minmax(0,1fr) auto; gap: 11px; } .news-item time { grid-column: 2; grid-row: 1; align-self: end; } .news-item .news-cover { grid-column: 1; grid-row: 1 / span 2; width: 82px; height: 82px; } .news-item .news-text { grid-column: 2; grid-row: 2; align-self: start; } .news-item > span:last-child { grid-column: 3; grid-row: 1 / span 2; } }
@media (max-width: 480px) { .event-lead { grid-template-columns: 82px minmax(0,1fr); gap: 11px; } .event-cover { width: 82px; height: 82px; } }
@media (max-width: 600px) { html[data-faction="elyos"] .events-hero { background: linear-gradient(90deg, #edf3f9fa 0%, #edf3f9ed 65%, #edf3f994), url('/img/art/w/temple_light-800.webp') center / cover no-repeat; } .event-filters { scrollbar-width: none; } .event-filters::-webkit-scrollbar { display: none; } }
@media (max-width: 600px) { .topbar { gap: 8px; } .topbar .site-theme-switch { order: 1; margin-left: auto; } .topbar .account { order: 2; } .topbar nav { order: 3; } .site-theme-switch { width: 38px; height: 38px; padding: 3px; justify-content: center; } .site-theme-switch span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } .top .site-theme-switch { order: 0; margin-left: auto; } .site-search .search-heading { min-height: 230px; padding: 26px 24px; } html[data-faction="elyos"] .hero-art { background: linear-gradient(0deg, #edf3f8 0%, #edf3f8e6 48%, #edf3f800 100%), url('/img/art/w/daeva_elyos_wings-800.webp') 58% top / cover no-repeat; } html[data-faction="elyos"] .intro::before { background: linear-gradient(90deg, #eaf4f7f7, #eaf4f7b4), url('/img/art/w/daeva_elyos_wings-800.webp') center / cover no-repeat; } }

/* Светлая тема рабочей Базы сохраняет фракционный арт и читаемые данные на стекле. */
html[data-faction="elyos"] #database:not(.detail-page) .db-head { border-color: #91b4d1; box-shadow: 0 12px 26px #557d9b25; }
html[data-faction="elyos"] #database:not(.detail-page) .db-search { border-color: #7ba8c97d; background: #f8fcffdc; backdrop-filter: blur(20px) saturate(140%); box-shadow: 0 14px 30px #4e729b24, inset 0 1px #fff; }
html[data-faction="elyos"] #database:not(.detail-page) .db-class-section { border-color: #7199b647; background: #ffffffaa; box-shadow: inset 0 1px #fff; }
html[data-faction="elyos"] #database:not(.detail-page) .db-class-heading h2 { color: #244966; }
html[data-faction="elyos"] #database:not(.detail-page) .db-class-heading p:last-child, html[data-faction="elyos"] #database:not(.detail-page) .db-class-unassigned { color: #5c7285; }
html[data-faction="elyos"] #database:not(.detail-page) .db-class-card { border-color: #85acc956; background: #20354a; box-shadow: none; }
html[data-faction="elyos"] #database:not(.detail-page) .db-class-card::after { background: linear-gradient(90deg, transparent 32px, #20354ae8 53px); }
html[data-faction="elyos"] #database:not(.detail-page) .db-class-card[aria-pressed="true"] { border-color: #2989bd; box-shadow: 0 0 0 1px #2989bd; }
html[data-faction="elyos"] #database:not(.detail-page) .db-category { border-color: #85acc956; background: #ffffffd9; box-shadow: none; }
html[data-faction="elyos"] #database:not(.detail-page) .db-category[aria-pressed="true"] { border-color: #2d86bc; background: #d9eefb; box-shadow: 0 0 0 1px #8fcae9; }
html[data-faction="elyos"] #database:not(.detail-page) .search-panel { border-color: #7097b54c; background: #ffffffbd; box-shadow: inset 0 1px #fff; }
html[data-faction="elyos"] #database:not(.detail-page) .result { border-color: #7793ad59; background: #ffffffd6; box-shadow: inset 0 1px #fff; }
html[data-faction="elyos"] #database:not(.detail-page) .result:hover { border-color: var(--quality); background: #fff; box-shadow: 0 10px 24px #4b789423; }
html[data-faction="elyos"] #database:not(.detail-page) .result strong { color: #193951; }
html[data-faction="elyos"] #database:not(.detail-page) .result-meta { color: #536e82; }
html[data-faction="elyos"] #database:not(.detail-page) .result-overline, html[data-faction="elyos"] #database:not(.detail-page) .result-footer, html[data-faction="elyos"] #database:not(.detail-page) .result-id { color: #698095; }
html[data-faction="elyos"] #database:not(.detail-page) .result-quality { color: var(--quality); background: color-mix(in srgb, var(--quality) 10%, white); }
html[data-faction="elyos"] #database .result-stat { border-color: #4f7ca16b; color: #244d70; background: #dcebf7; }
@media (prefers-reduced-motion: reduce) { .site-theme-switch { transition: none; } }

/* Элийский атлас сохраняет игровую насыщенность: холодный арт и тёмные сапфировые карточки. */
html[data-faction="elyos"] #database::before { background: linear-gradient(180deg, #e8f2f800, #e8f2f8f0 82%, #e8f2f8), url('/img/art/w/flight_over_sea-800.webp') center top / cover no-repeat; opacity: .36; }
html[data-faction="elyos"] #database .db-head { border-color: #6aa6d6; background: #d6ecf7; }
html[data-faction="elyos"] #database .db-search { border-color: #75b0d9; background: linear-gradient(120deg, #f5fbfffa, #d9ecf9f7); box-shadow: 0 21px 50px #3f71944a, inset 0 1px #fff; }
html[data-faction="elyos"] #database .db-category { border-color: #8cb7d2; background: linear-gradient(145deg, #f6fcff, #d8e9f7); }
html[data-faction="elyos"] #database .db-category[aria-pressed="true"] { border-color: #4c99cc; background: linear-gradient(145deg, #eaf7ff, #b7daf4); box-shadow: 0 0 0 1px #82c5e7, 0 10px 26px #3b8aba42; }
html[data-faction="elyos"] #database .search-panel { border-color: #4b9ac7; background: linear-gradient(150deg, #204969, #10283f 80%); box-shadow: inset 0 1px #ffffff37, 0 20px 38px #1f4b6a4d; }
html[data-faction="elyos"] #database .db-filter-head strong, html[data-faction="elyos"] #database .db-filters label { color: #edf8ff; }
html[data-faction="elyos"] #database .db-filter-head button { color: #b9e2ff; }
html[data-faction="elyos"] #database .db-filter-note { color: #bed1dd; }
html[data-faction="elyos"] #database .result, html[data-faction="elyos"] #database .detail-card { --quality: #afbdc9; }
html[data-faction="elyos"] #database .result[data-quality="Epic"], html[data-faction="elyos"] #database .detail-card[data-quality="Epic"] { --quality: #c18fff; }
html[data-faction="elyos"] #database .result[data-quality="Rare"], html[data-faction="elyos"] #database .detail-card[data-quality="Rare"] { --quality: #7fc5ff; }
html[data-faction="elyos"] #database .result[data-quality="Special"], html[data-faction="elyos"] #database .detail-card[data-quality="Special"] { --quality: #f2c46b; }
html[data-faction="elyos"] #database .result { border-color: color-mix(in srgb, var(--quality) 65%, #1c4969); background: linear-gradient(110deg, color-mix(in srgb, var(--quality) 20%, #244863), #0b253d 85%); box-shadow: inset 0 1px color-mix(in srgb, var(--quality) 30%, transparent), 0 16px 28px #315b7e55; }
html[data-faction="elyos"] #database .result:hover { border-color: var(--quality); background: linear-gradient(110deg, color-mix(in srgb, var(--quality) 30%, #244863), #123753 85%); }
html[data-faction="elyos"] #database .result-art { background: radial-gradient(circle, color-mix(in srgb, var(--quality) 31%, #173451), #10263e 72%); }
html[data-faction="elyos"] #database .result strong, html[data-faction="elyos"] #database .result-meta { color: #f5fbff; }
html[data-faction="elyos"] #database .result-overline, html[data-faction="elyos"] #database .result-footer, html[data-faction="elyos"] #database .result-id { color: #b9cfdf; }
html[data-faction="elyos"] #database .result-quality { color: color-mix(in srgb, var(--quality) 75%, white); }
html[data-faction="elyos"] #database .detail-card { border-color: color-mix(in srgb, var(--quality) 62%, #2d6a92); border-top-color: var(--quality); background: #0d263c; color: #edf8ff; }
html[data-faction="elyos"] #database .detail-stage { border-color: color-mix(in srgb, var(--quality) 48%, transparent); background: linear-gradient(180deg, #84b7d069 0%, #1c4a64a3 50%, #0e263df7 80%), url('/img/art/w/flight_over_sea-800.webp') center top / cover no-repeat; }
html[data-faction="elyos"] #database .detail-stage::after { background: linear-gradient(180deg, transparent 34%, #0e263d91 60%, #0e263d 90%); }
html[data-faction="elyos"] #database .detail-visual { background: none; box-shadow: none; }
html[data-faction="elyos"] #database .detail-appearance { border-color: color-mix(in srgb, var(--quality) 55%, transparent); background: #0c2940dc; }
html[data-faction="elyos"] #database .detail-appearance strong { color: #f3faff; }
html[data-faction="elyos"] #database .detail-appearance p, html[data-faction="elyos"] #database .detail-stage-caption { color: #d4e4ef; }
html[data-faction="elyos"] #database .detail-content { background: radial-gradient(600px 400px at 95% 0%, color-mix(in srgb, var(--quality) 18%, transparent), transparent 70%), #0d263c; }
html[data-faction="elyos"] #database .detail-title h1, html[data-faction="elyos"] #database .detail-section h3, html[data-faction="elyos"] #database .detail-attribute strong { color: #f5fbff; }
html[data-faction="elyos"] #database .detail-title .eyebrow { color: color-mix(in srgb, var(--quality) 70%, white); }
html[data-faction="elyos"] #database .detail-title, html[data-faction="elyos"] #database .detail-evidence { border-color: #b8d7e64d; }
html[data-faction="elyos"] #database .detail-attributes .detail-attribute, html[data-faction="elyos"] #database .detail-properties, html[data-faction="elyos"] #database .detail-description { border-color: #9dc9df4f; background: #183c55; }
html[data-faction="elyos"] #database .detail-attributes .is-quality { border-color: var(--quality); background: color-mix(in srgb, var(--quality) 19%, #102f48); }
html[data-faction="elyos"] #database .detail-attributes .is-quality strong { color: color-mix(in srgb, var(--quality) 72%, white); }
html[data-faction="elyos"] #database .detail-attribute small, html[data-faction="elyos"] #database .detail-summary p, html[data-faction="elyos"] #database .detail-properties dd, html[data-faction="elyos"] #database .detail-evidence dd, html[data-faction="elyos"] #database .detail-section .description-pending { color: #d0e2ee; }
html[data-faction="elyos"] #database .detail-properties dt, html[data-faction="elyos"] #database .detail-evidence dt, html[data-faction="elyos"] #database .game-id, html[data-faction="elyos"] #database .detail-properties .field-context { color: #a7c6d8; }
html[data-faction="elyos"] #database .detail-description { border-left-color: var(--quality); }

html[data-faction="elyos"] #database .db-class-section { border-color: #6daed0; background: linear-gradient(110deg, #08283fdc, #1a5372ca), url('/img/art/w/flight_over_sea-800.webp') center 46% / cover no-repeat; box-shadow: inset 0 1px #ffffff56, 0 17px 38px #427d9c4d; }
html[data-faction="elyos"] #database .db-class-heading .eyebrow { color: #98e3ff; }
html[data-faction="elyos"] #database .db-class-heading h2 { color: #fff; }
html[data-faction="elyos"] #database .db-class-heading p:last-child { color: #d4eaf4; }
html[data-faction="elyos"] #database #dbAllClasses { border-color: #aadcf0; background: #164b6dda; color: #f4fcff; }
html[data-faction="elyos"] #database #dbAllClasses:hover, html[data-faction="elyos"] #database #dbAllClasses[aria-pressed="true"] { border-color: #d6f5ff; background: #2c91bc; box-shadow: 0 0 18px #81d5f285; }
html[data-faction="elyos"] #database .db-class-card { border-color: #8fcce185; background: radial-gradient(circle at 50% 20%, #8ec6d59c, transparent 70%), linear-gradient(170deg, #335e77, #0c2b46); }
html[data-faction="elyos"] #database .db-class-card::after { background: linear-gradient(0deg, #09253ef7 4%, #09253eb6 34%, transparent 88%); }
html[data-faction="elyos"] #database .db-class-card:hover, html[data-faction="elyos"] #database .db-class-card[aria-pressed="true"] { border-color: #d0f1ff; box-shadow: 0 0 0 1px #68b9dc, 0 0 22px #5fbee0a8; }
html[data-faction="elyos"] #database .db-class-copy small { color: #d5ecf6; }
html[data-faction="elyos"] #database .db-class-unassigned { color: #d4eaf4; }
html[data-faction="elyos"] #database .detail-description .description-context { color: #bed7e5; }

/* Контраст навигационной колонки после переноса фильтров в рабочую область. */
html[data-faction="elyos"] #database:not(.detail-page) .db-category-section { border-color: #7199b647; background: #ffffffbc; }
html[data-faction="elyos"] #database:not(.detail-page) .db-category-heading strong { color: #244966; }
html[data-faction="elyos"] #database:not(.detail-page) .db-category-heading span { color: #627d91; }
html[data-faction="elyos"] #database:not(.detail-page) .db-category-label { color: #254863; }
html[data-faction="elyos"] #database:not(.detail-page) .search-panel { border-color: #7097b54c; background: #ffffffd9; box-shadow: inset 0 1px #fff; }
html[data-faction="elyos"] #database:not(.detail-page) .db-filter-head strong, html[data-faction="elyos"] #database:not(.detail-page) .db-filters label { color: #254d69; }
html[data-faction="elyos"] #database:not(.detail-page) .db-filter-head button { color: #2474a5; }
html[data-faction="elyos"] #database:not(.detail-page) .db-filter-note { color: #58778d; }
html[data-faction="elyos"] #database:not(.detail-page) .mobile-filter-summary { color: #244966; }
html[data-faction="elyos"] #database:not(.detail-page) .mobile-filter-summary span { color: #2474a5; }
@media (max-width: 600px) {
  .topbar .brand em { display: none; }
  .topbar nav { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
  .topbar nav::-webkit-scrollbar { display: none; }
}
html[data-faction="elyos"] #database .db-preview { border-left-color: #7bc4e8; background: linear-gradient(150deg, #1b4b67, #0b253b 65%); box-shadow: -22px 0 70px #0c2d4b99; }
html[data-faction="elyos"] #database .db-preview-art { background: radial-gradient(circle, color-mix(in srgb, var(--quality) 23%, #173451), #10263e); }
html[data-faction="elyos"] #database .db-preview-full { border-color: #89d2f3; background: #2e87bd; }
html[data-faction="elyos"] #database .db-preview-full:hover { background: #3fa2d0; }
html[data-faction="elyos"] #database .db-preview-actions {
  border-top-color: #7bc4e866;
  background: linear-gradient(180deg, #16445bf2, #0b253bfb);
  box-shadow: 0 -16px 28px #082033a8;
}
html[data-faction="elyos"] #database .detail-visual {
  border-color: color-mix(in srgb, var(--quality) 72%, #60b0da);
  background: radial-gradient(circle, color-mix(in srgb, var(--quality) 31%, #2d6e91), #0c2e48 76%);
  box-shadow: inset 0 1px #ffffff80, 0 0 56px color-mix(in srgb, var(--quality) 26%, transparent), 0 22px 56px #071c2c8c;
}

/* Компактный атлас классов в светлой теме. */
html[data-faction="elyos"] #database:not(.detail-page) .db-class-card {
  border-color: #79b8d994;
  background: radial-gradient(circle at 28% 18%, #6fb4d788, transparent 67%), #173b56;
}
html[data-faction="elyos"] #database:not(.detail-page) .db-class-card::after {
  background: linear-gradient(180deg, #09263d00 20%, #09263d5c 52%, #09263df0 89%);
}
html[data-faction="elyos"] #database:not(.detail-page) .db-class-copy small {
  border-color: #a0daf5a8;
  background: #103a57e8;
  color: #f0faff;
}
html[data-faction="elyos"] #database:not(.detail-page) .db-class-card[data-observed="false"] .db-class-copy small { color: #d7edf8; }
html[data-faction="elyos"] #database:not(.detail-page) .db-class-card:focus-visible { outline-color: #1684b8; }

/* Подписи и значения наблюдённых показателей в светлой выдаче. */
html[data-faction="elyos"] #database:not(.detail-page) .result-stat { border-color: color-mix(in srgb, var(--quality) 45%, #aacbdf); border-left-color: var(--quality); background: color-mix(in srgb, var(--quality) 11%, white); }
html[data-faction="elyos"] #database:not(.detail-page) .result-stat-label { color: #4c687e; }
html[data-faction="elyos"] #database:not(.detail-page) .result-stat b { color: #143750; }
html[data-faction="elyos"] #database:not(.detail-page) .result-stat-source { color: #5b758b; }