:root { color-scheme:dark; --bg:#08080b; --panel:#111116; --line:#35343e; --fg:#e8e5e1; --muted:#aaa6b3; --accent:#c4a0ed; }
html,body { background:var(--bg); }
body { color:var(--fg); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:15px; line-height:1.65; }
main:has(.guide-heading) { max-width:1440px; padding:38px 32px; }
h1 { color:#f2ede7; font-family:Georgia,serif; font-size:48px; letter-spacing:-.03em; }
.intro,.description,.care-grid p { color:#c1bcc7; }
.guide-heading { padding-bottom:26px; border-bottom:1px solid var(--line); }
.guide-totals strong,.detail-top h2,.care-guide h2,.stat b { color:#f2ede7; }
.detail-top h2 { font-size:36px; }
.detail-section h3 { color:#e8e5e1; font-size:18px; }
.guide-totals { gap:24px; }
.small,.pet-row span,.ability-table .skill-notes { color:var(--muted); font-size:13px; }
.pet-row strong { color:var(--fg); font-size:15px; font-weight:500; }
.pet-row { padding:16px 18px; }
.pet-row[aria-pressed=true] { background:#251d30; box-shadow:inset 3px 0 var(--accent); }
.pet-row:hover { background:#1d1923; }
#results { scrollbar-color:#55505d var(--panel); }
#detail { padding:32px; }
.badge { border-color:#48424f; color:#c5bdce; background:transparent; font-size:12px; }
.stat-controls,.stat { background:var(--panel); }
.stat b { font-family:system-ui,sans-serif; font-size:25px; font-weight:600; }
.stat span { font-size:12px; }
.form-list [aria-current=true] { background:#251d30; border-color:var(--accent); }
.ability-table summary,code,.legacy-note summary { color:#d8c2ee; }
.ability-table .state { color:#a8ca8a; }
.ability-table tr.locked .state { color:#b6b0bf; }
.evolution-list li { background:#18131f; border-color:#ac86d5; }
.evolution-list button { color:#d8c2ee; }
.care-grid article { border-color:var(--line); }
.de-site-header { background:#0b0b0f; border-color:var(--line); }
.de-site-wordmark,.de-site-brand { color:#e8e5e1; }
.brand-dragon { color:#ee858d; } .brand-exodus { color:#c4a0ed; }
.de-site-menu-button { color:#ded8e5; border-color:#51495d; background:#15121b; }
.de-site-menu-panel { background:#111116; border-color:#51495d; }
.de-site-menu-panel a { color:#d0c9da; }
.de-site-menu-heading { color:#c4a0ed; }
.de-site-play { background:#9d3044; border-color:#cd5267; color:#fff; }
@media(max-width:760px) { main:has(.guide-heading) { padding:24px 16px; } h1 { font-size:38px; } #detail { padding:20px; } }

:root { --de-green:#c4a0ed; --de-green-lt:#c4a0ed; --bg-panel:#111116; --fg-dim:#aaa6b3; --bg-hover:#251d30; }
body { --launcher-green:#c4a0ed; --launcher-green-bright:#d8b5fa; --launcher-text:#e8e5e1; --launcher-dim:#aaa6b3; --launcher-line:#51465f; }
.layout.reference-page,.layout:has(.reference) { width:100%; max-width:1440px; padding:32px 24px; }
.layout:has(.reference) main { width:100%; padding:0; }
.recipe-row[aria-pressed=true],.component-row[aria-pressed=true],.bench-tabs [aria-selected=true] { background:#251d30; box-shadow:inset 3px 0 #c4a0ed; color:#e8e5e1; }
.component-group { background:#1b1621; color:#d8c2ee; }
.craft-badge,.component-recipe-group summary { color:#d8c2ee; }
input,select { border-color:#62586d; }
:focus-visible { outline:2px solid #c4a0ed; outline-offset:3px; }
.launcher-product-action { color:#ee858d; }
.launcher-product:hover,.launcher-product:focus-visible { border-color:#c4a0ed; }
@media(max-width:760px) { .layout.reference-page,.layout:has(.reference) { padding:22px 16px; } }

.reference-tabs { display:flex; flex-wrap:wrap; gap:20px; border-bottom:1px solid var(--line); padding:18px 0; margin-bottom:24px; }
.reference-tabs a { text-decoration:none; padding:8px 0; }
.reference-tabs a[aria-current=page] { border-bottom:2px solid var(--accent); color:var(--fg); }
.launcher-product { background:#111116; border-color:#35343e; }
.launcher-product:after { border-color:#35343e; }
.launcher-product:hover,.launcher-product:focus-visible { background:#1b1522; }
.launcher-product-description { color:#c1bcc7; font-family:system-ui,sans-serif; }
.launcher-product-action { color:#c4a0ed; }
@media(forced-colors:active) { .launcher-product,.launcher-product:hover,.launcher-product:focus-visible { border-color:CanvasText; background:Canvas; } .launcher-product-action,.launcher-product[href="playde.html"] .launcher-product-action { color:LinkText; background:Canvas; } }

.reference-page .reference { max-width:1200px; }
main:has(.guide-heading) { max-width:1240px; }
.guide-catalog { grid-template-columns:minmax(240px,290px) minmax(0,1fr); }
#detail > p,.care-grid p { max-width:68ch; }
.ability-table { width:auto; max-width:100%; }
.ability-table th,.ability-table td { padding-right:24px; }
.ability-table th:last-child,.ability-table td:last-child { padding-right:0; }
.catalog:not(.guide-catalog) { max-width:1240px; margin-inline:auto; }
.catalog:not(.guide-catalog) table { width:auto; max-width:100%; }
.catalog:not(.guide-catalog) th,.catalog:not(.guide-catalog) td { padding-right:24px; }
.catalog:not(.guide-catalog) th:last-child,.catalog:not(.guide-catalog) td:last-child { padding-right:0; }
@media(max-width:760px) { .guide-catalog { grid-template-columns:1fr; } }
.content > p,.content > section > p { max-width:68ch; }
.content > section[aria-labelledby="legend"] { max-width:68ch; margin-inline:auto; }