/* Detail-only layout: library, team and skill-fragment navigation stays intact elsewhere. */
body.site-ui.site-refresh[data-page=heroes]:has(main:not(.integrated-tool-selected) #hero-builder:not([hidden])) #site-context,
body.site-ui.site-refresh[data-page=heroes] main:not(.integrated-tool-selected):has(#hero-builder:not([hidden])) :is(.integrated-tools,.integrated-native-heading,.hero-section-tabs){display:none!important}
body.site-ui.site-refresh[data-page=heroes] main:not(.integrated-tool-selected):has(#hero-builder:not([hidden])){padding-top:12px}
body.site-ui.site-refresh[data-page=heroes] #hero-app:has(#hero-builder:not([hidden])){padding:0;margin:0 auto;background:transparent;border:0}
body.site-ui.site-refresh #hero-builder .hero-build-top{margin:0;align-items:center}
body.site-ui.site-refresh #hero-builder .hero-build-top #change-hero{padding:8px 12px;font-size:12px}
body.site-ui.site-refresh #hero-builder .hero-plan-status{min-height:18px;margin:3px 0 6px;gap:8px;align-items:center;font-size:11px}
body.site-ui.site-refresh #hero-builder .hero-plan-status:has(#undo-build:not([hidden])){flex-wrap:wrap}
body.site-ui.site-refresh #hero-builder .hero-profile{margin:0 0 10px;gap:10px;align-items:center;min-width:0}
body.site-ui.site-refresh #hero-builder .hero-profile .hero-portrait.large{width:48px;height:48px;flex:0 0 48px}
body.site-ui.site-refresh #hero-builder .hero-profile .hero-portrait.large img{width:48px;height:48px}
body.site-ui.site-refresh #hero-builder .hero-profile>div:not(.hero-detail-actions){min-width:0;flex:1}
body.site-ui.site-refresh #hero-builder .hero-profile h1{font-size:18px;margin:2px 0 0;line-height:1.3;overflow-wrap:anywhere}
body.site-ui.site-refresh #hero-builder .hero-profile .hero-eyebrow{font-size:11px;line-height:1.4;letter-spacing:.04em}
body.site-ui.site-refresh #hero-builder .hero-detail-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
body.site-ui.site-refresh #hero-builder .hero-detail-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #b8e9d9;border-radius:7px;font-size:12px;line-height:1.35;text-decoration:none;background:#a6ddcb;color:#102c28;font-weight:650;box-sizing:border-box;cursor:pointer}
body.site-ui.site-refresh #hero-builder .hero-detail-actions #open-hero-awakening{background:#192f3c;color:#dce8ee;border-color:#527380}
body.site-ui.site-refresh #hero-builder .hero-config{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;gap:8px;margin:0 0 10px}
body.site-ui.site-refresh #hero-builder .hero-config label{min-width:0;margin:0;display:flex;flex-direction:column;gap:5px}
body.site-ui.site-refresh #hero-builder .hero-config :is(input,select){width:100%;min-width:0;min-height:44px;box-sizing:border-box}
body.site-ui.site-refresh #hero-builder .hero-build-top .hero-setup-tools{position:relative;overflow:visible;z-index:5;margin:0 0 0 auto}
body.site-ui.site-refresh #hero-builder .hero-setup-tools>summary{min-width:80px}
body.site-ui.site-refresh #hero-builder .hero-setup-tools>.hero-detail-menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);width:280px;max-width:calc(100vw - 36px);max-height:70vh;overflow-y:auto;display:grid;gap:4px;margin:0;padding:8px;background:#112633;border:1px solid #527380;border-radius:9px;box-shadow:0 12px 32px #0007;box-sizing:border-box}
body.site-ui.site-refresh #hero-builder .hero-detail-menu>a,body.site-ui.site-refresh #hero-builder .hero-menu-setup>button{display:flex;align-items:center;min-height:44px;padding:9px 10px;border-radius:5px;box-sizing:border-box;text-align:start;font-size:13px;line-height:1.4;text-decoration:none;background:#192f3c;color:#dce8ee;border:1px solid #3b5967;cursor:pointer}
body.site-ui.site-refresh #hero-builder .hero-detail-menu>a::after{content:'›';margin-inline-start:auto;padding-inline-start:8px;color:#b7e8db;font-size:19px}
body.site-ui.site-refresh #hero-builder .hero-menu-setup{display:grid;gap:4px;border-top:1px solid #3b5967;margin-top:4px;padding-top:8px}
body.site-ui.site-refresh #hero-builder .hero-menu-setup .copy-status:empty{display:none}
body.site-ui.site-refresh #hero-builder .hero-menu-setup .copy-status{color:#bed3dc;font-size:12px}
body.site-ui.site-refresh #hero-builder :is(.hero-detail-actions,.hero-detail-menu) :is(a,button):focus-visible{outline:3px solid #b7e8db;outline-offset:2px}
body.site-ui.site-refresh #hero-builder .hero-detail-menu>a:hover{background:#25443f;border-color:#a6ddcb}
@media(max-width:600px){body.site-ui.site-refresh #hero-builder .hero-profile:has(#open-hero-awakening){flex-wrap:wrap}body.site-ui.site-refresh #hero-builder .hero-profile:has(#open-hero-awakening) .hero-detail-actions{flex-basis:100%;justify-content:flex-start}body.site-ui.site-refresh #hero-builder .hero-detail-actions #open-hero-awakening{flex:1}body.site-ui.site-refresh #hero-builder .hero-back-team{font-size:12px;min-height:44px;display:flex;align-items:center}}
@media(forced-colors:active){body.site-ui.site-refresh #hero-builder .hero-detail-actions :is(a,button),body.site-ui.site-refresh #hero-builder .hero-detail-menu>a{background:ButtonFace;color:ButtonText;border-color:ButtonText}body.site-ui.site-refresh #hero-builder .hero-setup-tools>.hero-detail-menu{background:Canvas;color:CanvasText;border-color:CanvasText}}