/* Keep the current Codex on screen while the real detail scene prepares. */
.hero-detail-frame{position:fixed;inset:0;width:100%;height:100dvh;border:0;z-index:2147483000;background:#091011;visibility:hidden}
.hero-detail-frame.is-ready{visibility:visible}
.hero-detail-loading{position:fixed;right:24px;bottom:24px;z-index:2147483001;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 48px);padding:16px 20px;background:#0b1928f5;border:1px solid #d8bd7960;box-shadow:0 8px 32px #0008;color:#e6d9b7;font:14px system-ui,sans-serif}
.hero-detail-loading button{background:transparent;border:0;color:inherit;font:inherit;cursor:pointer;padding:4px}
.hero-detail-loading::before{content:'';width:20px;height:20px;flex-shrink:0;border:1px solid #d8bd7940;border-top-color:#e6d9b7;transform:rotate(45deg);animation:hero-detail-orbit 1.5s linear infinite}
@keyframes hero-detail-orbit{to{transform:rotate(405deg)}}
@media(prefers-reduced-motion:reduce){.hero-detail-loading::before{animation:none}}