.hero-army-nav{display:grid;gap:.7rem;margin-bottom:1.2rem}.hero-army-nav .selected{border-color:#f2d08a;background:#315653}.hero-wallet{display:flex;gap:.8rem;flex-wrap:wrap;margin:1rem 0}.hero-wallet span{padding:.8rem;border:1px solid #436871;border-radius:10px;background:#16313b}.hero-recruit,.hero-detail,.hero-hunts{border:1px solid #4a7179;border-radius:14px;background:linear-gradient(140deg,#17373f,#102632);padding:1.2rem;margin:1rem 0}.hero-recruit-actions{display:flex;gap:.8rem;flex-wrap:wrap}.hero-guarantees{padding:.8rem;border-radius:9px;background:#253e47;color:#eed6a0}.hero-recruit details p{line-height:1.7}.hero-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.8rem}.hero-portrait{display:block;aspect-ratio:1;width:100%;background-image:url('assets/hero-roster-v17.png');background-size:300% 500%;background-position:var(--hero-x) var(--hero-y);border-radius:10px;border:1px solid var(--hero-color,#667a85);pointer-events:none}.hero-roster-card{display:grid;align-content:start;gap:.45rem;text-align:left;padding:.6rem;border:1px solid #3c5c6b;border-radius:12px;background:#142d3a;color:#dfedf1}.hero-roster-card b{font-size:.95rem}.hero-roster-card small{color:var(--hero-color)}.hero-roster-card.selected{border:2px solid var(--hero-color)}.hero-roster-card.unowned{opacity:.6}.hero-roster-card em{color:#e8ce8c;font-size:.75rem}.hero-results{margin:1.5rem 0}.hero-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.7rem}.hero-result-grid>div{padding:.6rem;border:1px solid var(--hero-color);border-radius:12px;background:#1a303e;display:grid;gap:.4rem}.hero-result-grid .hero-portrait{max-width:180px}.hero-result-grid small{color:var(--hero-color)}.hero-result-grid span:last-child{color:#79dec0}.hero-detail-heading{display:flex;align-items:center;gap:1rem}.hero-detail-heading .hero-portrait{width:135px;flex-shrink:0}.hero-detail-heading h3{font-size:1.4rem}.hero-upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.hero-upgrade-grid article{padding:1rem;border:1px solid #43636c;border-radius:10px}.hero-upgrade-grid button{margin-top:.7rem}.hero-weekly{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.9rem 0;border-top:1px solid #3e5a65}.hero-weekly span{display:grid;gap:.4rem}.nexus-summary{border:1px solid #547885;padding:1rem;margin:1rem 0;border-radius:12px}.hero-confirm-cost{padding:1rem;background:#203b43;border-radius:10px;margin:1rem 0}.hero-hunts p{line-height:1.7}@media(max-width:600px){.hero-wallet{display:grid;grid-template-columns:1fr 1fr;font-size:.85rem}.hero-wallet span:last-child{grid-column:1/-1}.hero-roster{grid-template-columns:1fr 1fr}.hero-recruit-actions{display:grid}.hero-recruit-actions button{width:100%}.hero-result-grid{grid-template-columns:repeat(3,1fr);font-size:.75rem}.hero-result-grid .hero-portrait{max-width:none}.hero-detail-heading{align-items:flex-start}.hero-detail-heading .hero-portrait{width:100px}.hero-detail-heading h3{font-size:1.2rem}.hero-upgrade-grid{grid-template-columns:1fr}.hero-weekly{align-items:flex-start;flex-direction:column}}

.hero-screen .map-wrap,.hero-screen .dock-toolbar{display:none}.hero-screen .app>main{display:flex;flex-direction:column}.hero-screen .resources{position:static;flex-shrink:0;width:auto;max-width:none;margin:8px 10px;transform:none}.hero-screen .panel,.hero-screen.dock-collapsed .panel{display:block;flex:1 1 auto;min-height:0;max-height:none;width:100%;border-left:0;padding:14px 20px}.hero-screen .bottom-nav{flex-shrink:0}
.hero-portrait{position:relative}.hero-tier-badge{position:absolute;top:3px;right:3px;display:grid;place-items:center;min-width:23px;height:23px;padding:1px 5px;border-radius:5px;border:1px solid #fff5;background:var(--hero-color);color:#102633!important;font:bold 15px Arial;box-shadow:0 2px 5px #071b29aa}.legion-card-portraits .hero-tier-badge{min-width:16px;height:17px;padding:0 3px;font-size:11px;top:2px;right:2px}.hero-tier-section{margin:1.5rem 0;padding:1rem;border:1px solid var(--hero-color);border-radius:14px;background:linear-gradient(120deg,#193843,#102731)}.hero-tier-section>header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.hero-tier-section h3{color:var(--hero-color);margin:.2rem 0}.hero-tier-section header p{margin:.35rem 0;font-size:.85rem;line-height:1.6}.hero-tier-letter{display:grid;place-items:center;flex-shrink:0;width:54px;height:62px;border:2px solid var(--hero-color);border-radius:11px;background:#122732;color:var(--hero-color);font:bold 35px Georgia;box-shadow:inset 0 0 15px #ffffff08}.hero-combat-comparison{padding:1rem;margin:1rem 0;border:1px solid var(--hero-color);border-radius:12px;background:#102b36}.hero-combat-comparison h4{color:var(--hero-color)}.hero-comparison-scroll{overflow-x:auto;margin:1rem 0}.hero-comparison-scroll table{width:100%;border-collapse:collapse;font-size:.85rem}.hero-comparison-scroll td,.hero-comparison-scroll th{padding:.75rem .5rem;text-align:left;border-bottom:1px solid #48616c;vertical-align:top}.hero-comparison-scroll td{color:#b8edda}.hero-comparison-scroll td small{display:block;font-size:.75rem}.hero-combat-comparison>small{line-height:1.7;display:block}@media(max-width:600px){.hero-tier-section{padding:.8rem}.hero-tier-section>header{gap:.7rem}.hero-tier-letter{width:42px;height:54px;font-size:29px}.hero-tier-section h3{font-size:1rem}.hero-combat-comparison{padding:.7rem}.hero-comparison-scroll td,.hero-comparison-scroll th{padding:.6rem .35rem;font-size:.75rem}.deployment-success .primary{width:100%}}

.hero-portrait.hero-individual-art{background-image:var(--hero-image);background-size:cover;background-position:center}.hero-portrait.hero-exalted{border:2px solid #ffe19b;box-shadow:0 0 10px #aa6bff66,inset 0 0 8px #d7b65d55}.hero-exalted-tag{display:inline-block;font:700 10px/1.4 Arial,sans-serif;color:#ffe8a6;background:#574273;border:1px solid #d3ae64;border-radius:5px;padding:4px 6px}.hero-unlock-panel{border:1px solid #b0a16d;border-radius:10px;background:#233342;padding:14px;margin:12px 0}.hero-unlock-panel h4{margin:0 0 8px;color:#f2d69e}.hero-unlock-panel p{font-size:12px;line-height:1.5}.hero-unlock-checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero-unlock-checklist>div{padding:6px;background:#102c39;border-radius:8px;min-width:0}.hero-unlock-checklist small{display:block;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.hero-unlock-checklist .hero-portrait{max-width:76px;margin:auto auto 5px}.hero-unlock-checklist .collected{color:#8fe1be}.hero-lock-note{font:11px/1.4 Arial,sans-serif;color:#e1b790}.hero-roster-card.hero-exalted-card{border-color:#c5a466;background:linear-gradient(150deg,#3e3550,#142d3a)}.hero-skill-extra{border-left:3px solid #d4ae6d;padding-left:12px}