#bestiary.ui-panel{width:min(760px,100vw - 24px);max-height:calc(100vh - 180px);padding:12px}.bestiary-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:4px;display:grid}.bestiary-select{text-align:left;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;flex:1;align-items:center;gap:8px;padding:4px;display:flex}.bestiary-select[aria-pressed=true]{border-color:#8acccd}.bestiary-sheet{white-space:pre-line;border-top:1px solid #827389;margin-top:12px;line-height:1.5}.bestiary-sheet h3{color:#fff1e0}.bestiary-silhouette{color:#0000;background:#09080c;border-radius:45% 45% 25% 25%;width:28px;height:28px;display:inline-block}.m4-slot,.m4-ability{color:inherit;font:inherit;cursor:help;border:0;padding:0}.m4-slot:focus-visible,.m4-ability:focus-visible,#bestiary button:focus-visible{outline-offset:2px;outline:2px solid #8aeeee}#ability-tooltip{z-index:100;white-space:pre-line;pointer-events:none;color:#fff1e0;background-color:#201b2b;max-width:min(340px,100vw - 32px);padding:12px;font:14px/1.5 ui-monospace,monospace;position:fixed}.m4-icon-btn{color:#fff1e0;opacity:1;cursor:pointer;background:#201b2b;border:2px solid #8acccd;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:4px;display:inline-flex;position:relative}.m4-icon-btn img{width:64px;height:64px;image-rendering:pixelated;display:block}.m4-icon-btn:disabled{cursor:not-allowed;border-color:#5b5368}.m4-icon-btn:disabled img{opacity:.45}.m4-icon-btn:focus-visible{outline-offset:3px;outline:2px solid #8aeeee}.m4-icon-btn[aria-pressed=true]{border-color:#ff8de5;box-shadow:0 0 0 2px #ff8de5,0 0 10px 2px #ff8de5}.m4-icon-badge{color:#fff;background:#201b2bd9;padding:0 3px;font:700 16px/1.2 system-ui,sans-serif;position:absolute;bottom:2px;right:2px}.m4-icon-badge:empty{display:none}@media (height<=560px){.m4-icon-btn img{width:32px;height:32px}}#ability-bar{z-index:3;color:#fff;box-sizing:border-box;--ability-icon-size:32px;background:#201b2b;border:2px solid #8acccd;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:8px;font:16px/1.4 system-ui;position:fixed;bottom:140px;left:50%;overflow:auto;transform:translate(-50%)}.ability-bar-head{cursor:move;justify-content:space-between;align-items:center;gap:16px;padding-right:32px;display:flex}#ability-bar button{font:inherit;color:#fff;cursor:pointer;opacity:1;background:#30243e;border:1px solid #8acccd;min-width:32px;min-height:32px}#ability-bar button:focus-visible,#ability-bar button[data-pad-focus=true]{outline-offset:2px;outline:3px solid #8aeeee}.ability-bar-slots{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ability-bar-slot{min-width:72px;min-height:72px;display:flex;position:relative}#ability-bar .ability-bar-slot>button{background:#30243e;border:1px solid #8acccd;flex-direction:column;justify-content:center;align-items:center;min-width:72px;max-width:130px;min-height:72px;padding:4px;display:flex;position:relative}#ability-bar .ability-bar-slot img{width:var(--ability-icon-size);height:var(--ability-icon-size);image-rendering:pixelated;display:block}#ability-bar .m4-key,#ability-bar .m4-ab-cost{display:none}#ability-bar .ability-binding{color:#fff;white-space:nowrap;font:16px/1.4 system-ui}#ability-bar .m4-cd,#ability-bar .m4-icon-badge{color:#fff;background:#201b2b;font:16px/1.4 system-ui}#ability-bar .m4-cd:empty{display:none}#ability-bar .ui-lock{opacity:1;width:32px;height:32px;top:0;right:0}.ability-resize{cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,#0000 65%,#ffe08a 66% 73%,#0000 74%);width:32px;height:32px;display:none;position:absolute;bottom:0;right:0}.unlocked>.ability-resize{display:block}#ability-bar .m4-ability{width:auto;height:auto}#ability-bar .ability-bar-slot>button:disabled{cursor:default;border-color:#79698c}#ability-bar .ability-bar-slot>button:disabled img{opacity:1}#loading-screen{z-index:10000;color:#f1edf8;opacity:1;background:#0b0a10;transition:opacity .18s ease-out;position:fixed;inset:0;overflow:hidden}#loading-screen.loading-ready{opacity:0;pointer-events:none}.loading-art{max-width:none;image-rendering:pixelated;position:absolute}.loading-content{text-align:center;background:linear-gradient(#0000,#0b0a10 35%);padding:24px 16px;font:16px/1.5 system-ui,sans-serif;position:absolute;bottom:0;left:0;right:0}.loading-content p{max-width:640px;margin:12px auto}.loading-bar{box-sizing:border-box;width:min(320px,100%);height:20px;image-rendering:pixelated;margin:auto;position:relative}.loading-bar:after{content:"";border:6px solid #0000;border-image:url(/ui/loading/progress-frame.png) 6 fill;position:absolute;inset:0}.loading-fill{background:#65dce6 url(/ui/loading/progress-fill.png) repeat-x;height:8px;position:absolute;top:6px;left:6px}@media (prefers-reduced-motion:reduce){#loading-screen{transition:none}}