:root { --wiki-rail: 58px; --wiki-link: #63bce9; --wiki-border: #4b4d52; }
[data-md-color-scheme="slate"] { --md-default-bg-color: #20242a; --md-default-fg-color: #e3e4e6; --md-default-fg-color--light: #b3b9c1; --md-default-fg-color--lighter: #8a929d; --md-primary-fg-color: #191e25; --md-accent-fg-color: #75d8ce; --md-typeset-a-color: var(--wiki-link); --md-code-bg-color: #20242a; --md-code-fg-color: #d9e5ee; }
body { background: #131b24; }
.md-header { margin-left: var(--wiki-rail); box-shadow: none; border-bottom: 1px solid #38414b; }
.md-header__topic { font-size: .82rem; letter-spacing: .02em; }
.md-container { margin-left: var(--wiki-rail); }
.md-grid { max-width: 1580px; }
.wiki-global-rail { position: fixed; z-index: 12; inset: 0 auto 0 0; width: var(--wiki-rail); display: flex; flex-direction: column; align-items: center; background: #0b2830; border-right: 1px solid #3f6267; }
.wiki-global-rail a { width: 42px; height: 46px; display: grid; place-items: center; color: #bddee0; font-size: 1.5rem; border-radius: 8px; margin: 6px 0; }
.wiki-global-rail a:hover { background: #1c4248; color: #fff; }
.wiki-global-rail .rail-brand { margin: 8px 0 24px; display: block; padding: 7px 4px; font-size: 1.25rem; font-weight: 800; color: #f2e5bb; letter-spacing: -.15em; }
.rail-brand span { color: #71dfca; }
.rail-caption { margin-top: auto; padding-bottom: 22px; font-size: .5rem; letter-spacing: .15em; color: #9fbfc1; }
.wiki-masthead { background: radial-gradient(ellipse at 76% -35%, #33666c 0, transparent 55%), linear-gradient(130deg, #162631dd, #111721bb), url(space.svg) center/cover; border-bottom: 1px solid #45525c; }
.masthead-inner { max-width: 1500px; margin: 0 auto; padding: 24px 34px 26px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.wiki-wordmark { color: #f6f4e7; display: flex; flex-direction: column; text-decoration: none; }
.wordmark-kicker { font-size: .48rem; font-weight: 650; letter-spacing: .24em; color: #a3ccd0; margin-bottom: 7px; }
.wordmark-name { font-size: 2.05rem; font-weight: 850; letter-spacing: .12em; line-height: 1; }
.wordmark-name b { color: #edcf7c; }
.masthead-caption { font-size: .48rem; letter-spacing: .16em; color: #a9bac9; margin-bottom: 4px; }
.wiki-top-nav { display: flex; flex-wrap: wrap; max-width: 1500px; margin: auto; gap: 5px 28px; padding: 12px 34px; border-top: 1px solid #6f939a33; background: #101a2380; }
.wiki-top-nav a { color: #d4e5ed; font-size: .68rem; font-weight: 650; }
.wiki-top-nav a:hover { color: #7eddd2; }
.md-main { background: #1c232a; }
.md-main__inner { margin-top: 0; min-height: 76vh; }
.md-sidebar--primary { width: 11.5rem; background: #20262d; padding-top: 1.3rem; }
.md-sidebar--secondary { padding-top: 1.3rem; }
.md-content { background: #2b2d32; padding: 1.25rem 1.45rem 2rem; margin: 0; border-left: 1px solid #41454b; border-right: 1px solid #41454b; }
.md-content__inner { margin: 0; }
.md-typeset { font-size: .76rem; line-height: 1.65; }
.md-typeset h1 { color: #f1f0ef; font-size: 2em; font-weight: 750; letter-spacing: -.015em; border-bottom: 1px solid #5c5d61; padding-bottom: .45rem; margin-bottom: .75rem; }
.md-typeset h2 { color: #f0eded; font-size: 1.4em; font-weight: 700; border-bottom: 1px solid #4d5056; padding-bottom: .25rem; }
.md-typeset h3 { font-weight: 700; }
.md-typeset a { color: var(--wiki-link); }
.md-typeset a:hover { color: #a4dbff; text-decoration: underline; }
.md-nav { font-size: .64rem; }
.md-nav__title { color: #cfdee5; background: transparent; box-shadow: none; }
.md-nav__item--section > .md-nav__link { color: #9fb9c2; text-transform: uppercase; font-size: .54rem; letter-spacing: .06em; }
.md-typeset .grid.cards > ul > li { background: #32363c; border: 1px solid #51575e; border-radius: 3px; }
.md-typeset .wiki-counts { color: #c4d3da; font-size: .75rem; }
.md-typeset table:not([class]) { font-size: .7rem; border-color: #5c5e62; background: #33353a; width: 100%; }
.md-typeset table:not([class]) th { background: #242629; color: #ededed; }
.md-typeset table:not([class]) tr:nth-child(even) { background: #383a40; }
.md-typeset code { overflow-wrap: anywhere; }
.md-typeset .admonition { border-radius: 3px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid #74d9cf; outline-offset: 3px; }
.md-main__inner:has(.wiki-catalog) .md-sidebar--secondary { display: none; }
.md-main__inner:has(.wiki-catalog) .md-content { flex: 1; }
.wiki-catalog { margin: 1.3rem 0 2rem; clear: both; }
.catalog-controls { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; padding: 16px; background: #25272c; border: 1px solid #484c53; border-radius: 3px 3px 0 0; }
.catalog-controls label { display: flex; flex-direction: column; gap: 5px; font-size: .58rem; color: #b6c3cc; font-weight: 650; }
.catalog-controls .catalog-search { flex: 1; min-width: 180px; }
.catalog-controls input, .catalog-controls select { min-height: 36px; border: 1px solid #5a626e; border-radius: 3px; background: #191e24; color: #e8edf1; padding: 7px 10px; font-size: .68rem; }
.catalog-reset { border: 1px solid #56616b; background: #303840; color: #c7dce4; padding: 9px 13px; border-radius: 3px; font-size: .64rem; cursor: pointer; }
.catalog-meta { display: flex; justify-content: space-between; gap: 12px; padding: 10px 2px; font-size: .55rem; color: #aebbc5; }
.catalog-scroll { width: 100%; overflow-x: auto; }
.md-typeset .fandom-table { border-collapse: collapse; width: 100%; background: #343538; color: #e4e4e5; font-size: .72rem; }
.fandom-table thead th { background: #232426; font-weight: 750; text-align: center; padding: 14px 18px; border-bottom: 1px solid #646568; }
.fandom-table thead th:first-child { width: 190px; }
.fandom-table thead th:last-child { width: 155px; }
.fandom-table thead button { width: 100%; cursor: pointer; font-weight: inherit; color: inherit; font-size: inherit; text-align: inherit; }
.fandom-table thead button span { float: right; font-size: .65rem; color: #aeb3ba; }
.fandom-table tbody th, .fandom-table tbody td { border-bottom: 1px solid #737477; padding: 18px 20px; vertical-align: middle; font-weight: 400; }
.fandom-table tbody tr:nth-child(even) { background: #38393d; }
.fandom-table tbody tr:hover { background: #414348; }
.fandom-table tbody th { text-align: center; }
.catalog-item { display: flex; flex-direction: column; gap: 7px; align-items: center; font-size: .75rem; line-height: 1.5; font-weight: 550; }
.item-art { width: 72px; height: 72px; display: grid; place-items: center; filter: drop-shadow(1px 3px 3px #0008); }
.item-art img { object-fit: contain; width: 64px; height: 64px; }
.item-art.uncommon img { filter: sepia(.3) saturate(2) hue-rotate(65deg); }
.item-art.rare img { filter: sepia(.4) saturate(2.2) hue-rotate(155deg); }
.item-art.legendary img { filter: sepia(.7) saturate(2.1) hue-rotate(350deg); }
.rarity-label { display: inline-block; margin-top: 6px; font-size: .48rem; color: #b9c2ca; text-transform: uppercase; letter-spacing: .075em; }
.rarity-label.uncommon { color: #b8de8b; } .rarity-label.rare { color: #92cef1; } .rarity-label.legendary { color: #ecc86b; }
.catalog-effect { line-height: 1.8; }
.effect-number { color: #e5c558; font-weight: 650; }
.effect-defense { color: #b0d981; font-weight: 600; }
.catalog-stack { text-align: center; }
.catalog-stack strong { font-size: .69rem; color: #e6e4e1; font-weight: 600; }
.catalog-stack small { display: block; font-size: .53rem; color: #b0b2ba; line-height: 1.6; margin-top: 5px; }
.catalog-empty { border: 1px dashed #67737b; padding: 20px; text-align: center; }
.wiki-infobox { float: right; width: 250px; margin: 0 0 24px 28px; border: 1px solid #69828a; background: #242a30; font-size: .64rem; }
.infobox-title { padding: 12px; background: #25444a; font-size: .83rem; color: #e9f1ec; font-weight: 700; text-align: center; }
.infobox-art { padding: 20px; display: flex; justify-content: center; background: radial-gradient(ellipse,#39525b44,transparent 75%); }
.wiki-infobox dl { display: grid; grid-template-columns: 42% 58%; margin: 0; }
.wiki-infobox dt, .wiki-infobox dd { padding: 8px 10px; margin: 0; border-top: 1px solid #485158; overflow-wrap: anywhere; }
.wiki-infobox dt { color: #c5d6df; font-weight: 600; background: #30383e; }
.infobox-note { border-top: 1px solid #53636c; padding: 10px; color: #aabec6; font-size: .51rem; text-align: center; }
.entity-article::after { content: ""; display: block; clear: both; }
.md-footer { border-top: 1px solid #46515a; }
@media (max-width: 1220px) { .md-sidebar--primary { width: 10rem; } .md-content { padding: 1rem; } .wiki-infobox { width: 220px; margin-left: 18px; } }
@media (max-width: 960px) { :root { --wiki-rail: 0px; } .wiki-global-rail { display: none; } .masthead-inner { padding: 22px 22px 24px; } .masthead-caption { display: none; } .wiki-top-nav { padding: 12px 22px; gap: 12px 22px; } .md-content { border: 0; } .md-sidebar--primary { background: #20262d; } }
@media (max-width: 600px) {
 .wordmark-name { font-size: 1.6rem; } .wordmark-kicker { font-size: .43rem; }
 .wiki-top-nav { gap: 10px 20px; } .wiki-top-nav a { font-size: .6rem; }
 .md-content { padding: 1rem .8rem; } .md-typeset { font-size: .72rem; } .md-typeset h1 { font-size: 1.7em; }
 .catalog-controls { padding: 12px; gap: 10px; } .catalog-controls .catalog-search { flex-basis: 100%; }
 .catalog-controls label:not(.catalog-search) { flex: 1; min-width: 100px; }
 .catalog-meta span { display: none; } .fandom-table thead { display: none; }
 .fandom-table tbody tr { display: grid; grid-template-columns: 105px minmax(0,1fr); border: 1px solid #62656a; border-bottom: 0; }
 .fandom-table tbody tr:last-child { border-bottom: 1px solid #62656a; }
 .fandom-table tbody th { grid-row: 1 / 3; padding: 14px 8px; border-right: 1px solid #53575e; border-bottom: 0; }
 .fandom-table tbody td { padding: 13px 13px; border: 0; font-size: .67rem; }
 .fandom-table tbody td.catalog-stack { padding-top: 0; text-align: left; }
 .catalog-stack::before { content: "Scaling / resource: "; color: #b8c2c9; font-size: .54rem; }
 .catalog-stack small { font-size: .5rem; } .catalog-item { font-size: .63rem; }
 .item-art { width: 60px; height: 60px; } .item-art img { width: 54px; height: 54px; }
 .wiki-infobox { float: none; width: 100%; max-width: 340px; margin: 0 auto 24px; } .infobox-art { padding: 12px; }
}
[hidden] { display: none !important; }
/* Local AI explanations: readable static diagrams and deliberately started motion. */
.ai-diagram { overflow-x: auto; margin: 1.4em 0; border: 1px solid #42516a; border-radius: .5rem; }
.ai-diagram img { display: block; width: 100%; min-width: 680px; margin: 0; }
.ai-diagram p { margin: 0; }
.ai-diagram:focus-visible { outline: 3px solid #e7b86a; outline-offset: 3px; }
.ai-explainer { border: 1px solid #42516a; border-radius: .5rem; padding: 1rem; margin: 1.4em 0; background: #152131; }
.ai-explainer button { padding: .4rem 1rem; border: 1px solid #75dbe8; border-radius: .3rem; color: #e8f2ff; cursor: pointer; font: inherit; }
.ai-explainer button:focus-visible { outline: 3px solid #e7b86a; outline-offset: 3px; }
.ai-explainer [hidden] { display: none !important; }
.md-typeset ol.ai-sequence { display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem; padding-left: 0 !important; list-style-position: inside; }
.ai-sequence li { padding: .6rem; margin: 0 !important; border: 2px solid #53637a; border-radius: .3rem; }
.ai-sequence [data-active="true"] { border-color: #e7b86a; background: #3c3021; }
.ai-sequence [data-complete="true"] { border-color: #8dd9ad; }
.ai-arrival-row { display: grid; grid-template-columns: 7em 1fr; gap: .7rem; align-items: center; margin: .5rem 0; }
.ai-arrival-row [data-member] { border-left: 5px solid #53637a; padding: .35rem .6rem; }
.ai-arrival-row [data-state="arriving"] { border-color: #e7b86a; background: #3c3021; }
.ai-arrival-row [data-state="ready"] { border-color: #8dd9ad; background: #1d382d; }
@media (max-width: 650px) { .md-typeset ol.ai-sequence { grid-template-columns: 1fr 1fr; } .ai-arrival-row { grid-template-columns: 1fr; gap: .15rem; } }
@media (prefers-reduced-motion: reduce) { .ai-explainer *, .ai-diagram * { animation: none !important; transition: none !important; } }