.spoiler-banner { display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:22px clamp(18px,5vw,80px) 0;padding:14px 18px;border:1px solid #b68a4755;border-radius:8px;background:#d2a45c0c;color:var(--paper,#eee1c4);font:12px/1.6 Arial,sans-serif; }
.spoiler-banner p { margin:0;max-width:740px; }.spoiler-banner strong {color:#e3bc7e}.spoiler-banner button {padding:9px 13px;border:1px solid #ab854c;background:transparent;border-radius:4px;color:inherit;cursor:pointer;font:11px Arial,sans-serif;}
.spoiler-gate { display:block;border:1px solid #b68a4755;background:#d2a45c08;border-radius:8px;margin:18px 0;color:inherit;min-width:0; }
.spoiler-gate > summary {display:flex;align-items:center;gap:12px;flex-wrap:wrap;cursor:pointer;list-style:none;padding:19px 22px;line-height:1.5;}
.spoiler-gate > summary::-webkit-details-marker{display:none}.spoiler-gate > summary::before{content:'+';font:22px Georgia,serif;color:#d3ac6c;width:17px;flex-shrink:0}.spoiler-gate[open]>summary::before{content:'−'}
.spoiler-tag{font:9px Arial,sans-serif;letter-spacing:1.3px;text-transform:uppercase;border:1px solid #b68a4766;padding:4px 7px;color:#dcba83;border-radius:3px}.spoiler-gate>summary>strong{font:17px Georgia,serif}.spoiler-hint{font:10px/1.5 Arial,sans-serif;opacity:.75;margin-left:auto}.spoiler-content{padding:0 18px 20px;min-width:0}.spoiler-context{font:11px/1.7 Arial,sans-serif;opacity:.8;margin:0 0 18px}.spoiler-dialog-heading{font:28px Georgia,serif;padding:30px 25px 0}.spoiler-gate>summary:focus-visible,.spoiler-banner button:focus-visible{outline:3px solid #e3b96b;outline-offset:4px}.spoiler-gate:not([open]) > :not(summary){display:none!important}
.creature-card .spoiler-gate{width:100%;text-align:left;margin:0 0 18px}.creature-card .spoiler-gate>summary{padding:12px;gap:6px}.creature-card .spoiler-gate>summary>strong{font-size:13px}.creature-card .spoiler-hint{display:none}.creature-card .spoiler-content{padding:0 0 8px}.creature-card .spoiler-context{padding:0 12px}.creature-card .creature-card-visual{margin:0;width:100%}.creature-card{cursor:default}.creature-card .creature-open{border:1px solid #a2844b66;background:transparent;padding:10px 13px;cursor:pointer;color:inherit;text-align:left}.spoiler-content>.visual-plate{width:100%}.folklore-visual-comparison>.spoiler-gate{margin:0;align-self:start}.series-creature-lock{margin:0}.series-creature-lock>.spoiler-content{padding:0}.series-creature-lock .creature-card{border:0}
@media(max-width:620px){.spoiler-hint{flex-basis:100%;margin-left:29px}.spoiler-gate>summary{padding:16px}.spoiler-content{padding:0 12px 16px}.spoiler-banner{margin:15px 5% 0}.spoiler-banner button{width:100%}}