/* One persistent co-hero instrument, separate from the three skill pages. */
.companion-card{padding:14px;border:1px solid #ae8c5170;border-radius:7px;background:linear-gradient(120deg,#34463c55,#211e2666);color:#f0dfbb;min-width:0}
.companion-card h3{margin:3px 0;font:700 18px/1.2 Georgia,serif}.companion-card h3 small{font:500 12px/1.3 system-ui;color:#cbbd9c}
.companion-card p{font-size:12px;line-height:1.5;margin:8px 0}.companion-card .footnote{font-size:11px;color:#c6b79b}.companion-card button{min-height:44px;margin-top:4px}
.companion-heading{display:flex;gap:10px;align-items:center}.companion-heading .skill-icon{width:35px;height:35px;flex:none}.companion-facts{color:#edcd8c;font-weight:650}
#companionArmory{grid-column:1/-1;margin:8px 0 14px}#companionLoadout{margin-top:12px}

.live-utility-column{display:contents}
.live-companion-dock{position:absolute;left:4px;top:2px;display:flex;pointer-events:none}
.live-vitals:has(.live-companion-dock:not(.hidden)) .live-hero-seal{visibility:hidden;width:44px}
.live-vitals:has(.live-companion-dock:not(.hidden)) #combatHeroState{display:none}
.live-hud .live-companion-action{width:44px;height:44px;min-height:44px;padding:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(145deg,#3e5746ef,#192922f5);border-color:#acbe8a}
.live-companion-action .skill-icon{display:block;width:20px;height:20px}
.live-companion-action strong{font:650 9px/1.1 Georgia,serif}.live-companion-action small{font:600 8px/1.2 system-ui;color:#d5d8b6}
.companion-key-hint{display:none;position:absolute;top:3px;right:3px;border:1px solid #d7c99b90;border-radius:2px;padding:1px 2px;background:#13211e;color:#f5e8bd;font:700 9px/1 system-ui}
@media(hover:hover) and (pointer:fine){.live-companion-action{position:relative}.companion-key-hint{display:block}}
/* Portrait stacks companion and page control in the existing rail utility
   column. The maximum height stays within the two 59px skill rows. */
@media(orientation:portrait){
 .live-utility-column{display:flex;flex-direction:column;gap:5px;flex:none;align-self:end}
 .live-companion-dock{position:static;display:block}
 .live-utility-column:has(>#nextBar.hidden):has(>.live-companion-dock.hidden){display:none}
 .live-hud .live-companion-action{width:44px;min-width:44px;height:59px;min-height:59px;padding:3px;gap:1px}
 .live-companion-action .skill-icon{display:block;width:23px;height:23px}
 .live-companion-action strong{font-size:9px}.live-companion-action small{font-size:8px}
}

#shopPanel .armory-scroll{overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}#shopPanel .armory-scroll .shop-grid{overflow:visible;flex:none}#companionArmory{margin:12px 2px 6px}

@media(orientation:portrait){.live-hud .live-companion-action{height:48px;min-height:48px}}