/* Monster species (#monsters, item 13): cards and the editor, on top of the item-system styles. */
.monsters-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.monsters-page .monster-card{grid-template-columns:72px minmax(0,1fr)}
.monsters-page .monster-card.is-invalid{border-color:#e3b3a3}
.monster-art{width:72px;height:72px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#f4ecd8,#e6d8b6)}
.monsters-thumb{width:72px;height:72px;display:block}
.monsters-thumb.is-empty{background:repeating-linear-gradient(45deg,#ede2c8 0 6px,#e4d6b6 6px 12px);border-radius:12px}
.monsters-page .item-chip-inactive{background:#f6d9cf;color:#9a3f2b}
.monsters-page .item-chip-invalid{background:#fdece6;color:#9a3f2b;border:1px solid #e3b3a3}
.monsters-page .item-chip-draft{background:#fff1c7;color:#7a5a12}
.monsters-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.monsters-pair .items-field{min-width:0}
.monsters-pair input[type=number]{width:100%}
.monsters-preview{display:block;width:100%;max-width:360px;height:auto;aspect-ratio:360/200;margin-top:10px;border-radius:12px;background:linear-gradient(#fbf6e8,#efe3c4 70%,#d9c79a);border:1px solid #d8c59b}
.monsters-art-state{margin:6px 0}
/* Actions (item 21): one box per clip, warnings and the preview controls. */
.monsters-clip{border:1px solid #e3d3ad;border-radius:10px;padding:8px 10px 10px;margin:0 0 10px;min-width:0;display:grid;gap:6px}
.monsters-clip legend{font-weight:700;color:#5b4426;padding:0 4px}
.monsters-clip select{width:100%}
.monsters-clip input[type=file]{max-width:100%}
.monsters-clip-state{color:#6b5232}
.monsters-clip>button{justify-self:start}
.monsters-art-warn{margin:6px 0;color:#7a5a12}
.monsters-art-warn.bad{color:#9a3f2b;font-weight:700}
.monsters-preview-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:10px}
.monsters-preview-controls .items-field{min-width:120px}
.monsters-preview-controls button[aria-pressed=true]{background:#f3e3b8}
.monsters-levels-wrap{overflow-x:auto;max-width:100%}
.monsters-levels{width:100%;border-collapse:collapse;margin-top:10px;font-size:12.5px}
.monsters-levels th,.monsters-levels td{padding:4px 6px;text-align:right;border-bottom:1px solid #e8dcc0;white-space:nowrap}
.monsters-levels th:first-child,.monsters-levels td:first-child{text-align:left}
.monsters-levels th{color:#735738;font-weight:700}
.monsters-usage{display:grid;gap:4px;margin:10px 0}
.monsters-usage>span{font-weight:700;color:#5b4426}
.monsters-usage ul{margin:0;padding-left:18px;font-size:13px}
.monsters-drops .items-note{margin:0}
/* Call for help (item 23): the switch, its radius and the note under it. */
.monsters-assist{display:grid;gap:6px;margin-top:6px;min-width:0}
.monsters-assist input[type=number]{width:100%;max-width:200px}
.monsters-assist input[type=number]:disabled{opacity:.55}
.monsters-page .item-chip-assist{background:#e3efd6;color:#3d5a22}
@media(max-width:600px){
 .monsters-grid{grid-template-columns:1fr}
 .monsters-pair{grid-template-columns:1fr 1fr;gap:8px}
 .monsters-levels{font-size:11.5px}
 .monsters-levels th,.monsters-levels td{padding:3px 4px}
 .monsters-editor{min-width:0}
}