/* VARDENYX character frame, scale and desktop action cursors. */
.city-explorer,.gate-explorer{width:clamp(63px,8.6vw,112px);height:clamp(94px,22vh,177px)}
@media(max-width:960px){.scene-explorer.city-explorer,.scene-explorer.gate-explorer{width:clamp(55px,7.5vw,96px);height:clamp(78px,22vh,155px)}}
.hero-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:rgba(15,25,31,.52);backdrop-filter:blur(7px) saturate(.7);-webkit-backdrop-filter:blur(7px) saturate(.7);padding:clamp(8px,2vw,24px);overflow:hidden}
.hero-dialog{width:min(1410px,97vw);max-height:94dvh;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:clamp(8px,1.5vw,18px);border:1px solid #a6b8bb;border-radius:16px;background:linear-gradient(155deg,#eef3f3,#d8e0e1);box-shadow:0 24px 75px #09181bd9}
.hero-dialog .character-page{max-width:none}
.hero-dialog .hero-return-button{position:sticky;top:0;z-index:80}
@media(max-height:560px){.hero-dialog{max-height:96dvh;padding:6px}.hero-dialog .hero-column{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.hero-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}}

/* M1.16: close-only character frame; equipment by RMB/double touch, no save/detail cards. */
.hero-dialog .hero-modal-close,.character-page>.hero-modal-close{position:sticky;top:2px;float:right;z-index:95;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid #7a9097;background:#263b44;color:#fff;font-size:25px;font-weight:700;box-shadow:0 4px 12px #11262a69}
.hero-modal-close:hover{background:#476370}.hero-modal-close:focus-visible{outline:3px solid #ddbd7f;outline-offset:2px}