MediaWiki:Common.css: Difference between revisions

/* Site styles for imported content and the Elite wiki home page. */
.mw-parser-output {
  --elite-ink: var(--color-base, #202122);
  --elite-muted: var(--color-subtle, #54595d);
  --elite-surface: var(--background-color-base, #fff);
  --elite-subtle: var(--background-color-neutral-subtle, #f8f9fa);
  --elite-border: var(--border-color-base, #a2a9b1);
  --elite-accent: #a34a00;
  --elite-accent-bg: #fff3e3;
  --elite-heading: #663600;
}
.skin-theme-clientpref-night .mw-parser-output {
  --elite-ink: #eaecf0; --elite-muted: #b8c0c8; --elite-surface: #202122;
  --elite-subtle: #27292c; --elite-border: #72777d; --elite-accent: #ffb14a;
  --elite-accent-bg: #38291c; --elite-heading: #ffd18e;
}
@media (prefers-color-scheme: dark) {
  .skin-theme-clientpref-os .mw-parser-output {
    --elite-ink: #eaecf0; --elite-muted: #b8c0c8; --elite-surface: #202122;
    --elite-subtle: #27292c; --elite-border: #72777d; --elite-accent: #ffb14a;
    --elite-accent-bg: #38291c; --elite-heading: #ffd18e;
  }
}
/* Shared boxes for source and Wikipedia-style templates. */
.mw-parser-output :is(.infobox, .wikia-infobox, .portable-infobox) {
  float: right; clear: right; width: 22em; max-width: 100%; margin: .5em 0 1em 1.25em;
  padding: .4em; border: 1px solid var(--elite-border); background: var(--elite-subtle);
  color: var(--elite-ink); font-size: 90%; line-height: 1.5; border-spacing: 3px;
}
.mw-parser-output :is(.infobox, .wikia-infobox) :is(th, td) { padding: .25em .4em; vertical-align: top; }
.mw-parser-output :is(.infobox-header, .infobox-title, .wikia-infobox-header, .wikia-infobox-section-header, .pi-header, .pi-title) {
  padding: .45em; text-align: center; font-weight: bold; color: var(--elite-heading); background: var(--elite-accent-bg);
}
.mw-parser-output :is(.infobox-image, .wikia-infobox-image, .wikia-infobox-caption, .pi-image, .pi-caption) { text-align: center; }
.mw-parser-output :is(.infobox img, .wikia-infobox img, .portable-infobox img) { max-width: 100%; height: auto; }
.mw-parser-output :is(.navbox, .vertical-navbox) { border: 1px solid var(--elite-border); background: var(--elite-subtle); color: var(--elite-ink); padding: .3em; }
.mw-parser-output .navbox-title { background: var(--elite-accent-bg); color: var(--elite-heading); font-weight: bold; text-align: center; }
.mw-parser-output .eWikiColor { background: var(--elite-accent-bg); color: var(--elite-ink); border: 1px solid var(--elite-border); }
.mw-parser-output .clear, .mw-parser-output .clearboth { clear: both; }
/* Home: a compact editorial layout that follows the active skin theme. */
.elite-home { color: var(--elite-ink); max-width: 100%; }
.elite-home .elite-hero { position: relative; overflow: hidden; border: 1px solid var(--elite-border); border-top: 4px solid var(--elite-accent); background: var(--elite-subtle); padding: clamp(1.3rem, 3vw, 2.4rem); }
.elite-home .elite-hero::after { content: ''; position: absolute; right: -2rem; top: -5rem; width: 18rem; height: 18rem; border: 1px solid var(--elite-accent); border-radius: 50%; opacity: .18; pointer-events: none; box-shadow: 0 0 0 2.2rem var(--elite-surface), 0 0 0 2.25rem var(--elite-accent), 0 0 0 4.5rem var(--elite-surface), 0 0 0 4.55rem var(--elite-accent); }
.elite-home .elite-hero > * { position: relative; z-index: 1; }
.elite-home .elite-eyebrow { margin: 0 0 .65rem; color: var(--elite-accent); font-size: .72rem; letter-spacing: .16em; font-weight: 700; text-transform: uppercase; }
.elite-home .elite-hero h2 { margin: 0 0 .6rem; border: 0; color: var(--elite-ink); font-family: inherit; font-weight: 700; font-size: clamp(1.7rem,3.4vw,2.5rem); line-height: 1.15; }
.elite-home .elite-lead { max-width: 37rem; margin: 0; font-size: 1.04rem; line-height: 1.65; }
.elite-home .elite-actions { margin: 1.25rem 0 0; display: flex; flex-wrap: wrap; gap: .6rem; }
.elite-home .elite-actions a { display: inline-block; padding: .52em .8em; border: 1px solid var(--elite-border); background: var(--elite-surface); font-weight: 600; text-decoration: none; }
.elite-home .elite-section-title { margin: 1.8rem 0 .7rem; border-bottom: 1px solid var(--elite-border); padding-bottom: .35rem; font-size: 1.25rem; }
.elite-home .elite-intro { margin: 0 0 1rem; color: var(--elite-muted); }
.elite-home .elite-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; }
.elite-home .elite-card { border: 1px solid var(--elite-border); border-top: 3px solid var(--elite-accent); background: var(--elite-surface); padding: 1rem; min-width: 0; }
.elite-home .elite-card h3 { margin: 0 0 .35rem; font-family: inherit; font-size: 1.05rem; line-height: 1.35; }
.elite-home .elite-card p { margin: 0; color: var(--elite-muted); line-height: 1.5; }
.elite-home .elite-two { display: grid; grid-template-columns: 1.2fr 1fr; gap: .75rem; margin-top: .75rem; }
.elite-home .elite-panel { border: 1px solid var(--elite-border); padding: 1rem 1.15rem; background: var(--elite-subtle); }
.elite-home .elite-panel h2 { margin: 0 0 .5rem; padding: 0; border: 0; font-family: inherit; font-weight: 700; font-size: 1.08rem; }
.elite-home .elite-panel p { margin: 0 0 .6rem; line-height: 1.55; }
.elite-home .elite-panel ul { margin-bottom: 0; }
@media (max-width: 720px) {
  .elite-home .elite-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .elite-home .elite-two { grid-template-columns: 1fr; }
  .mw-parser-output :is(.infobox,.wikia-infobox,.portable-infobox) { float: none; margin: 1em auto; }
}
@media (max-width: 420px) { .elite-home .elite-grid { grid-template-columns: 1fr; } }
/* Matched wordmark images for Vector light and dark appearances. */
html.skin-theme-clientpref-night .mw-logo-container.skin-invert { filter: none; color-scheme: normal; }
html.skin-theme-clientpref-night .mw-logo-wordmark { content: url(/w/images/wiki-brand/wordmark-dark.png); }
@media (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .mw-logo-container.skin-invert { filter: none; color-scheme: normal; } html.skin-theme-clientpref-os .mw-logo-wordmark { content: url(/w/images/wiki-brand/wordmark-dark.png); } }
/* Give the wider wordmark its own space beside search. */
.mw-header { grid-template-columns: max-content minmax(0, 1fr); }
.mw-header .vector-header-end { min-width: 0; }
@media (max-width: 1100px) { .mw-header .mw-logo-wordmark { width: min(180px, 24vw) !important; height: auto !important; } }
/* The wordmark is the header identity; the emblem remains the browser favicon. */
.mw-header .mw-logo-icon { display: none !important; }
.mw-header { column-gap: 1.25rem; }
/* Keep Vector search clear of the wider wordmark. */
.client-js .mw-header .vector-search-box.vector-search-box-auto-expand-width { margin-left: 0; }

/* Imported Fandom tables, adapted to the selected MediaWiki colour scheme. */
.mw-parser-output table.article-table,
.mw-parser-output table.fandom-table,
.mw-parser-output table.eStationTable {
  border-collapse: collapse;
  border: 1px solid var(--elite-border, #a2a9b1);
  background: var(--elite-surface, #fff);
  color: var(--elite-ink, #202122);
  margin: 1em 0;
}
.mw-parser-output table.eStationTable { margin-left: auto; margin-right: auto; text-align: left; }
.mw-parser-output table:is(.article-table, .fandom-table, .eStationTable) > :is(thead, tbody, tfoot) > tr > :is(th, td),
.mw-parser-output table:is(.article-table, .fandom-table, .eStationTable) > tr > :is(th, td) {
  border: 1px solid var(--elite-border, #a2a9b1);
  padding: 0.35em 0.6em;
}
.mw-parser-output table:is(.article-table, .fandom-table, .eStationTable) > :is(thead, tbody, tfoot) > tr > th,
.mw-parser-output table:is(.article-table, .fandom-table, .eStationTable) > tr > th {
  background-color: var(--elite-subtle, #f8f9fa);
  color: var(--elite-ink, #202122);
  text-align: center;
}
.mw-parser-output table.eStationTable > :is(thead, tbody, tfoot) > tr > th,
.mw-parser-output table.eStationTable > tr > th { text-align: right; }
.mw-parser-output table.eTable_RowHighlighting > :is(thead, tbody, tfoot) > tr:nth-child(even),
.mw-parser-output table.eTable_RowHighlighting > tr:nth-child(even) { background: var(--elite-subtle, #f8f9fa); }
.mw-parser-output table:is(.article-table, .fandom-table, .eStationTable) > caption { font-weight: bold; padding: 0.35em; }
.fandom-import-mark { display: inline-block; vertical-align: -0.1em; margin-inline-end: 0.25em; }
.fandom-import-mark img { display: inline-block; width: 48px; height: 12px; object-fit: contain; }
.fandom-import-legend { font-size: 0.875em; margin: 0.5em 0 1em; }

.fandom-import-mark img, .fandom-import-legend img { background: #fff; border-radius: 2px; }
/* Navigation templates: compact horizontal lists, including imported subgroups. */
.mw-parser-output table.navbox {
  box-sizing: border-box; width: 100%; clear: both; margin: 1em 0;
  border-collapse: separate; border-spacing: 2px; font-size: 88%; line-height: 1.5;
}
.mw-parser-output table.navbox-subgroup {
  box-sizing: border-box; width: 100%; border: 0; border-collapse: separate;
  border-spacing: 2px; background: transparent; color: inherit; font-size: 100%;
}
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-title {
  padding: .35em .55em; vertical-align: middle;
}
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-group {
  padding: .35em .6em; background: var(--elite-accent-bg); color: var(--elite-heading);
  text-align: center; font-weight: bold; vertical-align: middle;
}
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-list {
  padding: .35em .65em; background: var(--elite-surface); color: var(--elite-ink);
  text-align: left; vertical-align: middle;
}
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-list:has(> .navbox-subgroup) {
  background: transparent;
}
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-list > ul {
  margin: 0; padding: 0; list-style: none;
}
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-list > ul > li {
  display: inline; margin: 0; padding: 0;
}
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-list > ul > li + li::before {
  content: ' • '; color: var(--elite-muted);
}
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-footer {
  padding: .4em .6em; background: var(--elite-accent-bg); color: var(--elite-heading);
  font-weight: normal; text-align: center;
}
.mw-parser-output .navbox .navbox { margin: 0; font-size: 100%; }
@media (max-width: 720px) {
  .mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-group { min-width: 5.5em; }
  .mw-parser-output table.navbox { font-size: 90%; }
}
/* Keep the warm hierarchy visible in the Vector dark palette. */
html.skin-theme-clientpref-night body .mw-parser-output table.navbox :is(.navbox-title, .navbox-group, .navbox-footer),
html.skin-theme-clientpref-night body .mw-parser-output table.navbox-subgroup .navbox-group {
  background-color: var(--elite-accent-bg) !important; color: var(--elite-heading);
}
@media (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os body .mw-parser-output table.navbox :is(.navbox-title, .navbox-group, .navbox-footer),
  html.skin-theme-clientpref-os body .mw-parser-output table.navbox-subgroup .navbox-group {
    background-color: var(--elite-accent-bg) !important; color: var(--elite-heading);
  }
}
/* Portable infobox labels: keep ordinary field names readable. */
.mw-parser-output .portable-infobox .pi-data-label { flex: 0 0 40%; overflow-wrap: normal; word-break: normal; }
.mw-parser-output .portable-infobox .pi-data-value { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
/* Imported navboxes: format directly nested list items inline. */
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-list > li { display: inline; list-style: none; margin: 0; padding: 0; }
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-list > li + li::before { content: " • "; color: var(--elite-muted); }

/* Keep sorting indicators clear of imported table headings. */
.mw-parser-output table.jquery-tablesorter th.headerSort,
.client-js .mw-parser-output table.sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable) {
  padding-inline-end: 31px;
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 20px auto;
}
.rtl .mw-parser-output table.jquery-tablesorter th.headerSort,
.rtl.client-js .mw-parser-output table.sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable) {
  background-position: left 5px center;
}
/* Show the Wikipedia-style padlock only once when MediaWiki also supplies a default icon. */
.mw-indicators:has(#mw-indicator-pp-default) [id^="mw-indicator-protection-"] { display: none; }

/* Message boxes: Wikipedia family geometry with a local light/dark palette.
 * Upstream family rules remain in Module:Message box/*.css (page history retains attribution).
 * Article notices use a coloured left rail; talk/file/other boxes use full borders;
 * category notices use coloured fills. Do not impose one width or border on every family.
 */
.mw-parser-output {
  --ed-mbox-ink: #202122;
  --ed-mbox-edge: #a2a9b1;
  --ed-mbox-neutral: #fbfbfb;
  --ed-mbox-interactive: #f8f9fa;
  --ed-mbox-talk: #f8eaba;
  --ed-mbox-talkedge: #c0c090;
  --ed-mbox-blue: #36c;
  --ed-mbox-red: #b32424;
  --ed-mbox-orange: #f28500;
  --ed-mbox-yellow: #fc3;
  --ed-mbox-purple: #9932cc;
  --ed-mbox-protection: #a2a9b1;
  --ed-mbox-license: #8888aa;
  --ed-mbox-featured: #cba135;
  --ed-mbox-speedy: #fee7e6;
  --ed-mbox-catnotice: #dfe8ff;
  --ed-mbox-catred: #ffdbdb;
  --ed-mbox-catorange: #ffe7ce;
  --ed-mbox-catyellow: #fff9db;
  --ed-mbox-catpurple: #e4d8ff;
  --ed-mbox-catprotection: #efefe1;
  --ed-mbox-warningedge: #bb7070;
  --ed-mbox-link: #2855aa;
  --ed-mbox-visited: #65449b;
  --ed-mbox-newlink: #a51d2d;
}
@media screen {
html.skin-theme-clientpref-night .mw-parser-output {
  --ed-mbox-ink: #eaecf0;
  --ed-mbox-edge: #72777d;
  --ed-mbox-neutral: #20272e;
  --ed-mbox-interactive: #272e35;
  --ed-mbox-talk: #2e2505;
  --ed-mbox-talkedge: #b9b18b;
  --ed-mbox-blue: #76a7ff;
  --ed-mbox-red: #f28585;
  --ed-mbox-orange: #f6a44b;
  --ed-mbox-yellow: #f1ce63;
  --ed-mbox-purple: #c59aef;
  --ed-mbox-protection: #b9b99a;
  --ed-mbox-license: #a5acd2;
  --ed-mbox-featured: #e7c675;
  --ed-mbox-speedy: #310402;
  --ed-mbox-catnotice: #0d1a27;
  --ed-mbox-catred: #330000;
  --ed-mbox-catorange: #331a00;
  --ed-mbox-catyellow: #332b00;
  --ed-mbox-catpurple: #180d2a;
  --ed-mbox-catprotection: #212112;
  --ed-mbox-warningedge: #f28585;
  --ed-mbox-link: #88a3e8;
  --ed-mbox-visited: #b7a0e6;
  --ed-mbox-newlink: #ff8585;
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .mw-parser-output {
  --ed-mbox-ink: #eaecf0;
  --ed-mbox-edge: #72777d;
  --ed-mbox-neutral: #20272e;
  --ed-mbox-interactive: #272e35;
  --ed-mbox-talk: #2e2505;
  --ed-mbox-talkedge: #b9b18b;
  --ed-mbox-blue: #76a7ff;
  --ed-mbox-red: #f28585;
  --ed-mbox-orange: #f6a44b;
  --ed-mbox-yellow: #f1ce63;
  --ed-mbox-purple: #c59aef;
  --ed-mbox-protection: #b9b99a;
  --ed-mbox-license: #a5acd2;
  --ed-mbox-featured: #e7c675;
  --ed-mbox-speedy: #310402;
  --ed-mbox-catnotice: #0d1a27;
  --ed-mbox-catred: #330000;
  --ed-mbox-catorange: #331a00;
  --ed-mbox-catyellow: #332b00;
  --ed-mbox-catpurple: #180d2a;
  --ed-mbox-catprotection: #212112;
  --ed-mbox-warningedge: #f28585;
  --ed-mbox-link: #88a3e8;
  --ed-mbox-visited: #b7a0e6;
  --ed-mbox-newlink: #ff8585;
}
}
html body .mw-parser-output .ambox:not(.notheme),
html body .mw-parser-output .tmbox:not(.notheme),
html body .mw-parser-output .ombox:not(.notheme),
html body .mw-parser-output .imbox:not(.notheme),
html body .mw-parser-output .cmbox:not(.notheme),
html body .mw-parser-output .fmbox:not(.notheme) { color: var(--ed-mbox-ink); max-width: 100%; }
html body .mw-parser-output .ambox:not(.notheme),
html body .mw-parser-output .mbox:not(.notheme) { background: var(--ed-mbox-neutral) !important; border-color: var(--ed-mbox-edge) !important; border-left-color: var(--ed-mbox-blue) !important; }
html body .mw-parser-output .tmbox:not(.notheme) { background: var(--ed-mbox-talk) !important; border-color: var(--ed-mbox-talkedge) !important;  }
html body .mw-parser-output .ombox:not(.notheme) { background: var(--ed-mbox-interactive) !important; border-color: var(--ed-mbox-edge) !important;  }
html body .mw-parser-output .imbox:not(.notheme) { background: var(--ed-mbox-interactive) !important; border-color: var(--ed-mbox-blue) !important;  }
html body .mw-parser-output .cmbox:not(.notheme) { background: var(--ed-mbox-catnotice) !important; border-color: var(--ed-mbox-edge) !important;  }
html body .mw-parser-output .fmbox:not(.notheme) { border-color: var(--ed-mbox-edge) !important;  }
html body .mw-parser-output .fmbox:not(.fmbox-editnotice):not(.notheme) { background: var(--ed-mbox-interactive) !important;  }
html body .mw-parser-output .fmbox.fmbox-warning:not(.notheme) { background: var(--ed-mbox-catred) !important; border-color: var(--ed-mbox-warningedge) !important;  }
html body .mw-parser-output .ambox-speedy:not(.notheme) { border-left-color: var(--ed-mbox-red) !important; background: var(--ed-mbox-speedy) !important;  }
html body .mw-parser-output .imbox-speedy:not(.notheme),
html body .mw-parser-output .ombox-speedy:not(.notheme) { border-color: var(--ed-mbox-red) !important; background: var(--ed-mbox-speedy) !important;  }
html body .mw-parser-output .tmbox-speedy:not(.notheme) { border-color: var(--ed-mbox-red) !important; background: var(--ed-mbox-speedy) !important;  }
html body .mw-parser-output .cmbox-speedy:not(.notheme) { background: var(--ed-mbox-catred) !important; border-color: var(--ed-mbox-red) !important;  }
html body .mw-parser-output .ambox-delete:not(.notheme) { border-left-color: var(--ed-mbox-red) !important;  }
html body .mw-parser-output .imbox-delete:not(.notheme),
html body .mw-parser-output .ombox-delete:not(.notheme) { border-color: var(--ed-mbox-red) !important;  }
html body .mw-parser-output .tmbox-delete:not(.notheme) { border-color: var(--ed-mbox-red) !important;  }
html body .mw-parser-output .cmbox-delete:not(.notheme) { background: var(--ed-mbox-catred) !important;  }
html body .mw-parser-output .ambox-content:not(.notheme) { border-left-color: var(--ed-mbox-orange) !important;  }
html body .mw-parser-output .imbox-content:not(.notheme),
html body .mw-parser-output .ombox-content:not(.notheme) { border-color: var(--ed-mbox-orange) !important;  }
html body .mw-parser-output .tmbox-content:not(.notheme) { border-color: var(--ed-mbox-orange) !important;  }
html body .mw-parser-output .cmbox-content:not(.notheme) { background: var(--ed-mbox-catorange) !important;  }
html body .mw-parser-output .ambox-style:not(.notheme) { border-left-color: var(--ed-mbox-yellow) !important;  }
html body .mw-parser-output .imbox-style:not(.notheme),
html body .mw-parser-output .ombox-style:not(.notheme) { border-color: var(--ed-mbox-yellow) !important;  }
html body .mw-parser-output .tmbox-style:not(.notheme) { border-color: var(--ed-mbox-yellow) !important;  }
html body .mw-parser-output .cmbox-style:not(.notheme) { background: var(--ed-mbox-catyellow) !important;  }
html body .mw-parser-output .ambox-move:not(.notheme) { border-left-color: var(--ed-mbox-purple) !important;  }
html body .mw-parser-output .imbox-move:not(.notheme),
html body .mw-parser-output .ombox-move:not(.notheme) { border-color: var(--ed-mbox-purple) !important;  }
html body .mw-parser-output .tmbox-move:not(.notheme) { border-color: var(--ed-mbox-purple) !important;  }
html body .mw-parser-output .cmbox-move:not(.notheme) { background: var(--ed-mbox-catpurple) !important;  }
html body .mw-parser-output .ambox-protection:not(.notheme) { border-left-color: var(--ed-mbox-protection) !important;  }
html body .mw-parser-output .imbox-protection:not(.notheme),
html body .mw-parser-output .ombox-protection:not(.notheme) { border-color: var(--ed-mbox-protection) !important;  }
html body .mw-parser-output .cmbox-protection:not(.notheme) { background: var(--ed-mbox-catprotection) !important;  }
html body .mw-parser-output .imbox-license:not(.notheme) { border-color: var(--ed-mbox-license) !important;  }
html body .mw-parser-output .imbox-featured:not(.notheme) { border-color: var(--ed-mbox-featured) !important;  }
/* Slightly deeper light-mode links stay readable on the reference pastel fills. */
html body .mw-parser-output :is(.ambox,.mbox,.tmbox,.ombox,.imbox,.cmbox,.fmbox):not(.notheme) a[href]:not(.new) { color: var(--ed-mbox-link); }
html body .mw-parser-output :is(.ambox,.mbox,.tmbox,.ombox,.imbox,.cmbox,.fmbox):not(.notheme) a[href]:visited:not(.new) { color: var(--ed-mbox-visited); }
html body .mw-parser-output :is(.ambox,.mbox,.tmbox,.ombox,.imbox,.cmbox,.fmbox):not(.notheme) a.new { color: var(--ed-mbox-newlink); }
/* Compatibility for old generic mbox markup, without affecting family geometry. */
.mw-parser-output .mbox:not(.notheme) { box-sizing: border-box; border: 1px solid var(--ed-mbox-edge); border-left: 10px solid var(--ed-mbox-blue); padding: .35em .5em; margin: .4em 0; }
html body .mw-parser-output .mbox.mbox-delete:not(.notheme),
html body .mw-parser-output .mbox.mbox-speedy:not(.notheme) { border-left-color: var(--ed-mbox-red) !important; }
html body .mw-parser-output .mbox.mbox-speedy:not(.notheme) { background: var(--ed-mbox-speedy) !important; }
.mw-parser-output :is(.ambox,.tmbox,.ombox,.imbox,.cmbox,.fmbox) :is(.mbox-text,.mbox-text-span) { overflow-wrap: anywhere; }
@media (max-width: 719px) {
  html body.mediawiki .mw-parser-output :is(.ambox.mbox-small-left,.tmbox.mbox-small,.ombox.mbox-small) { float: none; clear: both; width: auto; max-width: 100%; margin: 4px 0; }
}
/* Preserve readable legacy dark table headings independently of message boxes. */
@media screen {
  html.skin-theme-clientpref-night .mw-parser-output tr[style*="#333333"] > :is(th,td),
  html.skin-theme-clientpref-night .mw-parser-output tr[style*="#333;"] > :is(th,td) { color: #eaecf0; }
}
@media screen and (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .mw-parser-output tr[style*="#333333"] > :is(th,td),
  html.skin-theme-clientpref-os .mw-parser-output tr[style*="#333;"] > :is(th,td) { color: #eaecf0; }
}
/* Responsive local-poster video galleries */
.elite-video-gallery .embedvideo { box-sizing: border-box; }
.elite-video-gallery .embedvideo iframe { max-width: 100%; }

/* BEGIN Elite Main Page shell 20261101: scoped to the home page only. */
body.page-Main_Page.skin-vector-2022 .mw-body-header { display:none; }
body.page-Main_Page.skin-vector-2022 .vector-page-toolbar { border:0; border-radius:4px; margin-bottom:1rem; }
body.page-Main_Page.skin-vector-2022 #bodyContent { background:transparent; border:0; padding:0; box-shadow:none; }
body.page-Main_Page.skin-vector-2022 .mw-body { padding-top:0; }
/* END Elite Main Page shell 20261101 */

/* Vector suppresses its compact sticky header on the Main Page. Keep the actual site header visible. */
body.page-Main_Page.skin-vector-2022 .vector-header-container { position:sticky; top:0; z-index:100; }
body.page-Main_Page.skin-vector-2022 .vector-sticky-header { display:none!important; }
body.page-Main_Page.skin-vector-2022 .elite-home-v2 [id] { scroll-margin-top:5rem; }

body.page-Main_Page.skin-vector-2022 { height:auto; min-height:100vh; }

/* BEGIN Elite Main Page */
/* Main Page only. Theme-aware panels, local media and no client-side carousel. */
html body .mw-parser-output .elite-home-v2 { --ed-panel:var(--elite-panel,var(--elite-surface,#fff)); --ed-text:var(--elite-text,var(--elite-ink,#202122)); --ed-line:var(--elite-line,var(--elite-border,#a2a9b1)); --ed-accent:var(--elite-hud,var(--elite-accent,#a54400)); color:var(--ed-text); }
html body .mw-parser-output .elite-home-v2 * { box-sizing:border-box; }
html body .mw-parser-output .elite-home-v2 p { margin:0; }
html body .mw-parser-output .elite-home-v2 .ed-home-hero { padding:clamp(1.5rem,4vw,3rem); border-radius:5px; color:#f5f6f7!important; background:linear-gradient(100deg,rgba(6,12,20,.94),rgba(6,12,20,.4)),url('/w/images/wiki-theme/galaxy-1920.webp') center/cover!important; border:1px solid #46505a; border-top:3px solid #ff9d42; }
html body .mw-parser-output .elite-home-v2 .ed-home-hero h1 { margin:.35rem 0 .75rem; padding:0; border:0; color:#fff!important; background:transparent!important; font-size:clamp(2rem,4vw,3.5rem); line-height:1.1; font-weight:700; }
html body .mw-parser-output .elite-home-v2 .ed-kicker { font-size:.73rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--ed-accent)!important; }
html body .mw-parser-output .elite-home-v2 .ed-home-hero .ed-kicker { color:#ffb16b!important; background:transparent!important; }
html body .mw-parser-output .elite-home-v2 .ed-home-lead { max-width:42em; color:#e0e5eb!important; background:transparent!important; line-height:1.6; }
html body .mw-parser-output .elite-home-v2 .ed-home-search { margin:1.4rem 0 1rem; max-width:43rem; background:transparent!important; }
html body .mw-parser-output .elite-home-v2 .ed-home-search .mw-inputbox-centered { text-align:left; }
html body .mw-parser-output .elite-home-v2 .ed-home-search form { display:flex; align-items:stretch; flex-wrap:wrap; gap:.5rem; margin:0; background:transparent!important; }
html body .mw-parser-output .elite-home-v2 .ed-home-search .mw-inputbox-input { width:100%; min-width:0; margin:0; }
html body .mw-parser-output .elite-home-v2 .ed-home-search input[type="text"] { flex:1 1 20rem; width:auto!important; min-width:0; border:1px solid #97a4b2; border-radius:3px; padding:.8rem 1rem; background:#111820!important; color:#fff!important; font-size:1rem; }
html body .mw-parser-output .elite-home-v2 .ed-home-search input::placeholder { color:#b8c4d1; opacity:1; }
html body .mw-parser-output .elite-home-v2 .ed-home-search input[type="submit"] { padding:.8rem 1.15rem; border:1px solid #ffb66f; border-radius:3px; background:#ff9d42!important; color:#17120e!important; font-size:1rem; font-weight:700; cursor:pointer; }
html body .mw-parser-output .elite-home-v2 .ed-quick { display:flex; flex-wrap:wrap; gap:.4rem .75rem; align-items:center; font-size:.9rem; background:transparent!important; }
html body .mw-parser-output .elite-home-v2 .ed-quick a { color:#ffbc80!important; background:transparent!important; text-decoration:underline; text-underline-offset:3px; }
html body .mw-parser-output .elite-home-v2 .ed-quick span { color:#8494a4!important; background:transparent!important; }
html body .mw-parser-output .elite-home-v2 .ed-section-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:.4rem 1rem; margin:2rem 0 .9rem; }
html body .mw-parser-output .elite-home-v2 .ed-section-heading h2 { margin:0; padding:0; border:0; font-size:1.8rem; color:var(--ed-text)!important; }
html body .mw-parser-output .elite-home-v2 .ed-section-heading p { font-size:.9rem; color:var(--ed-text)!important; }
html body .mw-parser-output .elite-home-v2 .ed-featured-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
html body .mw-parser-output .elite-home-v2 .ed-feature-card { min-width:0; overflow:hidden; border:1px solid var(--ed-line); border-radius:4px; background:var(--ed-panel)!important; }
html body .mw-parser-output .elite-home-v2 .ed-feature-image { aspect-ratio:16/9; overflow:hidden; background:#070c13!important; }
html body .mw-parser-output .elite-home-v2 .ed-feature-image span, html body .mw-parser-output .elite-home-v2 .ed-feature-image a { display:block; width:100%; height:100%; }
html body .mw-parser-output .elite-home-v2 .ed-feature-image img { display:block; width:100%; height:100%; max-width:100%; object-fit:cover; }
html body .mw-parser-output .elite-home-v2 .ed-feature-copy { padding:1.15rem; border-top:2px solid var(--ed-accent); }
html body .mw-parser-output .elite-home-v2 .ed-feature-copy h3 { margin:.35rem 0 .5rem; font-size:1.65rem; line-height:1.15; }
html body .mw-parser-output .elite-home-v2 .ed-feature-copy h3 a { color:var(--ed-text)!important; }
html body .mw-parser-output .elite-home-v2 .ed-feature-copy>p:not(.ed-kicker) { min-height:4.6em; font-size:.92rem; line-height:1.55; color:var(--ed-text)!important; }
html body .mw-parser-output .elite-home-v2 .ed-read { display:block; margin-top:1rem; font-size:.9rem; font-weight:600; }
html body .mw-parser-output .elite-home-v2 .ed-read a { color:var(--ed-accent)!important; }
html body .mw-parser-output .elite-home-v2 .ed-directory { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--ed-line); border-left:1px solid var(--ed-line); }
html body .mw-parser-output .elite-home-v2 .ed-topic { position:relative; min-width:0; padding:1.3rem; border-right:1px solid var(--ed-line); border-bottom:1px solid var(--ed-line); background:var(--ed-panel)!important; }
html body .mw-parser-output .elite-home-v2 .ed-topic-number { font-size:.7rem; font-family:monospace; color:var(--ed-accent)!important; }
html body .mw-parser-output .elite-home-v2 .ed-topic h3 { margin:.2rem 0 .5rem; font-size:1.45rem; color:var(--ed-text)!important; }
html body .mw-parser-output .elite-home-v2 .ed-topic p { font-size:.9rem; line-height:1.5; color:var(--ed-text)!important; }
html body .mw-parser-output .elite-home-v2 .ed-topic-links { display:flex; flex-wrap:wrap; gap:.45rem .8rem; margin-top:.85rem; }
html body .mw-parser-output .elite-home-v2 .ed-topic-links a { font-size:.9rem; text-decoration:underline; text-underline-offset:3px; }
html body .mw-parser-output .elite-home-v2 .ed-bottom-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-top:1.75rem; }
html body .mw-parser-output .elite-home-v2 .ed-bottom-grid>div { padding:1.4rem; background:var(--ed-panel)!important; border-left:3px solid var(--ed-accent); }
html body .mw-parser-output .elite-home-v2 .ed-bottom-grid h2 { padding:0; border:0; font-size:1.6rem; margin:.4rem 0 .7rem; color:var(--ed-text)!important; }
html body .mw-parser-output .elite-home-v2 .ed-bottom-grid p { line-height:1.6; color:var(--ed-text)!important; }
html body .mw-parser-output .elite-home-v2 .ed-bottom-grid .ed-kicker { color:var(--ed-accent)!important; }
html body .mw-parser-output .elite-home-v2 .ed-bottom-links { display:flex; flex-wrap:wrap; gap:.55rem .9rem; margin-top:1rem; font-size:.9rem; }
html body .mw-parser-output .elite-home-v2 a:focus-visible, html body .mw-parser-output .elite-home-v2 input:focus-visible { outline:2px solid var(--ed-accent); outline-offset:4px; }
@media (max-width:900px) { html body .mw-parser-output .elite-home-v2 .ed-directory { grid-template-columns:repeat(2,minmax(0,1fr)); } html body .mw-parser-output .elite-home-v2 .ed-featured-grid { gap:.65rem; } html body .mw-parser-output .elite-home-v2 .ed-feature-copy { padding:.9rem; } }
@media (max-width:600px) { html body .mw-parser-output .elite-home-v2 .ed-featured-grid, html body .mw-parser-output .elite-home-v2 .ed-directory, html body .mw-parser-output .elite-home-v2 .ed-bottom-grid { grid-template-columns:1fr; } html body .mw-parser-output .elite-home-v2 .ed-feature-copy>p:not(.ed-kicker) { min-height:0; } html body .mw-parser-output .elite-home-v2 .ed-home-hero { padding:1.25rem; } html body .mw-parser-output .elite-home-v2 .ed-home-search form { flex-direction:column; } html body .mw-parser-output .elite-home-v2 .ed-home-search input[type="text"] { flex:auto; width:100%!important; } html body .mw-parser-output .elite-home-v2 .ed-quick span { display:none; } html body .mw-parser-output .elite-home-v2 .ed-quick { gap:.65rem 1rem; } html body .mw-parser-output .elite-home-v2 .ed-section-heading { margin-top:1.5rem; } }
@media print { html body .mw-parser-output .elite-home-v2 .ed-home-hero { background:#fff!important; color:#000!important; } html body .mw-parser-output .elite-home-v2 .ed-home-hero h1,html body .mw-parser-output .elite-home-v2 .ed-home-lead { color:#000!important; } html body .mw-parser-output .elite-home-v2 .ed-home-search { display:none; } }
@media (forced-colors:active) { html body .mw-parser-output .elite-home-v2 .ed-home-hero, html body .mw-parser-output .elite-home-v2 .ed-home-search input { background:Canvas!important; color:CanvasText!important; } html body .mw-parser-output .elite-home-v2 .ed-home-hero h1,html body .mw-parser-output .elite-home-v2 .ed-home-lead,html body .mw-parser-output .elite-home-v2 .ed-home-hero a { color:CanvasText!important; } }

/* InputBox uses Codex wrappers; size its wrapper as well as its input. */
html body .mw-parser-output .elite-home-v2 .ed-home-search .cdx-text-input { flex:1 1 20rem; min-width:0; }
html body .mw-parser-output .elite-home-v2 .ed-home-search input[name="search"] { width:100%!important; min-width:0; padding:.8rem 1rem; background:#111820!important; color:#fff!important; border:1px solid #97a4b2!important; border-radius:3px; font-size:1rem; }
html body .mw-parser-output .elite-home-v2 .mw-heading { border:0!important; padding:0; }
@media(max-width:600px) { html body .mw-parser-output .elite-home-v2 .ed-home-search .cdx-text-input { flex:0 1 auto; width:100%; } }

/* Main Page revision: concise directory and recognisable navigation buttons. */
html body .mw-parser-output .elite-home-v2 .ed-home-hero { padding:1.6rem 2rem; }
html body .mw-parser-output .elite-home-v2 .ed-home-hero h1 { font-size:clamp(1.8rem,3vw,2.5rem); }
html body .mw-parser-output .elite-home-v2 .ed-home-search input[name="search"], html body .mw-parser-output .elite-home-v2 .ed-home-search input[type="submit"] { box-sizing:border-box!important; height:2.75rem!important; min-height:2.75rem!important; max-height:2.75rem!important; padding:.6rem .9rem!important; line-height:1.2!important; margin:0!important; }
html body .mw-parser-output .elite-home-v2 .ed-quick { margin-top:1rem; gap:.55rem; }
html body .mw-parser-output .elite-home-v2 .ed-quick a, html body .mw-parser-output .elite-home-v2 .ed-bottom-links a { display:inline-flex; align-items:center; justify-content:center; min-height:2.5rem; padding:.45rem .85rem; border:1px solid #ffb16b!important; border-radius:3px; background:#ff9d42!important; color:#17120e!important; text-decoration:none; font-weight:600; }
html body .mw-parser-output .elite-home-v2 .ed-topic-links a { display:inline-flex; align-items:center; padding:.35rem .65rem; min-height:2.25rem; border:1px solid var(--ed-line); border-radius:3px; background:var(--ed-panel)!important; text-decoration:none; }
html body .mw-parser-output .elite-home-v2 .ed-topic-links a:hover { border-color:var(--ed-accent); text-decoration:underline; }
html body .mw-parser-output .elite-home-v2 .ed-topic h3 { margin:0 0 .6rem; }
html body .mw-parser-output .elite-home-v2 .ed-topic-links { margin:0; }
html body .mw-parser-output .elite-home-v2 .ed-feature-copy>p:not(.ed-kicker) { min-height:3.1em; }
@media(max-width:600px) { html body .mw-parser-output .elite-home-v2 .ed-home-hero { padding:1.25rem; } html body .mw-parser-output .elite-home-v2 .ed-feature-copy>p:not(.ed-kicker) { min-height:0; } }
/* Reader improvements: restrained controls, local subject images and compact facts. */
html body .mw-parser-output .elite-home-v2 .ed-home-intro {color:#e0e5eb!important;line-height:1.6;background:transparent!important;}
html body .mw-parser-output .elite-home-v2 .ed-home-stats {display:flex;flex-wrap:wrap;gap:.35rem .65rem;margin-top:1.2rem;font-size:.85rem;color:#b8c4d1!important;}
html body .mw-parser-output .elite-home-v2 .ed-home-stats a {color:#d9e2ed!important;text-decoration:underline;text-underline-offset:3px;}
html body .mw-parser-output .elite-home-v2 .ed-topic-heading {display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;}
html body .mw-parser-output .elite-home-v2 .ed-topic-heading h3 {margin:0;font-size:1.25rem;}
html body .mw-parser-output .elite-home-v2 .ed-topic-image {display:flex;align-items:center;justify-content:center;width:64px;height:54px;flex:0 0 64px;overflow:hidden;}
html body .mw-parser-output .elite-home-v2 .ed-topic-image img {max-width:64px;max-height:54px;width:auto;height:auto;object-fit:contain;}
html body .mw-parser-output .elite-home-v2 .ed-bottom-links a {background:var(--ed-panel)!important;color:var(--ed-text)!important;border-color:var(--ed-line)!important;font-weight:500;}
html body .mw-parser-output .elite-home-v2 .ed-bottom-links a:hover {border-color:var(--ed-accent)!important;text-decoration:underline;}
html body .mw-parser-output .elite-home-v2 .ed-new-players {padding:1rem 0;border-bottom:1px solid var(--ed-line);}
html body .mw-parser-output .elite-home-v2 .ed-new-players h2 {margin:0;font-size:1.2rem;border:0;}
html body .mw-parser-output .elite-home-v2 .ed-new-players .ed-bottom-links {margin-top:.65rem;}
html body .mw-parser-output .elite-home-v2 .ed-feature-facts {display:grid;grid-template-columns:auto 1fr;gap:.3rem .8rem;margin:1rem 0 0;font-size:.85rem;line-height:1.4;}
html body .mw-parser-output .elite-home-v2 .ed-feature-facts dt {font-weight:500;opacity:.75;}
html body .mw-parser-output .elite-home-v2 .ed-feature-facts dd {margin:0;}
html body .mw-parser-output .elite-home-v2 .ed-feature-footer {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-top:1rem;}
html body .mw-parser-output .elite-home-v2 .ed-feature-footer .ed-read {margin:0;}
html body .mw-parser-output .elite-home-v2 .ed-image-credit {font-size:.75rem;}
html body .mw-parser-output .elite-home-v2 .ed-bottom-grid>div {border-left:0;border-top:1px solid var(--ed-line);}
html body .mw-parser-output .elite-home-v2 .ed-stats-note {font-size:.85rem;margin-top:.75rem;}
body.page-Main_Page .ed-home-suggestions {z-index:110;background:var(--elite-panel,var(--elite-surface,#fff));color:var(--elite-text,var(--elite-ink,#202122));border:1px solid var(--elite-line,var(--elite-border,#a2a9b1));border-radius:3px;box-shadow:0 6px 16px #0004;}
body.page-Main_Page .ed-home-suggestions .suggestions-results {border:0;background:transparent;}
body.page-Main_Page .ed-home-suggestions .suggestions-result {padding:.65rem .9rem;color:var(--elite-text,var(--elite-ink,#202122));background:transparent;}
body.page-Main_Page .ed-home-suggestions .suggestions-result-current {background:var(--elite-accent-bg,#eaf3ff);}
body.page-Main_Page .ed-home-suggestions a {color:inherit;}
@media print { html body .mw-parser-output .elite-home-v2 .ed-home-intro,html body .mw-parser-output .elite-home-v2 .ed-home-stats a {color:#000!important;} }

/* END Elite Main Page */