/* Generated by npm run sync. Originals are decorative; text-safe variants meet AA on every shell surface. */
:root {
  --surface-deepslate: #101216;
  --surface-stone: #1A1D23;
  --surface-raised: #252933;
  --surface-tooltip: #100010;
  --ui-border: #8A909E;
  --brand-primary: #FFB302;
  --brand-primary-text-safe: #FFB302;
  --brand-secondary: #33C4FF;
  --brand-secondary-text-safe: #33C4FF;
  --brand-accent: #B14DFF;
  --brand-accent-text-safe: #BC67FF;
  --brand-base_bg: #0E0E12;
  --brand-base_bg-text-safe: #8F8F90;
  --brand-frame: #2A2A33;
  --brand-frame-text-safe: #8F8F94;
  --brand-text: #E6E6EA;
  --brand-text-text-safe: #E6E6EA;
  --brand-muted: #B8B8C6;
  --brand-muted-text-safe: #B8B8C6;
  --brand-warn: #FFD166;
  --brand-warn-text-safe: #FFD166;
  --brand-good: #4CE07B;
  --brand-good-text-safe: #4CE07B;
  --brand-bad: #FF4D5E;
  --brand-bad-text-safe: #FF4E5F;
  --rarity-common: #FFFFFF;
  --rarity-common-text-safe: #FFFFFF;
  --rarity-uncommon: #55FF55;
  --rarity-uncommon-text-safe: #55FF55;
  --rarity-rare: #5555FF;
  --rarity-rare-text-safe: #8181FF;
  --rarity-epic: #AA00AA;
  --rarity-epic-text-safe: #CD69CD;
  --rarity-legendary: #FFAA00;
  --rarity-legendary-text-safe: #FFAA00;
  --rarity-mythic: #FF55FF;
  --rarity-mythic-text-safe: #FF55FF;
  --tier-uncommon: #55FF55;
  --tier-uncommon-text-safe: #55FF55;
  --tier-rare: #5555FF;
  --tier-rare-text-safe: #8181FF;
  --tier-epic: #AA00AA;
  --tier-epic-text-safe: #CD69CD;
  --tier-legendary: #FFAA00;
  --tier-legendary-text-safe: #FFAA00;
  --tier-mythic: #FF55FF;
  --tier-mythic-text-safe: #FF55FF;
  --element-pyre-0: #FF5530;
  --element-pyre-0-text-safe: #FF5530;
  --element-pyre-1: #FFB347;
  --element-pyre-1-text-safe: #FFB347;
  --element-tide-0: #33C4FF;
  --element-tide-0-text-safe: #33C4FF;
  --element-tide-1: #B3F0FF;
  --element-tide-1-text-safe: #B3F0FF;
  --element-tempest-0: #7B6CFF;
  --element-tempest-0-text-safe: #8B7EFF;
  --element-tempest-1: #FFE94D;
  --element-tempest-1-text-safe: #FFE94D;
  --element-sol-0: #FFD43B;
  --element-sol-0-text-safe: #FFD43B;
  --element-sol-1: #FFF4C2;
  --element-sol-1-text-safe: #FFF4C2;
  --element-umbra-0: #9B59FF;
  --element-umbra-0-text-safe: #AA71FF;
  --element-umbra-1: #3A2A5C;
  --element-umbra-1-text-safe: #948BA6;
  --family-terravore: #8B7355;
  --family-terravore-text-safe: #A08C74;
  --family-duskdigger: #C2B280;
  --family-duskdigger-text-safe: #C2B280;
  --family-verdant: #3CB043;
  --family-verdant-text-safe: #3CB043;
  --family-timberkin: #8B5A2B;
  --family-timberkin-text-safe: #AC8967;
  --family-tidecaller: #1CA3EC;
  --family-tidecaller-text-safe: #1CA3EC;
  --family-bladewraith: #C0C0C0;
  --family-bladewraith-text-safe: #C0C0C0;
  --family-cleaver: #A0522D;
  --family-cleaver-text-safe: #BB8368;
  --family-ironfist: #FF4500;
  --family-ironfist-text-safe: #FF5313;
  --family-skypiercer: #E0FFFF;
  --family-skypiercer-text-safe: #E0FFFF;
  --family-boltwarden: #4682B4;
  --family-boltwarden-text-safe: #6194BF;
  --family-abyssal: #00688B;
  --family-abyssal-text-safe: #5299B0;
  --family-quakebringer: #3B3B6D;
  --family-quakebringer-text-safe: #8D8DAA;
  --family-lancer: #FFB6C1;
  --family-lancer-text-safe: #FFB6C1;
  --family-beastbond: #8B4513;
  --family-beastbond-text-safe: #B38665;
  --family-windstep: #F0F8FF;
  --family-windstep-text-safe: #F0F8FF;
  --family-forgeheart: #FF6347;
  --family-forgeheart-text-safe: #FF6347;
  --family-scrapper: #8B7D6B;
  --family-scrapper-text-safe: #9A8E7E;
  --family-emberkin: #FF4500;
  --family-emberkin-text-safe: #FF5313;
  --family-brewmancer: #9ACD32;
  --family-brewmancer-text-safe: #9ACD32;
  --mc-0: #000000;
  --mc-0-text-safe: #909090;
  --mc-1: #0000AA;
  --mc-1-text-safe: #8888D7;
  --mc-2: #00AA00;
  --mc-2-text-safe: #00AA00;
  --mc-3: #00AAAA;
  --mc-3-text-safe: #00AAAA;
  --mc-4: #AA0000;
  --mc-4-text-safe: #D17575;
  --mc-5: #AA00AA;
  --mc-5-text-safe: #CD69CD;
  --mc-6: #FFAA00;
  --mc-6-text-safe: #FFAA00;
  --mc-7: #AAAAAA;
  --mc-7-text-safe: #AAAAAA;
  --mc-8: #555555;
  --mc-8-text-safe: #909090;
  --mc-9: #5555FF;
  --mc-9-text-safe: #8181FF;
  --mc-a: #55FF55;
  --mc-a-text-safe: #55FF55;
  --mc-b: #55FFFF;
  --mc-b-text-safe: #55FFFF;
  --mc-c: #FF5555;
  --mc-c-text-safe: #FF5555;
  --mc-d: #FF55FF;
  --mc-d-text-safe: #FF55FF;
  --mc-e: #FFFF55;
  --mc-e-text-safe: #FFFF55;
  --mc-f: #FFFFFF;
  --mc-f-text-safe: #FFFFFF;
}
.rarity-common { --accent: var(--rarity-common); color: var(--rarity-common-text-safe); border-color: var(--accent); }
.rarity-uncommon { --accent: var(--rarity-uncommon); color: var(--rarity-uncommon-text-safe); border-color: var(--accent); }
.rarity-rare { --accent: var(--rarity-rare); color: var(--rarity-rare-text-safe); border-color: var(--accent); }
.rarity-epic { --accent: var(--rarity-epic); color: var(--rarity-epic-text-safe); border-color: var(--accent); }
.rarity-legendary { --accent: var(--rarity-legendary); color: var(--rarity-legendary-text-safe); border-color: var(--accent); }
.rarity-mythic { --accent: var(--rarity-mythic); color: var(--rarity-mythic-text-safe); border-color: var(--accent); }
.tier-uncommon { --accent: var(--tier-uncommon); color: var(--tier-uncommon-text-safe); border-color: var(--accent); }
.tier-rare { --accent: var(--tier-rare); color: var(--tier-rare-text-safe); border-color: var(--accent); }
.tier-epic { --accent: var(--tier-epic); color: var(--tier-epic-text-safe); border-color: var(--accent); }
.tier-legendary { --accent: var(--tier-legendary); color: var(--tier-legendary-text-safe); border-color: var(--accent); }
.tier-mythic { --accent: var(--tier-mythic); color: var(--tier-mythic-text-safe); border-color: var(--accent); }
.family-terravore { --accent: var(--family-terravore); color: var(--family-terravore-text-safe); border-color: var(--accent); }
.family-duskdigger { --accent: var(--family-duskdigger); color: var(--family-duskdigger-text-safe); border-color: var(--accent); }
.family-verdant { --accent: var(--family-verdant); color: var(--family-verdant-text-safe); border-color: var(--accent); }
.family-timberkin { --accent: var(--family-timberkin); color: var(--family-timberkin-text-safe); border-color: var(--accent); }
.family-tidecaller { --accent: var(--family-tidecaller); color: var(--family-tidecaller-text-safe); border-color: var(--accent); }
.family-bladewraith { --accent: var(--family-bladewraith); color: var(--family-bladewraith-text-safe); border-color: var(--accent); }
.family-cleaver { --accent: var(--family-cleaver); color: var(--family-cleaver-text-safe); border-color: var(--accent); }
.family-ironfist { --accent: var(--family-ironfist); color: var(--family-ironfist-text-safe); border-color: var(--accent); }
.family-skypiercer { --accent: var(--family-skypiercer); color: var(--family-skypiercer-text-safe); border-color: var(--accent); }
.family-boltwarden { --accent: var(--family-boltwarden); color: var(--family-boltwarden-text-safe); border-color: var(--accent); }
.family-abyssal { --accent: var(--family-abyssal); color: var(--family-abyssal-text-safe); border-color: var(--accent); }
.family-quakebringer { --accent: var(--family-quakebringer); color: var(--family-quakebringer-text-safe); border-color: var(--accent); }
.family-lancer { --accent: var(--family-lancer); color: var(--family-lancer-text-safe); border-color: var(--accent); }
.family-beastbond { --accent: var(--family-beastbond); color: var(--family-beastbond-text-safe); border-color: var(--accent); }
.family-windstep { --accent: var(--family-windstep); color: var(--family-windstep-text-safe); border-color: var(--accent); }
.family-forgeheart { --accent: var(--family-forgeheart); color: var(--family-forgeheart-text-safe); border-color: var(--accent); }
.family-scrapper { --accent: var(--family-scrapper); color: var(--family-scrapper-text-safe); border-color: var(--accent); }
.family-emberkin { --accent: var(--family-emberkin); color: var(--family-emberkin-text-safe); border-color: var(--accent); }
.family-brewmancer { --accent: var(--family-brewmancer); color: var(--family-brewmancer-text-safe); border-color: var(--accent); }

/* Static fallbacks first. No widget stylesheet depends on JavaScript. */
[hidden]{display:none!important}input,select,textarea{font:inherit;background:var(--surface-deepslate);color:var(--brand-text-text-safe);border:2px solid var(--ui-border);min-height:44px;max-width:100%;padding:.4rem .6rem}label{display:flex;flex-direction:column;gap:.3rem;min-width:0}input[type=checkbox]{width:44px;height:44px;flex:none}.check-label{flex-direction:row;align-items:center}.pending{color:var(--brand-muted-text-safe);border-left:3px solid var(--ui-border);padding:.4rem .7rem}.tooltip-host{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.tooltip-trigger{max-width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere}.item-chip .tooltip-trigger{border-color:var(--accent,var(--ui-border));justify-content:flex-start}.item-chip small{display:block;font:1rem/1.5 system-ui,sans-serif;color:var(--brand-muted-text-safe)}.icon-placeholder{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px dashed var(--ui-border);font:12px/1.2 system-ui,sans-serif;text-align:center}.tooltip-content{display:none;position:absolute;z-index:20;left:0;top:100%;width:min(30rem,calc(100vw - 3rem));max-height:65vh;overflow:auto;overflow-wrap:anywhere;white-space:normal}.tooltip-host:hover>.tooltip-content,.tooltip-host:focus-within>.tooltip-content,.tooltip-host[data-open=true]>.tooltip-content{display:block}.tooltip-host[data-enhanced=true][data-open=false]>.tooltip-content{display:none}.tooltip-section{display:block;padding:.5rem 0;border-top:1px solid var(--brand-frame)}.field-line{display:block}.item-card :is(h2,h3){margin:.3rem 0 1rem}.item-card dl{margin:0}.item-card dt{font-weight:600}.item-card dd{margin:0 0 .8rem}.item-card footer{padding:.7rem 0 0;margin-top:1rem}.card-pets header,.card-items header{border-bottom:3px solid var(--brand-primary)}.card-families header{border-bottom:3px double var(--ui-border)}.card-abilities header{border-bottom:3px dotted var(--ui-border)}.card-rarities header,.card-tiers header{border-bottom:4px double var(--brand-primary)}.card-raidBosses header{border-bottom:3px solid var(--brand-accent)}.recipe-frame{display:grid;grid-template-columns:minmax(0,1fr) 1.5rem minmax(0,1fr);gap:.4rem;align-items:center;min-height:145px}.exchange-slot{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;border:2px solid var(--ui-border);padding:.5rem}.recipe-stage{min-height:145px}.recipe-arrow{font-size:1.5rem}.recipe-alternates{margin-top:.5rem}.gui-grid{overflow-x:auto;max-width:100%;padding:6px}.gui-grid [role=row]{display:grid;grid-template-columns:repeat(9,minmax(44px,1fr));min-width:450px}.gui-grid button{min-width:44px;min-height:70px;width:100%;height:100%;padding:.25rem;font:12px/1.3 system-ui,sans-serif;display:flex;flex-direction:column}.layout-placeholder,.media-placeholder{border:2px dashed var(--ui-border);padding:1rem;color:var(--brand-muted-text-safe)}.database-tools,.calculator-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem;align-items:end}.catalog-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem}.catalog-list>li{border:1px solid var(--ui-border);padding:.7rem;min-width:0}.compare-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.compare-board article{padding:.5rem;min-width:0}.compare-board button{width:100%;padding:.3rem;font-size:1rem}.habitat-board{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.7rem}.habitat-board details{border-left:3px solid var(--brand-primary);height:100%}.habitat-board p{padding:.5rem}.media{margin:1rem 0;aspect-ratio:auto!important}.media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;text-align:center;width:100%}.media img,.media video{width:100%;height:auto;display:block}.viewer-stage{height:280px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;border:2px dashed var(--ui-border)}.viewer-stage canvas{position:absolute;inset:0;width:100%;height:100%}.viewer-stage p{padding:1rem}.viewer [data-viewer-controls]{margin-top:.7rem;display:flex;flex-wrap:wrap;gap:.5rem}.command-snippet{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin:1rem 0}.command-snippet code{overflow-wrap:anywhere}dialog{width:min(38rem,calc(100vw - 2rem));max-height:80vh;overflow:auto;border:2px solid var(--brand-accent);background:var(--surface-tooltip);color:var(--brand-text-text-safe);padding:1rem}dialog::backdrop{background:var(--surface-deepslate);opacity:.85}dialog input{width:100%}dialog li{padding:.5rem 0}.lost-slot{border:4px double var(--brand-primary)}
@font-face{font-family:Pixelify;src:url('/fonts/pixelify-sans-latin-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
*{box-sizing:border-box}html{color-scheme:dark;scroll-padding-top:1rem}body{margin:0;background:var(--surface-deepslate);color:var(--brand-text-text-safe);font:1rem/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}h1,h2,h3,button,.button,summary,.ui-label{font-family:Pixelify,system-ui,sans-serif;font-weight:400}h1{font-size:clamp(2.5rem,7vw,4rem);line-height:1.1;margin:.4em 0}h2{font-size:1.8rem;line-height:1.3}h3{font-size:1.4rem}p{max-width:65ch}a{color:var(--brand-secondary-text-safe);text-underline-offset:.2em}a:hover{text-decoration-thickness:3px}a,button,summary{touch-action:manipulation}button,.button,summary,nav a,.toc a{min-height:44px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.1rem;background:var(--surface-raised);color:var(--brand-text-text-safe);border:2px solid var(--ui-border);box-shadow:inset 2px 2px 0 var(--brand-frame),inset -2px -2px 0 var(--surface-tooltip);font-size:1.15rem;text-decoration:none;cursor:pointer}button:hover,.button:hover{border-color:var(--brand-primary);background:var(--surface-stone)}button:disabled{cursor:not-allowed;color:var(--brand-muted-text-safe)}button[aria-pressed=true]{border-color:var(--brand-primary);color:var(--brand-primary-text-safe)}:focus-visible,.focus-sample{outline:3px solid var(--brand-primary);outline-offset:4px}img,canvas,.pixelated{image-rendering:pixelated;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:10;transform:translateY(-200%);background:var(--surface-raised);padding:.7rem 1rem;border:2px solid var(--ui-border)}.skip-link:focus{transform:none}.site-header{border-bottom:2px solid var(--brand-frame);background:var(--surface-stone);padding:1rem max(1rem,calc((100vw - 88rem)/2));display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap}.brand{font:1.5rem/1.3 Pixelify,system-ui,sans-serif;color:var(--brand-primary-text-safe);text-decoration:none;min-height:44px;display:flex;align-items:center}.site-header small{font:1rem/1.6 system-ui,sans-serif;color:var(--brand-muted-text-safe)}summary{padding:.5rem 1rem;border:1px solid var(--ui-border);cursor:pointer;font-size:1.15rem}nav a,.toc a{display:flex;align-items:center;padding:.45rem .7rem}nav ul,.toc ul{list-style:none;margin:0;padding:0}.shell{width:min(100%,88rem);margin:auto;padding:1.5rem 1rem 3rem;display:grid;gap:1.5rem;align-items:start;min-height:65vh}.sidebar{border-left:3px solid var(--brand-primary);padding-left:.5rem}.sidebar .ui-label,.toc .ui-label{color:var(--brand-muted-text-safe);font-size:1.1rem}.sidebar a[aria-current=page]{background:var(--surface-raised);color:var(--brand-primary-text-safe)}main{min-width:0;overflow-wrap:anywhere}main>section{margin-block:2rem}.toc{border-top:2px solid var(--brand-frame);padding-top:.75rem}footer{border-top:2px solid var(--brand-frame);padding:1.5rem max(1rem,calc((100vw - 88rem)/2));color:var(--brand-muted-text-safe)}footer p{margin:.4rem 0}footer .notice{font-size:1rem}.panel,.inventory-slot{background:var(--surface-stone);border:2px solid var(--brand-frame);box-shadow:inset 2px 2px 0 var(--surface-raised),inset -2px -2px 0 var(--surface-tooltip);padding:1.25rem}.inventory-slot{display:block;min-height:64px}.tooltip-shell{background:var(--surface-tooltip);border:2px solid var(--brand-accent);box-shadow:0 0 0 2px var(--surface-tooltip);padding:1rem;max-width:32rem}.accent-chip{display:inline-flex;align-items:center;border:2px solid var(--accent,var(--brand-frame));padding:.25rem .65rem;gap:.5rem;min-height:44px}.specimen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem}.token-swatch{width:2rem;height:2rem;background:var(--accent);border:1px solid var(--ui-border);flex:none}.token-row{display:flex;gap:.7rem;align-items:flex-start;min-width:0;padding:.6rem}.token-row code{font-size:.875rem;overflow-wrap:anywhere}.muted{color:var(--brand-muted-text-safe)}.narrow-preview{max-width:360px;border:2px solid var(--ui-border);padding:1rem}.narrow-preview>*{max-width:100%}.mc-text{white-space:pre-line;overflow-wrap:anywhere}.mc-bold{font-weight:700}.mc-italic{font-style:italic}.mc-underline{text-decoration-line:underline}.mc-strikethrough{text-decoration-line:line-through}.mc-underline.mc-strikethrough{text-decoration-line:underline line-through}.mc-obfuscated{text-shadow:1px 0 currentColor}
@media(min-width:768px){.shell{grid-template-columns:11rem minmax(0,1fr)}.toc{grid-column:2}.site-header details{min-width:12rem}}
@media(min-width:1150px){.shell{grid-template-columns:11rem minmax(0,1fr) 12rem}.toc{grid-column:auto;border-top:0;border-left:2px solid var(--brand-frame);padding:.5rem 0 .5rem 1rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){body{color:var(--mc-f)}.panel,.inventory-slot,.tooltip-shell,.sidebar,.toc,.site-header,footer{border-color:var(--ui-border)}a{color:var(--brand-secondary-text-safe);text-decoration-thickness:2px}}
@media(forced-colors:active){body,.panel,.inventory-slot,.tooltip-shell,button,.button,summary{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}a{color:LinkText}.mc-text .mc-run,.mc-text .mc-run span{color:CanvasText!important;text-shadow:none}.accent-chip{color:CanvasText;border-color:CanvasText}.token-swatch{forced-color-adjust:none}.skip-link{background:Canvas}:focus-visible,.focus-sample{outline-color:Highlight}}
/* Reserve enhancement space before hydration; maintain stable layouts. */
.site-header [data-palette]{width:210px;min-height:50px}.site-header [data-palette-open]{width:100%;height:50px}[data-enhancement][hidden],[data-viewer-controls][hidden]{display:block!important;visibility:hidden}.database-tools[data-enhancement][hidden]{display:grid!important}.viewer [data-viewer-controls][hidden]{display:flex!important}.tooltip-content{max-width:100%}.compare-board{min-height:26rem;grid-template-columns:repeat(3,minmax(180px,1fr));overflow-x:auto}.compare-board>[data-compare-empty]{grid-column:1/-1;padding:1rem}
.recipe-arrow{position:relative;width:1.3rem;height:0;border-top:3px solid var(--brand-text-text-safe)}.recipe-arrow::after{content:'';position:absolute;right:0;top:-.42rem;width:.65rem;height:.65rem;border-top:3px solid var(--brand-text-text-safe);border-right:3px solid var(--brand-text-text-safe);transform:rotate(45deg)}
/* Links in prose stay inline. Standalone controls keep their own touch targets. */
.item-card dd .mc-text{display:block}.item-card dd .mc-run{box-decoration-break:clone}

.icon-slot{display:inline-block;flex:none;width:44px;height:44px;background:var(--accent,var(--surface-raised));border:2px solid var(--ui-border);opacity:.7}.pet-name{display:inline-flex;gap:.65rem;align-items:center;max-width:100%}.pet-name small{display:block;font:1rem/1.5 system-ui,sans-serif}.pet-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem}.family-panel{border-left:3px solid var(--accent);padding-left:1rem}.media-grid,.media-set-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem}.media-grid>div,.media-set-grid>div{min-width:0}.lightbox-media img{display:block;width:100%;height:auto}.lightbox-controls{display:flex;flex-wrap:wrap;gap:.5rem}.lightbox-media figure{margin:0}.media-gallery dialog{width:min(70rem,calc(100vw - 2rem))}

[data-lightbox-open][hidden]{display:inline-flex!important;visibility:hidden}

.family-panel dd .mc-text{display:block}.family-panel dd{margin:0 0 1rem}.family-panel dt{font-weight:600}
[data-address-status]{min-height:1.6em;margin-bottom:0}[data-server-address]{user-select:all}
@media(max-width:767px){.sidebar{display:none}}
.table-scroll{max-width:100%;overflow-x:auto}
.menu-controls :is(th,td):first-child{white-space:nowrap;overflow-wrap:normal;min-width:3ch}

dialog a{display:flex;align-items:center;min-height:44px}dialog select{width:100%}
.gui-decoration{display:block;min-height:70px;height:100%;background:var(--surface-deepslate);border:1px solid var(--brand-frame)}.gui-grid button{overflow-wrap:anywhere}.quick-facts ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.6rem 1.5rem;padding-left:1.2rem}.quick-facts li{padding:.2rem 0}

footer a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}

/* Wiki articles: shared alignment, typography and information hierarchy. */
body {
  font-size: 1rem;
  line-height: 1.65;
}
h1, h2, h3, button, .button, summary, .ui-label {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
h1 {
  margin: .2rem 0 1.2rem;
  padding-bottom: .65rem;
  border-bottom: 1px solid var(--ui-border);
  font: 600 clamp(1.8rem, 3.5vw, 2.35rem)/1.22 Georgia, 'Times New Roman', serif;
  overflow-wrap: normal;
}
h2 {
  margin: 1.65rem 0 .75rem;
  padding-bottom: .4rem;
  border-bottom: 1px solid var(--brand-frame);
  font-size: 1.3rem;
  font-weight: 650;
  line-height: 1.35;
}
h3 { margin: 1.15rem 0 .55rem; font-size: 1.05rem; font-weight: 650; }
p { max-width: 74ch; margin: .65rem 0 1rem; }
main li { padding-block: .2rem; }
main :is(ul, ol) { padding-left: 1.5rem; }
main a { display: inline; min-width: 0; min-height: 0; padding: 0; }
main :is(button, .button, summary, input, select) { min-height: 44px; }
button, .button, summary {
  box-shadow: none;
  border-width: 1px;
  font-size: .95rem;
  line-height: 1.4;
}
button, .button { padding: .6rem .9rem; font-weight: 600; }
code { font-size: .9em; overflow-wrap: anywhere; }
.site-header {
  gap: .75rem 1.5rem;
  padding: 1rem max(1.25rem, calc((100vw - 94rem) / 2));
  border-bottom-width: 1px;
}
.wiki-identity { display: flex; align-items: center; gap: 1.2rem; min-width: 0; }
.brand { font-size: 1.4rem; }
.site-header small { padding-left: 1.2rem; border-left: 1px solid var(--ui-border); font-size: .95rem; }
.site-header [data-palette] { width: min(23rem, 44vw); min-height: 44px; }
.site-header [data-palette-open] { height: 44px; text-align: left; justify-content: flex-start; }
.site-header > details { width: 100%; min-width: 0; }
.site-header > details > summary { font-size: .9rem; }
.site-header details nav { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: 1rem; padding-block: .75rem; }
.site-header details nav h2 { font-size: .95rem; }
.shell {
  width: min(100%, 94rem);
  padding: 1.5rem 1.25rem 2.5rem;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.25rem;
}
.shell > main {
  container: wiki-article / inline-size;
  display: flow-root;
  padding: 1.5rem 1.75rem 2rem;
  background: var(--surface-stone);
  border: 1px solid var(--brand-frame);
  overflow-wrap: break-word;
}
.article-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin-bottom: .9rem; font-size: .8rem; color: var(--brand-muted-text-safe); }
.article-breadcrumb a { display: inline-flex; align-items: center; min-height: 24px; padding: 0; }
main > section { margin-block: 1.5rem; }
.sidebar { display: none; border: 0; padding: 0; background: var(--surface-deepslate); }
.sidebar .ui-label, .toc .ui-label { font-size: .85rem; font-weight: 700; }
.sidebar section { margin-top: 1.15rem; }
.sidebar h2 { margin: 0 0 .25rem; padding: 0 0 .4rem; font-size: .83rem; color: var(--brand-muted-text-safe); }
.sidebar a, .toc a { min-height: 32px; padding: .35rem .5rem; font-size: .84rem; line-height: 1.4; }
.sidebar a[aria-current="page"] { border-left: 2px solid var(--brand-primary); }
.toc { grid-column: auto; border: 0; padding: .75rem 0 0; background: var(--surface-deepslate); }
.toc ul { margin-top: .5rem; }
.toc a { padding-left: 0; }
.quick-facts.panel { padding: 0; border: 1px solid var(--ui-border); box-shadow: none; background: var(--surface-deepslate); }
.quick-facts h2 { margin: 0; padding: .65rem .9rem; background: var(--surface-raised); border-bottom: 1px solid var(--ui-border); font-size: 1rem; }
.quick-facts ul { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin: 0; padding: 0; list-style: none; }
.quick-facts li { padding: .85rem 1rem; border: 0; border-top: 1px solid var(--brand-frame); font-size: .9rem; line-height: 1.5; }
.article-lead { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; margin-block: 1.5rem; }
.article-lead > section { margin: 0; min-width: 0; }
.article-lead .article-section > h2:first-child { margin-top: 0; }
.article-lead .article-section > p { max-width: none; }
.article-lead .article-section > p:last-child { margin-bottom: 0; }
.guide-captures { margin-block: 1.5rem 2rem; }
.guide-captures > .media-gallery > h2 { margin-top: 0; }
.capture-note { margin: .75rem 0; color: var(--brand-muted-text-safe); font-size: .85rem; }
.capture-extras { margin-top: 1rem; }
.guide-captures .media-grid .media-stage { display: grid; place-items: center; height: 16rem; aspect-ratio: auto !important; }
.guide-captures .media-grid .media-stage > img { width: auto; height: auto; max-height: 16rem; }
.table-scroll { clear: both; max-width: 100%; margin: .9rem 0 1.4rem; overflow-x: auto; scrollbar-gutter: stable; background: var(--surface-stone); }
main table { width: 100%; border-collapse: collapse; border: 1px solid var(--ui-border); font-size: .94rem; font-variant-numeric: tabular-nums; }
main :is(th, td) { padding: .65rem .85rem; border: 1px solid var(--brand-frame); text-align: left; vertical-align: top; line-height: 1.5; overflow-wrap: break-word; }
main thead th { background: var(--surface-raised); border-bottom: 1px solid var(--ui-border); font-weight: 650; }
main tbody th { background: var(--surface-deepslate); font-weight: 500; }
main tbody tr:nth-child(even) :is(td, th[scope="row"]) { background: var(--surface-raised); }
.reference-pair th:first-child { width: 38%; }
.reference-table :is(th, td) p { margin: 0 0 .5rem; }
.reference-table :is(th, td) p:last-child { margin-bottom: 0; }
.commands-reference th:first-child { width: 29%; }
.commands-reference tr:not(.table-group) > td:last-child { width: 26%; }
.commands-reference .table-group td { padding-block: .7rem; background: var(--surface-raised); color: var(--brand-primary-text-safe); font-weight: 700; }
.command-aliases { font-size: .85rem; color: var(--brand-muted-text-safe); }
.faq-entry { border-bottom: 1px solid var(--brand-frame); }
.faq-entry summary { padding: .75rem 0; border: 0; font-weight: 600; }
.faq-entry p { margin: .1rem 0 1rem; }
.related-section { clear: both; }
.related-section ul { columns: 2 14rem; }
.related-section li { break-inside: avoid; }
.item-card { box-shadow: none; padding: 1rem; }
.item-card dl > div { display: grid; grid-template-columns: minmax(8rem, .8fr) minmax(0, 1.2fr); gap: .75rem; padding: .6rem 0; border-bottom: 1px solid var(--brand-frame); }
.item-card dl > div:last-child { border-bottom: 0; }
.item-card dt { font-size: .9rem; }
.item-card dd { margin: 0; }
.family-panel { padding-left: 0; border-left: 0; }
.family-panel .item-card dd { margin: 0; }
.family-panel > section dl > div { padding: .65rem 0; border-bottom: 1px solid var(--brand-frame); }
.family-directory { display: grid; gap: 1.75rem; margin-top: 1.75rem; }
.family-directory > section { margin: 0; min-width: 0; scroll-margin-top: 1.5rem; }
.family-directory h2 { margin: 0 0 .75rem; }
.family-panel .pet-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; margin: 0; padding: 0; }
.family-panel .pet-list > li { display: flex; min-width: 0; padding: 0; }
.family-panel .pet-name { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: center; gap: .75rem; width: 100%; min-height: 6rem; padding: .75rem; border: 1px solid var(--brand-frame); background: var(--surface-deepslate); text-decoration: none; }
.family-panel .pet-name > span:last-child { min-width: 0; }
.family-panel .pet-name .mc-text { display: block; overflow-wrap: anywhere; line-height: 1.45; }
.family-panel .pet-name small { margin-top: .25rem; color: var(--brand-muted-text-safe); font-size: .85rem; }
.family-panel .pet-name:hover { border-color: var(--ui-border); }
.family-panel .pet-name:hover > span:last-child > .mc-text { text-decoration: underline; text-underline-offset: .2em; }
@container wiki-article (min-width: 32rem) {
  .quick-facts ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container wiki-article (min-width: 42rem) {
  .quick-facts ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .family-panel .pet-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.database-tools, .calculator-fields { align-items: end; }
.catalog-list { gap: .75rem; }
.catalog-list > li { padding: .9rem; }
.compare-board { min-height: 7rem; }
.panel { box-shadow: none; }
.gui-grid [role="row"] { grid-template-columns: repeat(9, minmax(64px, 1fr)); min-width: 612px; }
.gui-grid { background: var(--surface-stone); }
.gui-grid button { min-height: 68px; padding: .3rem; font: 12px/1.35 system-ui, sans-serif; align-items: stretch; text-align: center; }
.gui-grid button span { display: block; min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.gui-decoration { min-height: 68px; }
.home-intro > .narrative p { max-width: none; }
.catalog-counts { margin-bottom: 1.3rem; font-size: .9rem; }
.topic-directory { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--brand-frame); border-left: 1px solid var(--brand-frame); }
.topic-entry { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: start; gap: .8rem; padding: 1rem; border-right: 1px solid var(--brand-frame); border-bottom: 1px solid var(--brand-frame); }
.topic-entry > .head-icon { transform: scale(.75); transform-origin: top left; }
.topic-entry h3 { margin: 0 0 .4rem; }
.topic-entry ul { margin: 0; padding: 0; list-style: none; }
.topic-entry a { display: block; min-height: 32px; padding: .25rem 0; font-size: .9rem; }
.home-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(14rem, .75fr); gap: 1.75rem; margin-top: .5rem; }
.home-reference > ul { padding-left: 1.2rem; }
.home-reference #join-server { margin-top: 1.5rem; padding: .9rem; border-width: 1px; }
.home-reference #join-server h2 { margin-top: 0; font-size: 1rem; }
.home-reference .command-snippet { margin: .5rem 0 0; }
.home-reference [data-address-status]:empty { min-height: 0; margin: 0; }
.site-footer { padding: 1.5rem 1.25rem; border-top-width: 1px; }
.footer-inner { max-width: 91.5rem; margin: auto; }
.footer-details { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1.5rem; font-size: .9rem; }
.footer-details p { margin: 0; }
.footer-details > .button { order: 4; margin-left: auto; }
.site-footer .notice { max-width: none; margin-top: .8rem; font-size: .8rem; line-height: 1.5; }
@media (min-width: 1050px) {
  .shell { grid-template-columns: 11.5rem minmax(0, 1fr); }
  .sidebar { display: block; position: sticky; top: 1rem; max-height: calc(100dvh - 2rem); overflow-y: auto; scrollbar-gutter: stable; }
  .site-header > details { display: none; }
  .toc { grid-column: 2; }
}
@media (min-width: 1280px) {
  .shell { grid-template-columns: 11.5rem minmax(0, 1fr) 10rem; }
  .toc { grid-column: 3; position: sticky; top: 1rem; max-height: calc(100dvh - 2rem); overflow-y: auto; scrollbar-gutter: stable; }
}
@media (min-width: 1480px) { .topic-directory { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .site-header { padding: .75rem 1rem; gap: .65rem; }
  .wiki-identity { display: block; }
  .site-header small { display: block; padding: 0; border: 0; font-size: .75rem; }
  .brand { min-height: 28px; font-size: 1.15rem; }
  .shell { padding: 1rem .75rem 1.5rem; gap: 1rem; }
  .shell > main { padding: 1rem; }
  h1 { font-size: 1.8rem; }
  h2 { font-size: 1.2rem; }
  main :is(th, td) { padding: .6rem .7rem; min-width: 8rem; font-size: .9rem; }
  .reference-pair th:first-child { width: 44%; }
  .commands-reference { min-width: 38rem; }
  .topic-directory { grid-template-columns: minmax(0, 1fr); }
  .topic-entry a { min-height: 44px; }
  .home-columns { grid-template-columns: minmax(0, 1fr); gap: .25rem; }
  .item-card dl > div { grid-template-columns: minmax(6rem, .8fr) minmax(0, 1.2fr); }
  .footer-details { display: block; }
  .footer-details > .button { margin: .75rem 0; }
}
@media (forced-colors: active) {
  /* Explicit system text colors also keep inherited labels readable. */
  * { color: CanvasText !important; }
  a, a * { color: LinkText !important; }
  button, button *, .button, .button * { color: ButtonText !important; }
  button:disabled { color: GrayText !important; }
  .shell > main, .quick-facts.panel, main :is(th, td), .quick-facts h2, .topic-entry { background: Canvas; color: CanvasText; border-color: CanvasText; }
  .article-breadcrumb, .command-aliases { color: CanvasText; }
}

/* Native screenshots retain their pixels; semantic item regions sit above them. */
.media-stage{position:relative}
.picture-hotspots{position:absolute;inset:0;pointer-events:none}
.picture-hotspot{position:absolute;pointer-events:auto}
.picture-hotspot>button{display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;cursor:help}
.picture-hotspot>button:hover,.picture-hotspot>button:focus-visible{outline:2px solid var(--brand-primary-text-safe);outline-offset:-2px;box-shadow:inset 0 0 0 2px #0008}
[data-item-tooltip-content]{display:none}
[data-floating-item-tooltip]{display:block;position:fixed;z-index:2147483647;box-sizing:border-box;width:max-content;max-width:min(34rem,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:.7rem .85rem;border:2px solid #7852b8;background:#100b19;color:var(--brand-text-text-safe);box-shadow:0 3px 14px #000b;font:1rem/1.5 system-ui,sans-serif;text-align:left;overflow-wrap:anywhere;pointer-events:auto}
.item-tooltip-name,.item-tooltip-line,.item-tooltip-note{display:block}
.picture-tooltip-hint{display:block;font:.85rem/1.5 system-ui,sans-serif;color:var(--brand-muted-text-safe);margin-top:.5rem}
.item-tooltip-name{font-weight:700;margin-bottom:.35rem}
.item-tooltip-line{min-height:1.2em}
.item-tooltip-note{font:.8rem/1.4 system-ui,sans-serif;color:var(--brand-muted-text-safe);border-top:1px solid var(--ui-border);padding-top:.5rem;margin-top:.5rem}
[data-floating-item-tooltip] .mc-text{white-space:normal}
.item-picture{display:inline-flex;position:relative;vertical-align:middle}
.item-picture:focus-visible{outline:2px solid var(--brand-primary-text-safe);outline-offset:3px}
@media(forced-colors:active){[data-floating-item-tooltip]{background:Canvas;color:CanvasText;border-color:CanvasText}.picture-hotspot>button:focus-visible{outline:2px solid Highlight}}