/* Base-character phase: images on the roster, one on-demand 3D dialog. */
.avatar.avatar-base3d{display:block;object-fit:contain;object-position:center bottom;pointer-events:none;user-select:none}
.hero-card-art .avatar-base3d,.hero-sheet-art .avatar-base3d{max-height:100%;max-width:100%}
.base-character-open{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:2}
.dialog-hero-art.dialog-hero-art-3d{padding:0;width:340px;max-width:100%;align-self:stretch;overflow:hidden}
.dialog-hero .dialog-close{z-index:5}
.base-character-viewer{position:relative;width:100%;height:min(62dvh,510px);min-height:350px}
.base-character-canvas{position:absolute;inset:14px 0 50px;overflow:hidden}
.dialog-hero-art .base-character-canvas .avatar-base3d{height:100%;width:100%;max-height:none;object-fit:contain}
.base-character-canvas canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y}
[data-base-character-viewer] [hidden]{display:none!important}
.base-character-status{position:absolute;top:18px;left:12px;right:12px;z-index:2;padding:8px;border-radius:6px;background:var(--surface-3);background:color-mix(in srgb,var(--surface-3) 90%,transparent);color:var(--ink-2);font-size:12px;text-align:center;pointer-events:none}
.base-character-retry{position:absolute;top:88px;left:50%;transform:translateX(-50%);z-index:3}
.base-character-controls{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:center;gap:4px}
.base-character-controls button{border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--ink-2);padding:8px 12px;font:inherit;font-size:11px;cursor:pointer;min-height:34px}
.base-character-controls button[aria-pressed="true"]{background:var(--surface-hover);border-color:var(--action);color:var(--ink)}
.base-character-controls button:disabled{opacity:.45;cursor:wait}
.dialog-hero.is-out .base-character-canvas{filter:grayscale(.85)}
@media(max-width:700px){.dialog-hero-art.dialog-hero-art-3d{width:100%;min-width:0}.base-character-viewer{height:390px;min-height:0}.base-character-canvas{inset:8px 0 48px}.base-character-controls{bottom:9px}}