.monster-type-page{display:grid;gap:18px}.monster-type-crumbs{display:flex;flex-wrap:wrap;gap:9px}.monster-type-crumbs a{display:inline-flex;align-items:center;min-height:36px;border:1px solid rgba(75,64,56,.9);border-radius:12px;padding:0 12px;background:#17110dbd;color:var(--story-gold-bright);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.monster-type-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,420px);gap:clamp(24px,4vw,54px);align-items:center;min-height:430px;padding:clamp(28px,5vw,64px);background:radial-gradient(circle at 82% 12%,rgba(165,92,71,.18),transparent 36%),linear-gradient(140deg,rgba(242,231,213,.045),transparent 42%),#110d0cdb}.monster-type-copy h1{margin:8px 0 0;font-family:var(--font-display);font-size:clamp(4.4rem,9vw,8.8rem);letter-spacing:-.075em;line-height:.86;text-shadow:0 8px 0 rgba(0,0,0,.56)}.monster-type-copy .lede{max-width:860px;margin-top:20px;color:var(--story-muted);font-size:clamp(1.05rem,1.45vw,1.32rem);line-height:1.5}.monster-type-portrait-stack{position:relative;min-height:330px}.monster-type-portrait-stack img{position:absolute;display:block;box-sizing:border-box;width:clamp(112px,13vw,172px);aspect-ratio:1 / 1;object-fit:contain;border:1px solid rgba(199,161,91,.38);border-radius:18px;padding:7px;background:radial-gradient(circle at 50% 34%,rgba(199,161,91,.16),transparent 60%),#080706e6;box-shadow:0 18px 38px #00000061;overflow:hidden;clip-path:inset(0 round 18px)}.monster-type-portrait-stack img:nth-child(1){top:76px;left:6px;z-index:5;width:clamp(150px,18vw,232px)}.monster-type-portrait-stack img:nth-child(2){top:10px;right:18px;z-index:4}.monster-type-portrait-stack img:nth-child(3){right:0;bottom:14px;z-index:3}.monster-type-portrait-stack img:nth-child(4){left:94px;bottom:0;z-index:2;opacity:.72}.monster-type-portrait-stack img:nth-child(5){left:148px;top:0;z-index:1;opacity:.58}.monster-type-metrics{display:grid;gap:14px}.monster-type-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.monster-type-metrics div{min-height:96px;border:1px solid rgba(75,64,56,.86);border-radius:15px;padding:14px;background:linear-gradient(180deg,rgba(242,231,213,.04),transparent 58%),#0c0a09ad}.monster-type-metrics span,.section-heading-row>span,.section-heading-row>output{display:block;color:var(--story-subtle);font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.monster-type-metrics strong{display:block;margin-top:8px;color:var(--story-text);font-family:var(--font-display);font-size:clamp(1.55rem,2.4vw,2.15rem);line-height:.95}.monster-type-panel{padding:clamp(18px,2.8vw,30px)}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.section-heading-row h2,.monster-type-panel h2{margin-top:8px;font-size:clamp(2.1rem,3.5vw,3.5rem);line-height:.95}.monster-family-list{display:grid;gap:10px}.family-filter-bar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(190px,auto) minmax(160px,.4fr);gap:12px;align-items:end;margin-bottom:8px}.family-filter-bar label,.family-select{position:relative;display:grid;gap:8px;color:var(--story-gold-bright);font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.family-filter-bar input[type=search]{width:100%;min-height:44px;border:1px solid rgba(107,88,71,.86);border-radius:14px;padding:0 14px;background:linear-gradient(180deg,rgba(242,231,213,.045),transparent 48%),#080706d1;color:var(--story-text);font:800 .9rem var(--font-body);letter-spacing:0}.family-select{isolation:isolate}.family-select.is-open{z-index:50}.native-spell-select{position:absolute;inset:auto 0 0;width:100%;height:1px;opacity:0;pointer-events:none}.family-select .spell-select-button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;border:1px solid rgba(107,88,71,.86);border-radius:14px;padding:0 42px 0 14px;background:linear-gradient(180deg,rgba(242,231,213,.045),transparent 48%),#080706d1;color:var(--story-text);cursor:pointer;font:800 .9rem var(--font-body);letter-spacing:0;text-align:left}.family-select .spell-select-button:after{position:absolute;right:15px;top:50%;width:9px;height:9px;border-right:2px solid rgba(246,193,99,.9);border-bottom:2px solid rgba(246,193,99,.9);pointer-events:none;transform:translateY(-70%) rotate(45deg);content:""}.family-select.is-open .spell-select-button:after{transform:translateY(-25%) rotate(225deg)}.family-select .spell-select-menu{position:absolute;z-index:60;top:calc(100% + 8px);right:0;left:0;display:none;max-height:min(260px,52vh);border:1px solid rgba(199,161,91,.52);border-radius:14px;padding:6px;background:linear-gradient(180deg,#1e1612fa,#090706fa),#090706fa;box-shadow:0 20px 44px #00000080;overflow:auto}.family-select.is-open .spell-select-menu{display:grid;gap:4px}.family-select .spell-select-option{width:100%;border:0;border-radius:10px;padding:9px 10px;background:transparent;color:var(--story-muted);cursor:pointer;font:900 .76rem var(--font-body);letter-spacing:.08em;text-align:left;text-transform:uppercase}.family-select .spell-select-option:hover,.family-select .spell-select-option:focus-visible,.family-select .spell-select-option.is-selected{background:#c7a15b24;color:var(--story-text);outline:0}.family-filter-bar input[type=search]:hover,.family-select .spell-select-button:hover,.family-select.is-open .spell-select-button{border-color:#c7a15bb8;background-color:#120d0ae6}.family-filter-bar input[type=search]:focus-visible,.family-select .spell-select-button:focus-visible{border-color:var(--story-gold-bright);box-shadow:0 0 0 3px #c7a15b2e,inset 0 1px #f2e7d514,0 12px 28px #00000042;outline:0}.family-filter-toggle{grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:44px;border:1px solid rgba(107,88,71,.86);border-radius:12px;padding:0 12px;background:#080706ad;color:var(--story-muted);letter-spacing:.08em}.family-filter-toggle input{width:18px;height:18px;accent-color:var(--story-gold-bright)}.family-primary:hover,.family-primary:focus-visible,.family-variant-pills a:hover,.family-variant-pills a:focus-visible{border-color:#c7a15bdb;background:#251a14d6;outline:0;transform:translateY(-2px)}.family-primary img{display:block;box-sizing:border-box;width:76px;aspect-ratio:1 / 1;object-fit:contain;border:1px solid rgba(199,161,91,.32);border-radius:13px;padding:4px;background:#080706e6;overflow:hidden;clip-path:inset(0 round 13px)}.family-primary strong{display:block;color:var(--story-text);font-family:var(--font-display);font-size:clamp(1.35rem,2vw,1.85rem);line-height:.98}.family-primary small,.family-variant-pills small{display:block;margin-top:4px;color:var(--story-muted);font-weight:900}.monster-family-row{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:14px;align-items:center;border-top:1px solid rgba(75,64,56,.72);padding:14px 0}.monster-family-row[hidden]{display:none}.family-empty-state{margin:14px 0 0;border:1px solid rgba(75,64,56,.86);border-radius:14px;padding:18px;background:#0c0a09ad;color:var(--story-muted);font-weight:900;text-align:center}.family-primary{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;border:1px solid transparent;border-radius:14px;padding:8px;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.family-primary em{display:-webkit-box;margin-top:8px;overflow:hidden;color:var(--story-muted);font-style:normal;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:2}.family-variant-pills{display:flex;flex-wrap:wrap;gap:8px}.family-variant-pills a{display:inline-flex;align-items:center;gap:8px;min-height:36px;border:1px solid rgba(75,64,56,.86);border-radius:999px;padding:0 11px;background:#080706a8;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.family-variant-pills span{color:var(--story-text);font-size:.8rem;font-weight:900}.family-variant-pills small{margin:0;color:var(--story-subtle);font-size:.68rem;text-transform:uppercase}@media(max-width:960px){.monster-type-hero,.monster-family-row,.family-filter-bar{grid-template-columns:1fr}.monster-type-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.monster-type-portrait-stack{display:none}}@media(max-width:640px){.monster-type-metrics,.family-primary{grid-template-columns:1fr}.family-variant-pills{gap:6px}.family-variant-pills a{flex:1 1 100%;min-width:0;max-width:100%;border-radius:10px;padding:7px 9px;white-space:normal}.family-variant-pills span,.family-variant-pills small{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.18}}