/* Companion management stays in one reading order below the combat summary. */
.focus-modal{width:min(1100px,calc(100vw - 32px));max-width:1100px}
.focus-modal .focus-detail{gap:18px 22px;padding:0 24px 24px;align-items:start}
.focus-modal .focus-companion{display:flex;flex-direction:column;gap:11px;min-width:0}
.focus-modal .focus-companion>.focus-portrait{width:100%;margin:0}
.focus-modal .focus-info h2{margin:6px 0 8px}
.focus-modal .focus-info .species-caption{margin:5px 0 10px}
.focus-modal .focus-power{margin-block:10px}
.focus-modal .focus-power b{font-size:28px}
.focus-modal .focus-stats{gap:7px;margin:12px 0}
.focus-modal .focus-stats>div{padding:8px 4px;background:#10283b;border:1px solid #779eae20}
.focus-modal .focus-stats small{font-size:12px;color:#b4cad8}
.focus-modal .unique-skill{gap:10px;margin:9px 0 12px;padding:12px;background:#112e3b;border:1px solid #7db9af30;border-radius:12px}
.focus-modal .unique-skill>span{display:grid;place-items:center;width:32px;height:32px;flex:none;color:#f3c77f}
.focus-modal .unique-skill strong{font-size:15px}
.focus-modal .unique-skill p{font-size:13px;line-height:1.6;color:#bed1dc;margin:5px 0 0}
.focus-modal .focus-xp{font-size:12px;margin-bottom:12px;color:#afc6d7}
.focus-modal .focus-info>.nature-guide-link{margin-bottom:2px}
.focus-modal .focus-info>.nature-matchups{gap:8px;margin-block:10px}
.focus-modal .focus-info>.nature-matchups>div{padding:9px 10px}
.focus-modal .focus-info>.detail-actions{margin-top:9px}
.focus-modal .focus-info>.detail-actions>.btn{min-height:44px;font-size:13px}
.focus-modal .focus-extras{grid-column:1/-1;display:flex;flex-direction:column;gap:16px;margin:0;min-width:0}
.focus-modal .detail-quicklinks{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
.focus-modal .detail-quicklinks>.discover-species-cta,
.focus-modal .detail-quicklinks>.equipment-slot{min-width:0;min-height:64px;margin:0;padding:11px 13px;background:#12303a;border:1px solid #7bb2aa35;border-radius:12px;text-align:start}
.focus-modal .detail-quicklinks>.equipment-slot{background:#112a3c;border-color:#9ab6cb30}
.focus-modal .detail-quicklinks b{font-size:14px;line-height:1.4}
.focus-modal .detail-quicklinks small{font-size:12px;line-height:1.5;color:#a7c5cf}
.focus-modal .detail-quicklinks .discover-species-cta>span{min-width:0}
.focus-modal .focus-extras>.copies-panel{margin:0;padding:15px 17px;background:#102638;border:1px solid #86abb32b;border-radius:14px}
.focus-modal .copies-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.focus-modal .copies-heading h3{font-size:17px;line-height:1.4;margin:0}
.focus-modal .copies-heading .detail-actions{gap:8px;margin:0}
.focus-modal .copies-heading .btn{min-height:42px;padding:9px 12px;font-size:13px}
.focus-modal .copies-panel>.info-copy{font-size:13px;line-height:1.6;color:#b5cbd7;margin:9px 0 0;max-width:none}
.focus-modal .copies-requirement{display:block;font-size:12px;line-height:1.5;color:#a9c1d1;margin-top:7px}
.focus-modal .copy-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:9px;margin-top:14px}
.focus-modal .copy-companion{display:flex;align-items:center;gap:9px;min-width:0;min-height:62px;padding:6px 9px 6px 6px;border:1px solid #819eb234;border-radius:10px;background:#0a1e30;color:#eaf0f2;text-align:start}
.focus-modal .copy-companion>.art{flex:none;width:48px;aspect-ratio:1;border-radius:7px}
.focus-modal .copy-companion>span{min-width:0;flex:1}
.focus-modal .copy-companion b{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.focus-modal .copy-companion small{display:block;margin-top:3px;font-size:12px;line-height:1.4;color:#b0c7d7}
.focus-modal .copy-companion>svg{width:17px;height:17px;color:#8bd9bc}
.focus-modal .copy-companion[aria-pressed=true]{opacity:1;background:#173c40;border-color:#7cceae7a}
.focus-modal .copy-companion:not(:disabled):hover{background:#16364a;border-color:#b2ccda70}
.focus-modal .copies-panel>.dino-sale-action{justify-content:space-between;gap:12px;margin:14px 0 0;padding:13px 0 0;background:none;border:0;border-top:1px solid #86abb32b;border-radius:0}
.focus-modal .dino-sale-action>.btn{order:1;min-height:42px;padding:9px 13px;font-size:13px}
.focus-modal .dino-sale-action>small{font-size:12px;flex:1;max-width:none;color:#abc1d0}
.focus-modal .detail-development{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;min-width:0;padding-top:2px}
.focus-modal .detail-development>section{min-width:0;padding-top:16px;border-top:1px solid #86abb32b}
.focus-modal .detail-development h3{font-size:16px;line-height:1.45;margin:0}
.focus-modal .detail-growth .evolution-portraits{gap:10px;margin:14px 0 0}
.focus-modal .detail-growth .evolution-portraits figure{padding:4px;border-radius:10px;background:#0c2236}
.focus-modal .detail-growth .evolution-portraits .art{border-radius:7px}
.focus-modal .detail-growth .evolution-portraits .current-stage{outline:1px solid #83d6bd;outline-offset:0;background:#133b3e}
.focus-modal .detail-growth .evolution-portraits figcaption{padding:7px 3px 5px}
.focus-modal .detail-growth .evolution-portraits b{font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.focus-modal .detail-growth .evolution-portraits small{font-size:12px;color:#b2c8d6}
.focus-modal .evolution-action{margin-top:12px}
.focus-modal .evolution-action p{font-size:13px;line-height:1.6;color:#b5cbd7;margin:0 0 9px}
.focus-modal .evolution-action .btn{min-height:42px;font-size:13px}
.focus-modal .individual-details>.info-copy{font-size:13px;line-height:1.6;color:#b5cbd7;margin:9px 0 0}
.focus-modal .individual-traits{gap:8px;margin:12px 0}
.focus-modal .individual-traits>span{min-width:0;font-size:13px;gap:7px;padding:8px 10px;border-radius:8px;background:#0d2437;flex-wrap:wrap}
.focus-modal .individual-traits b{margin-left:0;margin-inline-start:auto}
.focus-modal .individual-details>small{font-size:12px;line-height:1.55;color:#9fb9ca}
.focus-modal .detail-nickname-form{margin-top:15px;padding-top:13px;border-top:1px solid #86abb320}
.focus-modal .detail-nickname-form>label{font-size:13px;color:#bed1dd}
.focus-modal .detail-nickname-form .form-row{margin-top:7px;gap:8px}
.focus-modal .detail-nickname-form .input{min-height:42px;font-size:13px;width:100%}
.focus-modal .detail-nickname-form .btn{min-height:42px;font-size:13px;padding:9px 12px}
@media(min-width:901px){
 .focus-modal .focus-detail{grid-template-columns:minmax(280px,.86fr) minmax(360px,1.14fr)}
 .focus-modal .focus-portrait{max-width:none}
}
@media(max-width:760px){
 .focus-modal .detail-development{grid-template-columns:1fr;gap:18px}
 .focus-modal .detail-growth .evolution-portraits{max-width:460px;margin-inline:auto}
}
@media(max-width:620px){
 .focus-modal{width:calc(100vw - 20px)}
 .focus-modal .focus-detail{padding:0 16px 20px;gap:16px}
 .focus-modal .focus-companion{width:100%;max-width:400px;justify-self:center;gap:9px}
 .focus-modal .detail-quicklinks{grid-template-columns:1fr;gap:9px}
 .focus-modal .detail-quicklinks>.discover-species-cta,
 .focus-modal .detail-quicklinks>.equipment-slot{min-height:64px;padding:12px}
 .focus-modal .focus-extras>.copies-panel{padding:14px}
 .focus-modal .copies-heading{align-items:flex-start;gap:10px}
 .focus-modal .copies-heading h3{font-size:16px}
 .focus-modal .copies-heading .detail-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
 .focus-modal .copies-heading .btn{min-width:0}
 .focus-modal .copy-tabs{grid-template-columns:1fr}
 .focus-modal .copies-panel>.dino-sale-action{align-items:flex-start;flex-wrap:nowrap}
 .focus-modal .dino-sale-action>.btn{flex:none}
 .focus-modal .detail-growth .evolution-portraits{gap:7px}
 .focus-modal .individual-traits>span{font-size:12px;padding:8px}
 .focus-modal .detail-nickname-form .input{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 .focus-modal .copy-companion{transition:none}
}