.monster-heading{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:26px;min-height:174px;margin-bottom:23px}.monster-heading .entity-intro{align-self:center}.monster-heading-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:12px}.monster-heading-meta .aegis{margin:0}.monster-heading-meta>.button{font-size:10px;min-height:31px;padding:6px 10px}.monster-teaser{align-self:center;text-align:center}.monster-open{border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:7px;margin:auto;border-radius:12px;color:var(--green);cursor:pointer}.monster-idle-stage{display:flex;align-items:center;justify-content:center;min-height:128px;width:210px;position:relative}.monster-idle-stage img{display:block;width:auto;height:auto;max-width:200px;max-height:150px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 4px #0002)}.monster-idle-stage>.icon{width:48px;height:48px;color:var(--muted)}.monster-open-label{display:flex;align-items:center;gap:7px;font-size:10px;padding:5px 10px;border:1px solid var(--border);border-radius:20px;background:var(--surface);transition:background .15s}.monster-open-label .icon{width:12px;height:12px}.monster-open:hover .monster-open-label{background:var(--green-soft);border-color:var(--green)}.monster-art-note{font-size:10px;color:var(--muted)}.monster-viewer{width:min(980px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 36px);padding:24px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);overflow:auto;box-shadow:var(--shadow)}.monster-viewer::backdrop{background:#081b18bf;backdrop-filter:blur(3px)}.monster-viewer-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.monster-viewer-heading h2{font-size:24px;margin-top:6px}.monster-viewer-status{padding:35px 10px;color:var(--muted);font-size:13px;text-align:center}.monster-viewer-content{display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:22px}.monster-viewer-stage{position:relative;height:min(56vh,490px);min-height:280px;overflow:hidden;border:1px solid var(--border);border-radius:9px;background-color:var(--bg);background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:28px 28px;touch-action:pan-y;cursor:grab;user-select:none}.monster-viewer-stage canvas{display:block;position:absolute;width:100%;height:100%;inset:0;image-rendering:pixelated}.monster-viewer-stage>span{position:absolute;top:12px;left:12px;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:3px 7px;font-size:10px;color:var(--green)}.monster-viewer-stage>.monster-drag-hint{left:auto;right:12px;color:var(--muted)}.monster-viewer-controls{display:flex;flex-direction:column;gap:15px}.monster-viewer-controls>label,.monster-play-row>label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}.monster-viewer-controls select{width:100%;font-size:12px}.monster-play-row{display:flex;gap:9px;align-items:end}.monster-play-row button{padding:9px 14px;flex:1}.monster-play-row label{width:70px}.monster-viewer-controls>.monster-loop{flex-direction:row;align-items:center;color:var(--text);font-size:12px}.monster-loop input{width:16px;height:16px;min-height:0;accent-color:var(--green)}.monster-directions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.monster-directions button{min-height:34px;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:5px;font-size:10px}.monster-directions button[aria-pressed=true]{border-color:var(--green);color:var(--green);background:var(--green-soft)}.monster-directions span{display:grid;place-items:center;color:var(--muted)}.monster-viewer-note{font-size:10px;color:var(--muted);line-height:1.8}.monster-timeline{display:flex;gap:10px;align-items:center;margin-top:18px}.monster-timeline input{flex:1;min-width:0;padding:0;accent-color:var(--green)}.monster-timeline output{min-width:67px;font-size:11px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.monster-viewer [hidden]{display:none!important}.monster-viewer-open{overflow:hidden}
@media(max-width:700px){.monster-heading{grid-template-columns:minmax(0,1fr) 126px;gap:12px;min-height:145px}.monster-heading .entity-intro h1{font-size:29px}.monster-heading-meta{gap:8px;margin-top:10px}.monster-heading-meta>.button{padding:4px 7px;font-size:9px}.monster-idle-stage{width:122px;min-height:108px}.monster-idle-stage img{max-width:122px;max-height:125px}.monster-open-label{font-size:9px;padding:5px 8px}.monster-open-label .icon:last-child{display:none}.monster-viewer{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:17px;border-radius:11px}.monster-viewer-heading{margin-bottom:14px}.monster-viewer-heading h2{font-size:21px}.monster-viewer-content{grid-template-columns:1fr;gap:16px}.monster-viewer-stage{height:35vh;min-height:210px}.monster-viewer-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.monster-directions{grid-column:2;grid-row:2/span 2}.monster-viewer-note{grid-column:1/-1}.monster-timeline{gap:6px;margin-top:12px}.monster-timeline .icon-button{width:32px;height:32px}.monster-timeline output{min-width:52px;font-size:10px}}