.bestiary-workbench{display:grid;grid-template-columns:290px minmax(430px,1fr) 260px;max-width:1840px;margin:auto;min-height:calc(100vh - 115px)}.creature-browser{padding:23px 17px;background:#14251f;border-right:1px solid var(--border)}.browser-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.browser-title h1{font-size:21px;font-weight:400;letter-spacing:2px;margin:8px 0 20px}.browser-title h1 b{font:12px ui-monospace,monospace;letter-spacing:0;color:var(--gold);border:1px solid #695f42;border-radius:3px;padding:3px 5px}.browser-title>span{font:9px ui-monospace,monospace;color:#9db58a;white-space:nowrap}.search-label{display:flex;align-items:center;gap:8px;background:#0f211b;border:1px solid #466140;border-radius:4px;padding:9px 10px}.search-label span{font-size:19px;color:#a6ba89}.search-label input{width:100%;border:0;background:none;color:var(--text);font-size:10px;outline:0}.search-label input::placeholder{color:#718b6d}.browse-filters{display:flex;gap:6px;margin-top:9px}.browse-filters select{min-width:0;width:58%;background:#223829;color:#bdcda8;border:1px solid #466140;border-radius:3px;padding:8px 5px;font-size:10px}.browse-filters select:last-child{width:42%}.list-status{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin:18px 0 12px;color:#7f9a73}.list-status button{font-size:9px;color:#a7b68a;padding:0}.monster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.monster-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 3px 8px;min-height:108px;border:1px solid #3b523a;background:#1b3024;border-radius:5px;transition:border-color .15s,background .15s}.monster-tile:hover{background:#29412b;border-color:#80985e}.monster-tile.active{background:#3b4c30;border-color:#d0c08c}.monster-tile img{width:70px;height:70px;object-fit:contain;image-rendering:pixelated}.monster-tile .empty-art{width:70px;height:70px;display:grid;place-items:center;color:#4c694c;font:22px Georgia,serif}.monster-tile b{font-size:9px;font-weight:400;line-height:1.4;white-space:nowrap}.monster-tile small{font:7px ui-monospace,monospace;position:absolute;top:5px;left:5px;color:#9aa77b}.monster-tile .tier-dot{width:4px;height:4px;background:#9da781;border-radius:50%;position:absolute;right:6px;top:7px}.monster-tile[data-tier="頭目"] .tier-dot{background:#edb77f;box-shadow:0 0 6px #edb77f77}.monster-tile[data-tier="菁英"] .tier-dot{background:#c7a5e7}.monster-tile.pending{opacity:.48}.browse-foot{font-size:9px;line-height:1.8;color:#78966b;margin:20px 0 0}.creature-center{min-width:0;background:#142820}.creature-center .stage-heading h1{font-size:27px;gap:13px}.creature-center .stage-heading h1 #monsterName{font-size:27px}.creature-center .stage-heading h1 small{font:9px sans-serif;letter-spacing:1px;border:1px solid #9d915c66;color:#c7bb8d;border-radius:3px;padding:4px 7px}.creature-center .stage-heading p{max-width:430px}.creature-center .action-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;padding:0}.creature-center .motion-note{min-height:20px}.creature-center .stage-wrap{aspect-ratio:16/9;min-height:310px}.creature-inspector{padding:25px 20px;background:#14251f;border-left:1px solid var(--border)}.story-card{border-bottom:1px solid var(--border);padding-bottom:15px}.story-card>p{color:#b9c5a1;font-size:11px;line-height:1.95;margin:11px 0 17px}.story-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px;font-size:9px;margin:0}.story-card dt{color:#7c986e}.story-card dd{margin:0;text-align:right;color:#c4cba7}.attack-card{padding:15px 0;border-bottom:1px solid var(--border)}.attack-card h2{color:#d3be86;font-size:13px;font-weight:400;margin:0 0 10px}.attack-card>p{font-size:10px;color:#a3bb92;line-height:1.9;margin:0}.attack-card details{font-size:9px;line-height:1.9;margin-top:14px;color:#819b76}.attack-card summary{cursor:pointer;color:#a4b48b}.attack-card details p{font-size:9px;line-height:1.9;overflow-wrap:anywhere}.pose-strip{display:flex;gap:5px;margin-top:10px;overflow:auto;scrollbar-width:thin;scrollbar-color:#48673e transparent}.pose-strip button{border:1px solid #3c573a;border-radius:3px;min-width:60px;flex:1;padding:3px;max-width:94px;background:#10271c;position:relative}.pose-strip button.active{border-color:#d2bc86;background:#2c4129}.pose-strip canvas{display:block;width:100%;height:61px;object-fit:contain;image-rendering:pixelated}.pose-strip small{font:7px ui-monospace,monospace;color:#8da57b;position:absolute;left:5px;top:4px}.no-results{grid-column:1/-1;padding:30px 15px;text-align:center;color:#93ab84;font-size:11px;line-height:1.9}#bestiaryCanvas{will-change:transform}.creature-center .performance-mini{margin-top:3px}.creature-inspector .feedback-card{padding-top:17px}
@media(min-width:1051px){.bestiary-workbench{height:calc(100vh - 115px);min-height:830px}.creature-browser,.creature-inspector{overflow:auto;scrollbar-width:thin;scrollbar-color:#48673e transparent}.creature-center{display:flex;flex-direction:column;min-height:0}.creature-center .stage-heading{flex:none}.creature-center .stage-wrap{flex:1;aspect-ratio:auto}.creature-center .transport,.creature-center .motion-panel{flex:none}.creature-center .motion-panel{padding-top:15px;padding-bottom:15px}.creature-center .action-button{min-height:34px}.creature-center .transport{padding-top:14px;padding-bottom:12px}}
@media(max-width:1200px){.bestiary-workbench{grid-template-columns:244px minmax(380px,1fr) 222px}.creature-browser{padding:21px 13px}.monster-grid{gap:5px}.monster-tile{min-height:96px}.monster-tile img,.monster-tile .empty-art{width:61px;height:61px}.monster-tile b{font-size:8px}.creature-inspector{padding:24px 14px}.creature-center .stage-heading h1 #monsterName{font-size:24px}.browser-title h1{font-size:18px}.browser-title h1 b{font-size:10px}.browser-title>span{font-size:8px}}
@media(max-width:1050px){.bestiary-workbench{grid-template-columns:245px minmax(0,1fr)}.creature-inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 25px;border-top:1px solid var(--border);border-left:0;padding:25px}.creature-inspector>.section-heading{grid-column:1}.story-card{grid-column:1;grid-row:2}.attack-card{grid-column:2;grid-row:1/3;border:0;padding:0}.creature-inspector .feedback-card{grid-column:3;grid-row:1/4;padding-top:0}.creature-inspector .export-card{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.creature-inspector .export-card>.section-heading,.creature-inspector .export-card>p{grid-column:1/-1}.creature-center .stage-wrap{min-height:360px}.creature-browser{max-height:960px;overflow:auto}.pose-strip canvas{height:53px}.pose-strip button{min-width:50px}.topbar .header-center{display:none}}
@media(max-width:650px){.bestiary-workbench{display:flex;flex-direction:column}.creature-browser{max-height:none;border-right:0;border-bottom:1px solid var(--border);padding:17px}.browser-title h1{margin-bottom:12px}.browser-title>span{font-size:10px}.browse-filters{margin-top:7px}.list-status{margin:12px 0 8px}.monster-grid{display:flex;overflow-x:auto;padding-bottom:7px;scrollbar-width:thin;scrollbar-color:#48673e transparent}.monster-tile{min-width:83px;min-height:103px}.monster-tile img,.monster-tile .empty-art{width:68px;height:68px}.monster-tile b{font-size:9px}.browse-foot{display:none}.creature-center .stage-heading h1 #monsterName{font-size:27px}.creature-center .stage-wrap{min-height:280px;aspect-ratio:4/3}.creature-center .action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.creature-inspector{grid-template-columns:1fr 1fr;padding:23px 20px;gap:0 22px}.story-card{grid-column:1}.attack-card{grid-column:2;grid-row:1/3}.creature-inspector .feedback-card{grid-column:1;grid-row:3;padding-top:20px}.creature-inspector .export-card{grid-column:2;grid-row:3;display:block;padding-top:20px}.creature-inspector .export-card>p{font-size:8px}.pose-strip button{max-width:80px;min-width:45px}.topbar nav{font-size:8px;gap:11px}.topbar nav a:nth-child(2){display:none}.creature-center .stage-heading p{max-width:300px}.creature-center .stage-heading{gap:7px}.pose-strip canvas{height:58px}}