:root{--beast-fire:#d32f2f;--beast-water:#1e88e5;--beast-grass:#43a047;--beast-physical:#fbc02d}
.element-badge{display:inline-flex;align-items:center;gap:.35rem;border:1px solid color-mix(in srgb,var(--element-color) 70%,#fff 10%);background:color-mix(in srgb,var(--element-color) 22%,transparent);color:#fff;padding:.28rem .62rem;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.03em}
.beast-admin-main{display:flex;align-items:center;gap:1rem}.beast-admin-thumb{width:72px;height:72px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.15)}
.beast-image-editor{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:1.25rem;align-items:start}.beast-edit-preview{display:block;width:min(100%,280px);max-height:320px;object-fit:contain;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#111;margin:.5rem 0 1rem}
.completion-panel{padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;margin:1rem 0}.completion-checks{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.completion-checks span{padding:.25rem .5rem;border-radius:8px;font-size:.82rem}.completion-checks .done{background:rgba(55,180,90,.18)}.completion-checks .missing{background:rgba(220,160,40,.15)}
.beast-public-shell,.beast-detail-shell{max-width:1280px;margin:0 auto;padding:2rem 1rem 4rem}.beast-public-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;opacity:.72}.beast-filter{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0 1.5rem}.beast-filter button{cursor:pointer;border:1px solid rgba(255,255,255,.16);background:#171717;color:#fff;padding:.65rem .9rem;border-radius:999px}.beast-filter button:hover,.beast-filter button.active{border-color:var(--element-color,#caa85e);box-shadow:0 0 0 1px var(--element-color,#caa85e) inset}
.beast-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.beast-card{display:block;color:inherit;text-decoration:none;background:#141414;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;transition:.18s transform,.18s border-color}.beast-card:hover{transform:translateY(-3px);border-color:#c9a65a}.beast-card-image{height:245px;background:linear-gradient(145deg,#202020,#0d0d0d);display:grid;place-items:center}.beast-card-image img{width:100%;height:100%;object-fit:cover}.beast-card-body{padding:1rem}.beast-card-body h2{margin:.7rem 0 .2rem}.beast-card-body p{margin:.2rem 0;color:#d0d0d0}
.back-link{display:inline-block;margin-bottom:1rem;color:#e7c77d}.draft-banner{padding:.7rem 1rem;border:1px solid #d3a746;background:rgba(211,167,70,.12);border-radius:10px;margin-bottom:1rem}.beast-hero{display:grid;grid-template-columns:minmax(260px,42%) 1fr;gap:2rem;align-items:center;border:1px solid color-mix(in srgb,var(--element-color) 55%,#333);border-radius:24px;padding:1.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--element-color) 16%,#111),#101010)}.beast-detail-image{min-height:360px;display:grid;place-items:center}.beast-detail-image img{max-width:100%;max-height:520px;object-fit:contain}.beast-hero h1{font-size:clamp(2.4rem,6vw,5rem);margin:.3rem 0}.beast-hero h2{font-weight:500;opacity:.85}.lead{font-size:1.08rem;line-height:1.7}.beast-content-section,.beast-coming{margin-top:1.5rem;padding:1.4rem;border-radius:18px;background:#141414;border:1px solid rgba(255,255,255,.1)}.story-text{line-height:1.85;white-space:normal}
@media(max-width:760px){.beast-public-heading,.beast-hero{display:block}.beast-image-editor{grid-template-columns:1fr}.beast-detail-image{min-height:220px;margin-bottom:1rem}}


/* Beast 0.2 – dynamic skills and stages */
.section-toolbar,.card-toolbar,.stage-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.beast-skill-editor{margin:1rem 0;padding:1rem;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:#111}.skill-editor-grid{display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:start}.beast-skill-edit-preview{width:130px;height:130px;object-fit:contain;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#080808}.beast-stage-tabs,.beast-stage-public-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0}.beast-stage-tabs button,.beast-stage-public-tabs button{border:1px solid rgba(255,255,255,.15);background:#181818;color:#fff;border-radius:10px;padding:.55rem .75rem;cursor:pointer}.beast-stage-tabs button.active,.beast-stage-public-tabs button.active{background:#b70d12;border-color:#e13a3f}.beast-stage-panel,.beast-stage-public{display:none;padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#111}.beast-stage-panel.active,.beast-stage-public.active{display:block}.beast-skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.beast-skill-card{padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#101010}.beast-skill-head{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}.beast-skill-head img{width:74px;height:74px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.15)}.beast-skill-head h3{margin:.2rem 0}.skill-type{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#e5bc55}.skill-copy{padding:.75rem;border-left:3px solid var(--element-color,#d5ae55);background:rgba(255,255,255,.035);margin:.7rem 0}.skill-copy.support{border-left-color:#48a3ff}.skill-copy p{margin:.35rem 0 0;line-height:1.55}.beast-values{white-space:pre-wrap;background:#080808;border:1px solid rgba(255,255,255,.1);padding:.75rem;border-radius:10px;color:#f1d67c;font:inherit}.beast-r3ed-note{padding:.75rem;border-radius:10px;background:rgba(183,13,18,.14)}.beast-stage-public .stage-title{margin-bottom:.8rem}.beast-stage-public .stage-title span{font-size:1.35rem;font-weight:800;color:#f3c654}
@media(max-width:760px){.skill-editor-grid{grid-template-columns:1fr}.section-toolbar,.card-toolbar{align-items:flex-start}.section-toolbar{display:block}.section-toolbar .button{margin-top:.7rem}}

/* Beast 0.2.1 – TXT import preview */
.beast-import-preview{max-height:28rem;overflow:auto;padding:1rem;border:1px solid #444;border-radius:.6rem;background:#090a0d;color:#eee;white-space:pre-wrap;word-break:break-word}
details{margin:1rem 0;border:1px solid #393939;border-radius:.6rem;padding:.75rem;background:#121212}
details summary{cursor:pointer;font-weight:700;color:#ffd24a}


/* Beast 0.2.2 – skill-based development */
.beast-skill-stage-groups{display:grid;gap:1rem}.beast-skill-stage-group{border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:1rem;background:#0d0d0d}.beast-skill-stage-heading{display:flex;align-items:center;gap:.85rem}.beast-skill-stage-heading img{width:64px;height:64px;object-fit:cover;border-radius:50%;border:2px solid #b47743}.beast-skill-stage-heading div{flex:1}.beast-skill-stage-heading h3{margin:.2rem 0}.beast-skill-stage-list{display:grid;gap:.8rem;margin-top:1rem}.beast-skill-stage-row{padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#15110f}.beast-development-layout{display:grid;grid-template-columns:220px 1fr;gap:1rem}.beast-development-skill-tabs{display:flex;flex-direction:column;gap:.6rem}.beast-development-skill-tabs button{display:flex;align-items:center;gap:.65rem;text-align:left;border:1px solid rgba(255,255,255,.14);background:#101010;color:#fff;border-radius:14px;padding:.65rem;cursor:pointer}.beast-development-skill-tabs button.active{border-color:#e39a54;box-shadow:0 0 0 1px #e39a54 inset;background:#25150f}.beast-development-skill-tabs img{width:54px;height:54px;border-radius:50%;object-fit:cover}.beast-development-panel{display:none}.beast-development-panel.active{display:block}.beast-development-panel .beast-stage-public{min-height:280px}
@media(max-width:760px){.beast-development-layout{grid-template-columns:1fr}.beast-development-skill-tabs{flex-direction:row;overflow:auto}.beast-development-skill-tabs button span{display:none}}

/* Beast 0.3.1 – calmer skill cards and reliable development state */
.beast-skill-card .beast-values{display:none}.beast-development-panel:not(.active){display:none}.beast-development-panel.active{display:block}