:root{--muted:#bccbd0;--line:#b4cdd342;--surface:linear-gradient(135deg,#40565edb,#263c47e8);--ink:#eef1e9}.modal{background:linear-gradient(130deg,#3a505be8,#263b49ef)!important;box-shadow:0 26px 90px #07101b66,inset 0 1px #d6e5e735!important;color:#e8eeeb}.modal p,.portrait-meta,.portrait-anatomy,.result-parent figcaption small{color:#bdcdce}.portrait-visual,.form-portrait,.reveal-stage{background:radial-gradient(ellipse at 48% 50%,#738f953d 0,#415a6324 47%,transparent 76%)}.portrait-controls{position:relative;z-index:4}.observation-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:8px 0;position:relative;z-index:8}.observation-controls button{border:1px solid #b9d2d34d;background:#293e4ad4;color:#c7d9d9;border-radius:3px;padding:7px 12px;cursor:pointer;font-size:11px;min-height:32px}.pose-modes{display:flex;gap:1px}.pose-modes button{border-radius:0}.observation-controls button[aria-pressed=true]{background:#b6cbc8;color:#142d39;border-color:#d0e3dc}.observation-controls button:focus-visible,.anatomy-overlay button:focus-visible{outline:2px solid #f0d5aa;outline-offset:2px}.creature-view{position:relative}.anatomy-overlay{display:none;position:absolute;inset:0;z-index:6;pointer-events:none;font-family:system-ui;font-size:11px;line-height:1.5;text-align:left}.parts-visible>.anatomy-overlay{display:block}.anatomy-labels button{position:absolute;pointer-events:auto;border:1px solid #c2dddd80;color:#eaf3ee;background:#243e4be8;border-radius:2px;font-size:10px;padding:4px 7px;max-width:130px;white-space:nowrap;box-shadow:0 3px 10px #081c2940;cursor:pointer;min-height:24px}.anatomy-labels button[data-changed=true]{border-color:#a5d3ad;color:#d0f2cf}.anatomy-labels button[aria-pressed=true]{background:#b4d5d3;color:#17303e}.anatomy-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:#b7dad8;stroke:#c3e4e281;stroke-width:1}.anatomy-detail{position:absolute;bottom:48px;left:12px;display:flex;flex-direction:column;max-width:270px;padding:9px 12px;border-left:2px solid #a1cfc7;background:#1f3749ee;pointer-events:auto;color:#c5d8d8;box-shadow:0 5px 20px #142c3b55}.anatomy-detail:empty{display:none}.anatomy-detail strong{font-size:13px;font-weight:500;color:#eff6ee}.anatomy-detail small{color:#a8c7c9}.anatomy-part-list{position:absolute;left:10px;right:10px;bottom:7px;display:flex;gap:4px;overflow:auto;pointer-events:auto;max-height:34px}.anatomy-part-list button{flex-shrink:0;border:1px solid #9cbdb966;background:#294654ed;color:#d8e8df;padding:4px 7px;border-radius:2px;font-size:10px;cursor:pointer}.strength-mark{letter-spacing:.08em;border-color:#bacdcc66!important;color:#d0e0dc!important}.strength-mark[data-grade="2"]{border-color:#b0c2e1aa!important;background:#6f7f9a33}.strength-mark[data-grade="3"]{border-color:#d5bf94aa!important;background:#bca97925;color:#eddbb6!important}.result-modal .observation-controls{margin:3px 0}.global-detail .observation-controls{margin:6px 0}.unit-info{background:linear-gradient(120deg,#395462de,#29404fd9)!important}.battle-field{background-color:#263e48!important}.warehouse-pet,.form-entry{background:linear-gradient(145deg,#49606a48,#293f4c80)!important}.specimen-info{border-left:1px solid #b2cdd22b;padding-left:18px}.portrait-score{color:#ebefe0}.studio{background:radial-gradient(ellipse at 50% 55%,#73939b66,transparent 75%)!important}.summary{color:#c1d4d1}.is-volumetric .battle-unit{filter:none!important}@media(max-width:700px){.observation-controls{gap:4px}.observation-controls button{padding:6px 9px}.anatomy-labels button{max-width:98px;font-size:9px}.specimen-info{border-left:0;padding-left:0}}.fusion-history-link{display:block;margin:0 auto;color:#c6d8d7;font-size:11px}.pose-modes{flex-shrink:0}.result-modal .result-parent small{color:#c1d0d0!important}.result-modal .inheritance-note{color:#c1d2d2!important}#observation-tools{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}#observation-tools>.strength-mark{font-size:10px;padding:4px 8px;border:1px solid #a8c2c84d;border-radius:3px}.anatomy-overlay .anatomy-detail{font-size:10px}.form-modal .portrait-controls{flex-wrap:wrap}.form-modal .portrait-layout{height:auto;min-height:0}.form-modal .portrait-visual{min-height:460px;height:calc(72vh - 10px)}.form-modal .form-portrait{height:calc(100% - 104px)!important}.form-modal .form-portrait .creature-view{height:100%!important}.global-detail .form-portrait{height:480px!important}.global-detail .form-portrait .creature-view{height:430px!important}