@charset "UTF-8";
/* Dense monster tables retain every game field at normal browser zoom. */
html{scroll-padding-top:12px}
.site-header{height:64px}
.site-header .brand-exo{font-size:2rem}
.site-header .brand-studios{font-size:.6rem;margin-top:7px}
.site-header nav{gap:20px;font-size:.75rem}
.md-main.container{--md-ink:#124769;--md-line:#91b4cc;--md-blue:#356d94;--md-light:#e9f3fc;--md-label:#d4eaf9;--max:1440px;width:min(calc(100% - 48px),1440px);padding-bottom:32px}
.md-main input,.md-main select{font:inherit}
.md-main .breadcrumbs{padding:10px 0;font-size:11px;gap:9px;line-height:1.5;flex-wrap:wrap}
.md-hero{padding:8px 0 14px;display:flex;justify-content:space-between;gap:24px;align-items:center}
.md-hero .eyebrow{font-size:10px;line-height:1.4}
.md-hero h1{font:400 clamp(1.8rem,3vw,2.6rem)/1.08 Georgia,serif;letter-spacing:-.04em;margin:5px 0 7px}
.md-hero h1 span{color:var(--accent)}
.md-hero p{font-size:12px;line-height:1.5}
.md-totals{display:flex;flex-direction:column;text-align:right;flex-shrink:0}
.md-totals strong{font-size:2rem;font-weight:450;line-height:1.1}
.md-totals span{color:var(--muted);font-size:11px}
.md-totals small{margin-top:4px;color:var(--muted);font-size:10px}
.md-database-links{display:flex;gap:20px;font-size:11px;padding:7px 0;border-block:1px solid var(--line);margin-bottom:12px;line-height:1.5;flex-wrap:wrap}
.md-database-links a:hover{color:var(--accent)}
.md-controls{display:grid;grid-template-columns:minmax(150px,1.6fr) repeat(2,minmax(80px,.7fr)) minmax(130px,1fr) minmax(120px,1fr) auto;gap:8px;align-items:end;margin-bottom:14px}
.md-controls label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:3px;line-height:1.4}
.md-controls input,.md-controls select{background:var(--panel);border:1px solid #626262;color:var(--text);padding:5px 8px;width:100%;min-width:0;height:32px;font-size:12px;border-radius:0}
.md-controls input:focus-visible,.md-controls select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.md-controls button{background:transparent;border:1px solid var(--line);height:32px;padding:4px 8px;font-size:11px;white-space:nowrap}
.md-workspace{display:grid;grid-template-columns:172px minmax(0,1fr);gap:14px;align-items:start}
.md-sidebar{min-width:0;border:1px solid var(--line);background:var(--panel);position:sticky;top:12px;max-height:calc(100dvh - 24px);overflow:auto;scrollbar-width:thin}
.md-list-heading{padding:7px 9px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:1;line-height:1.4}
.md-list-heading h2{font-size:12px;letter-spacing:0}
.md-list-heading span{font-size:10px;color:var(--muted)}
.md-list>a{display:flex;align-items:center;gap:7px;padding:6px 7px;border-bottom:1px solid var(--line);min-height:43px}
.md-list>a:last-child{border:0}
.md-list>a:hover{background:#252525}
.md-list>a[aria-current]{background:#283e50;box-shadow:inset 3px 0 #80bcdf}
.md-list img{width:25px;height:28px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}
.md-list>a>span:nth-child(2){min-width:0;flex:1}
.md-list strong{display:block;font-size:11px;line-height:1.25;font-weight:550;overflow-wrap:anywhere}
.md-list small{display:block;font-size:10px;color:#c1c9ce;margin-top:2px;line-height:1.3}
.md-list-id{font-size:9px;color:#b9c3ca}
.md-sidebar>p{padding:12px;font-size:12px;line-height:1.5}
.md-reader{min-width:0}
.md-reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
.md-reader-toolbar>span{font-size:11px;color:var(--muted);line-height:1.4}
.md-reader-toolbar>div{display:flex;gap:6px}
.md-reader-toolbar button{border:1px solid #555;background:transparent;padding:4px 8px;min-height:30px;font-size:11px;line-height:1.4}
.md-reader-toolbar button:hover{background:#292929}
.md-detail{background:var(--md-light);border:1px solid var(--md-line);color:var(--md-ink);line-height:1.4;margin-bottom:16px;scroll-margin-top:12px;color-scheme:light}
.md-detail-title{background:var(--md-blue);color:#fff;padding:7px 10px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.md-detail-title h2{font:600 21px/1.1 Georgia,serif;letter-spacing:0;overflow-wrap:anywhere}
.md-detail-title>div>span{display:block;font-size:10px;letter-spacing:.025em;margin-top:3px;color:#e1eff9;line-height:1.3}
.md-permalink{font-size:11px;border:1px solid #ffffff70;padding:4px 7px;white-space:nowrap}
.md-overview{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.15fr) minmax(0,1.05fr) minmax(110px,.72fr)}
.md-overview>section{min-width:0}
.md-primary,.md-portrait,.md-locations{border-right:1px solid var(--md-line)}
.md-stats{margin:0;display:block;font-size:12px}
.md-stats>div{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);border-bottom:1px solid var(--md-line);min-height:22px}
.md-stats dt{background:var(--md-label);font-weight:650;padding:3px 6px;border-right:1px solid var(--md-line);display:flex;align-items:center;line-height:1.25;overflow-wrap:anywhere}
.md-stats dd{margin:0;text-align:right;padding:3px 6px;display:flex;align-items:center;justify-content:flex-end;line-height:1.25;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.md-portrait figure{height:90px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4px 8px;border-bottom:1px solid var(--md-line);background:radial-gradient(ellipse at center,#fff 0,#f3f9ff 40%,var(--md-light) 74%)}
.md-portrait picture{display:block}
.md-portrait figure img{width:66px;height:66px;object-fit:contain;image-rendering:pixelated}
.md-portrait figcaption{font-size:10px;margin-top:2px;line-height:1.3}
.md-attributes{display:grid;grid-template-columns:1fr 1fr}
.md-attributes>div{grid-template-columns:1fr 1fr}
.md-attributes>div:nth-child(odd){border-right:1px solid var(--md-line)}
.md-attribute-note{padding:5px 6px;font-size:10px;color:#425d70;line-height:1.4}
.md-detail h3{background:var(--md-blue);color:#fff;font-family:Georgia,serif;font-weight:550;font-size:14px;padding:2px 7px;line-height:1.2;text-align:center}
.md-detail h3 span{font-family:Arial,Tahoma,sans-serif;font-size:10px;color:#e3f1fb;display:inline-block;margin-left:5px}
.md-spawns,.md-modes{margin:0;padding:8px;list-style:none;font-size:12px;line-height:1.4}
.md-spawns li+li{margin-top:8px}
.md-spawns a{display:block;font-weight:650;overflow-wrap:anywhere}
.md-spawns a:hover,.md-drops a:hover strong{text-decoration:underline;text-underline-offset:3px}
.md-spawns a span{font-size:10px}
.md-spawns li>span{display:block;font-size:11px;color:#415c70;margin:1px 0;overflow-wrap:anywhere}
.md-spawns small{display:block;font-size:11px;color:#415c70;line-height:1.4}
.md-modes li+li{margin-top:7px}
.md-modes strong{display:block}
.md-modes li>span{display:block;font-size:11px;color:#415c70;margin-top:2px}
.md-elements{margin:0}
.md-elements>div{display:grid;grid-template-columns:minmax(0,1fr) auto;border-bottom:1px solid var(--md-line);min-height:22px;font-size:12px}
.md-elements dt{background:var(--md-label);padding:3px 6px;font-weight:650;border-right:1px solid var(--md-line);line-height:1.25;overflow-wrap:anywhere}
.md-elements dd{padding:3px 6px;margin:0;text-align:right;min-width:43px;font-variant-numeric:tabular-nums;line-height:1.25}
.md-vulnerable{color:#236833;font-weight:650}
.md-resistant{color:#b33131;font-weight:650}
.md-absorb{color:#743180;font-weight:650}
.md-element-note{font-size:10px;padding:7px 8px;color:#415c70;line-height:1.45}
.md-drops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;list-style:none;padding:9px 10px;gap:10px 12px}
.md-drops a{display:flex;gap:7px;align-items:start;line-height:1.35}
.md-drops img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated;flex-shrink:0;margin-top:1px}
.md-drops strong{font-size:12px;font-weight:500}
.md-drops small{display:block;font-size:11px;font-weight:650;color:#425d70;margin-top:1px}
.md-missing-icon{width:22px;height:22px;display:grid;place-items:center;flex-shrink:0}
.md-section-empty{padding:5px 10px;color:#415c70;font-size:12px;line-height:1.4}
.md-traits{padding:0 10px 8px;font-size:12px}
.md-traits ul{padding-left:16px;margin:4px 0 0}
.md-empty{border:1px solid var(--line);padding:32px 20px;text-align:center}
.md-empty h2{font-size:1.25rem;margin-bottom:8px}
.md-notes{display:grid;grid-template-columns:172px minmax(0,1fr);gap:14px;margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.md-notes h2{font-size:13px;letter-spacing:0}
.md-notes p{font-size:12px;line-height:1.6;max-width:1100px}
.md-notes p+p{margin-top:6px}
.md-main button:disabled{opacity:.45;cursor:default}

@media(max-width:1100px){
 .md-main.container{width:calc(100% - 32px)}
 .md-workspace{grid-template-columns:minmax(0,1fr);gap:10px}
 .md-sidebar{position:static;max-height:none;overflow:visible}
 .md-list-heading{position:static;padding:5px 8px}
 .md-list{display:grid;grid-auto-flow:column;grid-auto-columns:152px;grid-template-rows:1fr;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
 .md-list>a{border-right:1px solid var(--line);border-bottom:0;min-height:43px}
 .md-list>a:last-child{border-right:0}
 .md-controls{gap:7px;margin-bottom:12px}
 .md-notes{grid-template-columns:1fr;gap:7px}
}
@media(min-width:720px) and (max-width:850px){
 .md-overview{grid-template-columns:minmax(0,1.08fr) minmax(0,1.17fr) minmax(0,1fr) minmax(110px,.72fr)}
 .md-stats dt,.md-stats dd{padding-inline:4px}
 .md-controls{grid-template-columns:minmax(140px,1.3fr) minmax(76px,.7fr) minmax(80px,.7fr) minmax(115px,1fr) minmax(110px,1fr) auto}
 .md-spawns,.md-modes{padding:7px}
}
@media(max-width:719px){
 .md-main.container{width:calc(100% - 24px)}
 .md-hero{padding:6px 0 11px;gap:15px}
 .md-hero h1{font-size:1.8rem;margin:4px 0 6px}
 .md-hero p{font-size:12px}
 .md-hero .eyebrow{font-size:9px}
 .md-totals strong{font-size:1.8rem}
 .md-totals span,.md-totals small{font-size:10px}
 .md-database-links{gap:14px;padding:6px 0;margin-bottom:10px}
 .md-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
 .md-search{grid-column:1/-1}
 .md-controls input,.md-controls select{height:44px;font-size:16px;padding:7px 9px}
 .md-controls button{height:44px;font-size:12px;padding:7px 10px;grid-column:1/-1;width:max-content}
 .md-list{grid-auto-columns:154px}
 .md-list>a{min-height:48px;padding:7px 8px}
 .md-list img{width:28px;height:30px}
 .md-list strong{font-size:12px}
 .md-list small{font-size:10px}
 .md-reader-toolbar{gap:8px;flex-wrap:wrap;margin-bottom:8px}
 .md-reader-toolbar>div{gap:7px}
 .md-reader-toolbar button{min-height:44px;font-size:11px;padding:7px 9px}
 .md-detail-title{padding:8px;gap:8px}
 .md-detail-title h2{font-size:20px}
 .md-detail-title>div>span{font-size:10px}
 .md-permalink{min-height:36px;display:flex;align-items:center;padding:5px 7px}
 .md-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .md-portrait{border-right:0}
 .md-locations,.md-element-panel{border-top:1px solid var(--md-line)}
 .md-stats dt,.md-stats dd{padding:3px 4px}
 .md-portrait figure{height:105px}
 .md-portrait figure img{width:80px;height:80px}
 .md-spawns,.md-modes{padding:8px}
 .md-detail h3{font-size:14px;padding:4px 7px}
 .md-drops{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:10px}
 .md-drops img{width:25px;height:25px}
 .md-drops strong,.md-drops small{font-size:12px}
 .md-element-note,.md-attribute-note{font-size:10px}
 .md-notes{margin-top:15px;padding-top:12px}
}
@media(max-width:480px){
 .md-hero{align-items:start;gap:8px}
 .md-hero h1{font-size:1.7rem;max-width:230px}
 .md-hero .eyebrow{font-size:8px;letter-spacing:.08em}
 .md-totals{padding-top:15px;max-width:91px}
 .md-totals span{font-size:10px}
 .md-totals small{font-size:9px}
 .md-hero p{font-size:11px}
 .md-detail-title h2{font-size:19px}
 .md-reader-toolbar>span{width:100%}
 .md-stats{font-size:12px}
 .md-spawns a,.md-modes strong{font-size:12px}
}
@media(max-width:359px){
 .md-hero h1{font-size:1.5rem}
 .md-hero .eyebrow{max-width:190px;line-height:1.4}
 .md-totals{max-width:77px}
 .md-overview{grid-template-columns:1fr}
 .md-primary,.md-locations{border-right:0}
 .md-portrait{grid-row:1;border-bottom:1px solid var(--md-line)}
 .md-portrait>.md-stats:not(.md-attributes){display:grid;grid-template-columns:1fr 1fr}
 .md-portrait>.md-stats:not(.md-attributes)>div:nth-child(odd){border-right:1px solid var(--md-line)}
 .md-portrait>.md-stats:not(.md-attributes){font-size:11px}
 .md-attributes{grid-template-columns:repeat(3,minmax(0,1fr))}
 .md-attributes>div:not(:nth-child(3n)){border-right:1px solid var(--md-line)}
 .md-attributes>div:nth-child(3n){border-right:0}
 .md-elements{display:grid;grid-template-columns:1fr 1fr}
 .md-elements>div:nth-child(odd){border-right:1px solid var(--md-line)}
 .md-spawns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .md-spawns li+li{margin:0}
 .md-drops{grid-template-columns:1fr}
}
