/* A readable field guide first; editing tools appear only on request. */
.workspace{--inspector-width:344px}
.inspector{padding:22px 20px;background:linear-gradient(160deg,#1b2028 0,#12171e 240px);scrollbar-gutter:stable}
.creature-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.creature-topline .eyebrow{font-size:9px;letter-spacing:1.8px}
.creature-topline .icon-button{width:30px;height:30px;min-height:30px;background:transparent}
.creature-hero{text-align:center;padding-bottom:20px;border-bottom:1px solid var(--line-soft)}
.creature-hero-portrait{display:grid;place-items:center;width:104px;height:104px;margin:0 auto 15px;border:1px solid #b0804e69;border-radius:28px;background:radial-gradient(ellipse at 50% 85%,#85603a59,transparent 70%),#242323;box-shadow:0 12px 30px #0004,inset 0 1px #f8cf9a13;color:#efac74;font-size:38px;overflow:hidden}
.creature-hero-portrait img{width:100%;height:100%;object-fit:contain;display:block}
.creature-hero h2{font-size:24px;letter-spacing:-.6px;line-height:1.15;margin:0 0 9px;text-wrap:balance}
.creature-meta{color:#b6becb;font-size:11px;line-height:1.6;margin:0}
.creature-vitals{display:grid;gap:7px;margin:20px 0 0;text-align:left}
.creature-vital{min-width:0}
.creature-vital-bar{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:7px 10px;overflow:hidden;border:1px solid #69736770;border-radius:6px;background:#090f12;box-shadow:0 2px 5px #0004,inset 0 0 0 2px #090d13}
.creature-vital-fill{position:absolute;z-index:-1;inset:2px;border-radius:3px;background:linear-gradient(180deg,#4eaf55 0,#27793a 46%,#1e6030 51%,#246f35 100%);box-shadow:inset 0 1px #d0ffb33d,inset 0 -1px #0004}
.creature-vital.mana .creature-vital-bar{border-color:#536d8870}.creature-vital.mana .creature-vital-fill{background:linear-gradient(180deg,#508fda 0,#2c62b0 46%,#234d8f 51%,#295ca5 100%);box-shadow:inset 0 1px #bfddff45,inset 0 -1px #0004}
.creature-vital-label{color:#edf4ec;font-size:11px;font-weight:600;text-shadow:0 1px 2px #000;flex:0 0 auto}
.creature-vital strong{min-width:0;color:#fff;font-size:13px;line-height:1.3;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000c}
.creature-vital.is-empty .creature-vital-fill{display:none}.creature-vital.is-empty .creature-vital-label,.creature-vital.is-empty strong{color:#9aa9bc}
.creature-vital.is-unknown .creature-vital-bar{border-color:#69738145}.creature-vital.is-unknown .creature-vital-fill{background:linear-gradient(180deg,#323b47,#252e39);box-shadow:inset 0 1px #ffffff0a}.creature-vital.is-unknown strong{font-size:11px;font-weight:500;color:#b2bdca}
.creature-vital-note{display:block;margin:4px 2px 0;font-size:9px;line-height:1.4;color:#8f9bad}
.creature-vitals-note{margin:1px 2px 0;font-size:9px;line-height:1.5;color:#8f9bad}
.guide-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.guide-section-heading h3{font-size:13px;margin:0}.guide-section-heading>span{font-size:10px;color:#9eacbf}
.guide-abilities{margin-top:24px}.guide-abilities ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.guide-ability{display:flex;gap:10px;align-items:flex-start;border:1px solid #ffffff08;border-radius:10px;padding:12px 10px;background:#ffffff03}
.guide-ability-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:2px;border:1px solid #a8864f80;border-radius:6px;background:linear-gradient(145deg,#352b1e,#11161d);box-shadow:inset 0 0 0 1px #090d12,0 2px 6px #0005;color:#d8b47a;flex:0 0 40px;font-size:20px;overflow:hidden}
.guide-ability-icon>span{grid-area:1/1}.guide-ability-icon img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:cover;border-radius:3px;background:#11161d}.guide-ability>div{min-width:0}
.guide-ability strong{font-size:12px;line-height:1.4;display:block;color:#e4e9f1}.guide-ability p{font-size:11px;color:#aab6c6;line-height:1.6;margin:6px 0}.guide-ability small{display:block;color:#8593a5;font-size:9px;margin-top:4px}
.guide-empty,.guide-loading,.guide-group p{font-size:12px;line-height:1.7;color:#aab6c6}
.guide-loading{padding:25px 0}.guide-group{padding:25px 0 10px}.guide-section-label{font-size:9px;letter-spacing:1px;color:#b7a38d}.guide-group h3{font-size:18px;line-height:1.4;margin:10px 0}
.guide-source{font-size:10px;line-height:1.7;color:#8c9bad;margin-top:14px}.guide-source summary{cursor:pointer;padding:6px 0}.guide-source p{margin:8px 0}
.guide-loot{margin-top:22px;padding-top:18px;border-top:1px solid var(--line-soft)}
.guide-loot>summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;color:#e7ddd0;min-height:28px}
.guide-loot>summary::-webkit-details-marker{display:none}.guide-loot>summary::before{content:'›';font-size:18px;color:#bda786;transition:transform .15s}
.guide-loot[open]>summary::before{transform:rotate(90deg)}.guide-loot h3{font-size:13px;margin:0}.guide-loot>summary>span{margin-left:auto;color:#97a2b2;font-size:10px;font-variant-numeric:tabular-nums}
.guide-loot-body{padding-top:12px}.guide-loot ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:5px}
.guide-loot-item{--loot-color:#d1d6de;display:flex;align-items:flex-start;gap:9px;padding:9px;border:1px solid #ffffff08;border-radius:9px;background:linear-gradient(100deg,#ffffff04,#ffffff01)}
.guide-loot-gem{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;color:var(--loot-color);font-size:19px;overflow:hidden;border:1px solid color-mix(in srgb,var(--loot-color) 45%,transparent);border-radius:5px;background:linear-gradient(145deg,#332d28,#11161d);box-shadow:inset 0 0 0 1px #090d12,0 2px 5px #0003}.guide-loot-gem>span{grid-area:1/1}.guide-loot-gem img{position:absolute;inset:1px;width:calc(100% - 2px);height:calc(100% - 2px);object-fit:cover;border-radius:3px;background:#11161d}.guide-loot-item>div{min-width:0}
.guide-loot-item a,.guide-loot-item strong{display:block;color:var(--loot-color);font-size:11px;font-weight:600;line-height:1.45;overflow-wrap:anywhere;text-decoration:none}.guide-loot-item a:hover{text-decoration:underline;text-underline-offset:3px}
.guide-loot-item small{display:block;margin-top:3px;color:#97a5b8;font-size:9px;line-height:1.6}.guide-loot-item.rarity-0{--loot-color:#a0a5ad}.guide-loot-item.rarity-1{--loot-color:#e4e8ee}.guide-loot-item.rarity-2{--loot-color:#65d87f}.guide-loot-item.rarity-3{--loot-color:#77b8ff}.guide-loot-item.rarity-4{--loot-color:#c698ff}.guide-loot-item.rarity-5{--loot-color:#ffb565}.guide-loot-item.rarity-6,.guide-loot-item.rarity-7{--loot-color:#dfc692}
.guide-loot-reference{display:inline-flex;gap:5px;align-items:center;margin-top:12px;color:#b7c4d5;font-size:10px;text-decoration:none}.guide-loot-reference:hover{color:#f0c394;text-decoration:underline;text-underline-offset:3px}
.guide-loot-source{font-size:9px;line-height:1.6;color:#aaa38f;margin:12px 0 0}.guide-loot-note{font-size:9px;line-height:1.65;color:#8290a2;margin:5px 0 0}
.guide-loot-metadata-source{display:block;color:#8290a2;margin-top:2px}
.guide-loot-search{display:block;margin-bottom:10px}.guide-loot-search>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.guide-loot-search input{width:100%;min-height:34px;border:1px solid #ffffff13;border-radius:8px;background:#0d121a;color:#d7e0ec;font-size:11px;padding:8px 10px}.guide-loot-search input:focus-visible{outline:2px solid #e6ac72;outline-offset:2px}
.guide-loot-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;font-size:9px;color:#91a0b4}.guide-loot-pagination>div{display:flex;gap:5px}.guide-loot-pagination button{min-width:28px;min-height:28px;padding:2px 8px;border:1px solid #ffffff15;border-radius:7px;background:#ffffff04;color:#c4cfdd;font-size:18px}.guide-loot-pagination button:disabled{opacity:.3;cursor:default}
.guide-loot a:focus-visible,.guide-loot summary:focus-visible,.guide-loot-pagination button:focus-visible{outline:2px solid #e6ac72;outline-offset:3px}
.creature-primary-actions{display:flex;flex-direction:column;gap:8px;margin:16px 0 0}
.workspace[data-workflow] #planSelection{display:flex;margin:0;justify-content:space-between;min-height:42px}
.creature-primary-actions .inspection-actions{margin:0;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.creature-primary-actions .inspection-actions button{font-size:10px;padding:9px 6px;min-height:36px;background:#ffffff03}
.workspace[data-workflow] .planning-details:not([hidden]){display:block}
.creature-planning-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 12px}.creature-planning-heading h3{font-size:14px;margin:0}.creature-planning-heading button{padding:5px 0;background:transparent;border:0;color:var(--accent);font-size:10px;min-height:30px}
.planning-details #groupSelection{width:100%;background:#ffffff04;font-size:11px}.planning-details .pull-assignment{margin-top:12px;padding-top:0;border-top:0}.planning-details .pull-assignment .field{margin-top:14px}
.creature-tactics{border-top:1px solid var(--line-soft);padding-top:14px;margin-top:18px}.creature-tactics summary{font-size:12px;color:#c8d1dd;cursor:pointer}.creature-tactics>p{font-size:10px;line-height:1.7;color:#96a4b6}.creature-facts{margin-top:22px!important;font-size:10px}.creature-facts summary{color:#8190a2;font-size:10px}
.creature-list-tools{margin:0 0 10px}.creature-list-tools button{font-size:10px;min-height:30px}.selection-help{font-size:10px!important;margin:0 0 14px!important}
.inspector-footer{padding-top:24px;font-size:9px}.inspector-footer details{font-size:9px}
@media(max-width:1360px){.workspace{--inspector-width:320px}.inspector{padding:20px 16px}.creature-hero h2{font-size:22px}}
@media(max-width:760px){.workspace .inspector{max-height:55dvh;padding:16px 20px}.creature-topline{margin-bottom:12px}.creature-hero{display:grid;grid-template-columns:72px 1fr;column-gap:14px;text-align:left;padding-bottom:16px;align-items:center}.creature-hero-portrait{width:72px;height:72px;border-radius:20px;margin:0;grid-row:1/3}.creature-hero h2{font-size:21px;margin:0}.creature-meta{align-self:start}.creature-vitals{margin:16px 0}.creature-primary-actions{margin-top:16px}}

@media(min-width:761px) and (max-height:800px){.creature-topline{margin-bottom:12px}.creature-hero-portrait{width:80px;height:80px;margin-bottom:10px;border-radius:24px}.creature-hero{padding-bottom:14px}.creature-hero h2{font-size:21px;margin-bottom:6px}.creature-vitals{margin-top:16px}.creature-primary-actions{margin-top:14px}.guide-abilities{margin-top:20px}}

button.guide-loot-gem{padding:0;min-height:34px}