.companion-dialog{width:min(960px,94vw);max-height:88vh;padding:22px;border:3px solid #8b7655;border-radius:4px;background:#f1e6cb;color:#384c47;box-shadow:inset 0 0 0 3px #fff4d6,0 12px 60px #001c2c99;overflow:auto}.companion-dialog::backdrop{background:#112f36a6}.companion-dialog *{box-sizing:border-box}.companion-dialog header{display:flex;align-items:center;gap:14px;border-bottom:2px solid #c7b693;padding-bottom:16px}.companion-dialog header>img{width:44px;height:44px;image-rendering:pixelated}.companion-dialog h2{margin:4px 0;font-size:24px}.companion-dialog header small{color:#7d785e;letter-spacing:2px}.companion-dialog button{border:1px solid #b4a17b;background:#e6d6b3;color:#364b43;border-radius:3px;box-shadow:inset 0 1px #fff4d8;padding:9px 14px;font:inherit;cursor:pointer}.companion-dialog button:hover{background:#d7dfc3}.companion-dialog button:disabled{opacity:.5;cursor:wait}.companion-dialog button:focus-visible{outline:2px solid #507d71;outline-offset:2px}.pet-count{margin-left:auto;color:#7d785e;font-size:12px}.pet-main-tabs{display:flex;gap:10px;padding:18px 0 14px}.pet-main-tabs button[aria-pressed=true],.pet-region-tabs button[aria-pressed=true]{background:#48665b;color:#fff2d4;border-color:#3c584e}.pet-region-tabs{display:flex;gap:6px;margin-bottom:15px;flex-wrap:wrap}.pet-region-tabs button{flex:1;font-size:13px;padding:7px}.pet-region-tabs small{margin-left:8px;opacity:.7}.pet-layout{display:grid;grid-template-columns:300px 1fr;gap:24px;min-height:350px}.pet-list{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto;padding-right:3px}.companion-dialog .pet-card{display:flex;align-items:center;gap:16px;text-align:left;min-height:98px;background:#eaddc0;border-color:#c4b38d;padding:8px 14px}.companion-dialog .pet-card.chosen{background:#d9e0c7;border:2px solid #6e8c76;padding:7px 13px}.pet-card img{width:76px;height:76px;object-fit:contain;image-rendering:pixelated}.pet-card strong{display:block;font-size:17px}.pet-card small{display:block;margin-top:8px;color:#7d785e;font-size:12px}.pet-detail{position:relative;padding:12px 22px 18px;background:#f7efd9;border-left:2px solid #c9ba99;min-width:0}.pet-detail>small{color:#887d60;letter-spacing:1px}.pet-detail h2{margin:10px 0}.pet-detail p{line-height:1.7;font-size:13px;color:#677166}.pet-detail-portrait{float:right;width:100px;height:100px;image-rendering:pixelated;object-fit:contain}.pet-clue-art{display:flex;align-items:center;gap:18px;clear:both;margin:14px 0}.pet-clue-art img{width:96px;height:96px;image-rendering:pixelated;object-fit:contain}.pet-clue-art span{font-size:12px;color:#8e7d5d}.pet-steps{list-style:none;margin:8px 0;padding:0}.pet-steps li{display:flex;align-items:center;gap:12px;font-size:13px;color:#9d9278;padding:7px 0}.pet-steps b{display:grid;place-items:center;width:24px;height:24px;background:#e4dbc2;border:1px solid #c9ba99;font-size:12px}.pet-steps .current{color:#3b6554;font-weight:bold}.pet-steps .current b{background:#496b59;color:#fff0c4}.pet-steps .done{color:#78967a}.pet-requirement{margin:5px 0}.pet-hint{border-top:1px dashed #c6b991;padding-top:10px}.pet-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.pet-bond{clear:both;padding:20px 0}.pet-bond span{font-size:13px;display:block;margin-bottom:6px}.pet-bond meter{width:100%;height:14px;accent-color:#789477}.pet-footnote{margin-top:20px;padding-top:13px;border-top:1px solid #c7b693;font-size:11px;color:#8a8066;line-height:1.8}.pet-empty{padding:40px 12px;text-align:center;color:#8e8266}.pet-empty>img{width:54px;image-rendering:pixelated}.pet-empty p{font-size:13px;line-height:1.8}.pet-welcome{display:flex;align-items:center;gap:16px;background:#e7dcc1;padding:8px 14px;margin-bottom:16px;font-size:13px}.runner-portrait{display:inline-block;flex:0 0 76px;width:76px;height:76px;background:url('/art/runner_guide.png') 0 0/304px 304px;image-rendering:pixelated}@media(max-width:650px){.companion-dialog{padding:14px}.pet-layout{grid-template-columns:1fr;gap:12px}.pet-list{flex-direction:row;max-height:none;overflow:auto}.companion-dialog .pet-card{min-width:180px;min-height:80px;gap:8px}.pet-card img{width:58px;height:58px}.pet-detail{padding:14px;border-left:0;border-top:2px solid #c9ba99}.pet-count{font-size:10px}.companion-dialog header{gap:8px}.companion-dialog h2{font-size:20px}.pet-welcome{flex-wrap:wrap}}
.pet-detail-tabs{display:flex;gap:6px;margin:16px 0;clear:both}.pet-detail-tabs button{flex:1;padding:7px;font-size:12px}.pet-detail-tabs button[aria-pressed=true]{background:#48665b;color:#fff2d4}.pet-facts{display:flex;flex-wrap:wrap;gap:8px}.pet-facts span{font-size:12px;background:#e8dfc8;padding:7px}.pet-skill{padding:10px 0;border-bottom:1px solid #d7c9aa}.pet-skill h3{margin:3px 0;font-size:16px}.pet-skill small{color:#93805d;font-size:11px}.pet-skill p{margin:5px 0}.pet-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pet-stat-grid div{background:#e6ddc4;padding:12px;text-align:center}.pet-stat-grid small,.pet-stat-grid strong{display:block}.pet-stat-grid strong{margin-top:5px;font-size:20px}.pet-challenge{padding:14px;background:#dfdbc2;border:2px solid #78907a;margin-top:15px}.pet-challenge button{display:block;width:100%;text-align:left;margin:6px 0}.pet-detail{min-height:380px}

.pet-step-instruction{display:block;margin-top:5px;color:#736751;font-size:11px;line-height:1.5;font-weight:normal}.pet-clue-art img{image-rendering:pixelated;object-fit:contain}
.pet-skill{min-height:78px}.pet-skill-icon{width:64px;height:64px;float:left;margin:3px 14px 6px 0;image-rendering:pixelated;border:2px solid #a88758}.pet-combat-hud{position:fixed;z-index:25;left:22px;bottom:112px;display:flex;align-items:center;gap:8px;padding:7px;background:#efe4c8;border:2px solid #aa8e5f;box-shadow:inset 0 0 0 2px #fff6df,0 3px 0 #153a4566}.pet-combat-hud[hidden]{display:none}.pet-hud-portrait{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.pet-combat-hud button,.pet-hud-passive{position:relative;width:44px;height:44px;padding:0;border:0;background:#232624}.pet-combat-hud button img,.pet-hud-passive img{width:44px;height:44px;image-rendering:pixelated}.pet-combat-hud span{position:absolute;bottom:0;left:0;right:0;font-size:10px;text-align:center;color:#fff3ce;background:#162827dc;line-height:15px}.pet-hud-passive.triggered{outline:2px solid #f3d584;box-shadow:0 0 8px #e0c47a}.pet-combat-hud button:disabled img{filter:brightness(.5)}.pet-combat-hud button:disabled{opacity:1}@media(max-width:700px){.pet-combat-hud{left:10px;bottom:158px}.pet-skill-icon{width:48px;height:48px}}
/* Large portraits and approved concept art; combat HUD keeps its compact size. */
.companion-dialog{width:min(1120px,94vw)}
.pet-layout{grid-template-columns:290px minmax(0,1fr);gap:18px}
.pet-list{max-height:650px}
.companion-dialog .pet-card{min-height:146px;gap:12px;padding:10px;flex-shrink:0}
.companion-dialog .pet-card.chosen{padding:9px}
.pet-card img{width:128px;height:128px;flex:0 0 128px}
.pet-profile-header{display:flex;align-items:center;gap:24px;min-height:200px}
.pet-detail-portrait{float:none;width:200px;height:200px;flex:0 0 200px;filter:drop-shadow(0 5px 0 #807d5f22)}
.pet-profile-header h2{font-size:28px}
@media(max-width:800px){.pet-layout{grid-template-columns:1fr}.pet-list{flex-direction:row;max-height:none;overflow:auto}.companion-dialog .pet-card{min-width:240px;min-height:130px}.pet-card img{width:112px;height:112px;flex-basis:112px}.pet-detail{border-left:0;border-top:2px solid #c9ba99}.pet-profile-header{gap:14px;min-height:150px}.pet-detail-portrait{width:150px;height:150px;flex-basis:150px}.pet-profile-header h2{font-size:24px}}
@media(max-width:420px){.pet-profile-header{gap:10px}.pet-detail-portrait{width:120px;height:120px;flex-basis:120px}.pet-profile-header h2{font-size:22px}.pet-profile-header button{font-size:11px;padding:8px}.pet-count{display:none}.pet-art-dialog{padding:10px}}

/* Full-body illustrations cropped from approved model sheets. */
.pet-card img{width:140px;height:108px;flex-basis:140px;image-rendering:auto;border:1px solid #c8b894;background:#efe6d1}
.pet-detail-portrait{width:320px;height:240px;flex:0 1 320px;image-rendering:auto;filter:none;object-fit:contain;background:#efe6d1}
.pet-profile-header{gap:20px;min-height:240px}.pet-profile-header>div{min-width:100px}.pet-portrait-caption{color:#95866b;font-size:11px}.pet-bio{font-size:15px!important;line-height:1.95!important;color:#46594e!important;padding:16px 18px;border-left:3px solid #9eaf8c;background:#eee6cf}
@media(max-width:800px){.pet-detail-portrait{width:280px;height:196px;flex-basis:280px}.pet-profile-header{min-height:196px}.pet-card img{width:128px;height:100px;flex-basis:128px}}
@media(max-width:520px){.pet-profile-header{flex-direction:column;align-items:stretch;gap:8px}.pet-detail-portrait{width:100%;height:auto;max-height:260px;flex:auto}.pet-profile-header h2{margin:6px 0}.pet-bio{padding:12px;font-size:14px!important}}
/* Unified portrait layout: clean cutouts sit on the same paper as the whole panel. */
.companion-dialog{display:flex;flex-direction:column;max-height:92dvh;width:min(1080px,94vw);padding:18px;overflow:hidden}
.companion-dialog:not([open]){display:none}
.companion-dialog>header{flex-shrink:0;padding:2px 2px 12px;gap:12px}
.companion-dialog>header h2{font-size:23px;margin:2px 0}.companion-dialog>header>img{width:36px;height:36px}
.pet-main-tabs{flex-shrink:0;padding:12px 0}.pet-region-tabs{flex-shrink:0;margin-bottom:10px}
.pet-layout{flex:1;min-height:0;grid-template-columns:270px minmax(0,1fr);gap:18px;overflow:hidden}
.pet-list{max-height:none;min-height:0;overflow:auto;padding:0 8px 2px 0;scrollbar-width:thin;scrollbar-color:#b9a77d transparent}
.companion-dialog .pet-card{min-height:122px;gap:12px;padding:10px 12px;border:1px solid #d0bf98;border-radius:6px;background:#ece2c8;box-shadow:none}
.companion-dialog .pet-card.chosen{padding:10px 12px;border:1px solid #75907b;background:#dce5cd;box-shadow:inset 3px 0 #67846c}
.pet-card img{width:124px;height:94px;flex:0 0 124px;border:0;background:none;object-fit:contain;image-rendering:auto}
.pet-card strong{font-size:16px}.pet-card small{margin-top:5px}
.pet-detail{padding:16px 20px;border:1px solid #d8caaa;border-radius:6px;background:#f7efd9;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#b9a77d transparent}
.pet-profile-header{min-height:176px;gap:16px;padding:4px 0 10px;border-bottom:1px solid #ddcfad}
.pet-detail-portrait{width:290px;height:176px;flex:0 1 290px;border:0;background:none;filter:none;object-fit:contain;image-rendering:auto}
.pet-profile-header>div{flex:1;min-width:110px}.pet-profile-header h2{font-size:27px;margin:4px 0 10px}.pet-profile-header p{margin:0 0 10px;color:#637659}.pet-portrait-caption{display:block;font-size:11px;color:#8f8061;line-height:1.6}
.pet-detail-tabs{margin:12px 0;gap:8px}.pet-detail-tabs button{padding:8px;font-size:12px;box-shadow:none}
.pet-bio{padding:0!important;background:none!important;border:0!important;margin:14px 0!important;color:#47594d!important;font-size:14px!important;line-height:1.9!important}
.pet-facts{gap:6px}.pet-facts span{font-size:11px;padding:5px 8px;border-radius:3px;background:#e9e1ca}
.pet-detail p{margin:10px 0}.pet-actions{margin:12px 0 0}.pet-actions button{padding:8px 12px;font-size:12px}
.pet-footnote{flex-shrink:0;margin-top:12px;padding-top:8px;font-size:10px;line-height:1.5}
@media(max-width:800px){.companion-dialog{width:94vw;max-height:94dvh;padding:14px}.pet-layout{display:flex;flex-direction:column;gap:12px}.pet-list{flex:0 0 122px;flex-direction:row;max-height:122px;padding:0 0 6px;overflow-x:auto;overflow-y:hidden}.companion-dialog .pet-card{min-width:220px;min-height:110px}.pet-card img{width:106px;height:86px;flex-basis:106px}.pet-detail{flex:1}.pet-profile-header{min-height:176px}.pet-detail-portrait{width:260px;height:170px;flex:0 1 260px}.pet-profile-header h2{font-size:23px}}
@media(max-width:520px){.pet-profile-header{flex-direction:column;gap:4px;align-items:center}.pet-detail-portrait{width:100%;height:180px;flex:auto}.pet-profile-header>div{text-align:center}.pet-detail{padding:12px}.pet-facts{justify-content:center}.pet-portrait-caption{font-size:10px}.companion-dialog>header h2{font-size:20px}.pet-footnote{font-size:9px}}
.pet-growth-note{display:block;color:#8e8065;font-size:11px;margin:12px 0 0;line-height:1.6}.pet-profile-header .pet-actions{gap:6px;margin-top:12px}.pet-profile-header .pet-actions button{font-size:11px;padding:7px 9px}
.pet-profile-header{min-height:160px}.pet-detail-portrait{height:160px}.pet-bio{margin:10px 0!important}.pet-growth-note{margin-top:8px}
@media(max-width:800px){.pet-detail-portrait{height:160px}.pet-profile-header{min-height:160px}}@media(max-width:520px){.pet-detail-portrait{height:180px}}