/* Mini Alexa has a small corner of the page and never captures pointer input outside her controls. */
.avatar-stage{min-height:9.5rem;max-width:1440px;margin:0 auto;padding:0 6% 1rem;display:flex;justify-content:flex-end;align-items:flex-end}
.avatar-dock{--avatar-size:58px;--avatar-x:0px;position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));width:calc(var(--avatar-size) + 3.25rem);height:max(88px,calc(var(--avatar-size) * 2));z-index:12;pointer-events:none;visibility:hidden;isolation:isolate}
.avatar-dock[data-ready="true"]{visibility:visible}
.avatar-dock[data-location="footer"],.avatar-dock[data-location="dialog"]{position:relative;right:auto;bottom:auto;margin-left:auto;z-index:auto}
.avatar-dock[data-location="dialog"]{--avatar-size:52px;margin-top:.75rem}
#avatar-character{position:absolute;left:0;bottom:0;width:var(--avatar-size);height:calc(var(--avatar-size) * 2);padding:0;border:0;border-radius:.65rem;background:transparent;cursor:pointer;pointer-events:auto;touch-action:manipulation;transform:translateX(var(--avatar-x));transition:transform .14s linear;-webkit-tap-highlight-color:transparent}
.avatar-sprite{display:block;width:100%;height:100%;background-image:url('./assets/alexa-avatar-sprites.png');background-repeat:no-repeat;background-size:400% 200%;background-position:var(--avatar-frame-x,0%) var(--avatar-frame-y,0%);transform:scaleX(var(--avatar-facing,1));filter:drop-shadow(0 3px 3px #0002);pointer-events:none}
.avatar-message{position:absolute;right:3.25rem;bottom:calc(var(--avatar-size) * 2 + .5rem);width:max-content;max-width:min(15rem,calc(100vw - 4.5rem));margin:0;padding:.5rem .75rem;border:1px solid var(--line);border-radius:.7rem;background:var(--panel);color:var(--text);font:.75rem/1.5 var(--sans);box-shadow:0 5px 18px #0002;transform:translateX(var(--avatar-x));overflow-wrap:anywhere;pointer-events:none}
.avatar-message:empty{display:none}
#avatar-hide,#avatar-motion{position:absolute;right:0;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--muted);font:1.15rem/1 var(--sans);cursor:pointer;pointer-events:auto;touch-action:manipulation}
#avatar-hide{top:0}#avatar-motion{bottom:0;font-size:.8rem}
#avatar-hide:hover,#avatar-motion:hover{color:var(--pink);border-color:var(--lavender)}
#avatar-motion:disabled{color:var(--muted);cursor:default;opacity:.6}
#avatar-toggle{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--text);font-size:.8rem;cursor:pointer}
#explorer-avatar-slot{min-height:0;display:flex;justify-content:flex-end}
#explorer-avatar-slot:has(.avatar-dock:not([hidden])){padding-top:2.75rem}
@media(max-width:700px){.avatar-dock{--avatar-size:44px;right:max(.5rem,env(safe-area-inset-right));bottom:max(.5rem,env(safe-area-inset-bottom))}.avatar-dock[data-location="dialog"]{--avatar-size:44px}.avatar-stage{min-height:8.5rem}.avatar-message{max-width:min(13rem,calc(100vw - 4rem));font-size:.75rem}}
@media(prefers-reduced-motion:reduce){#avatar-character,.avatar-message{transform:none;transition:none}.avatar-sprite{transform:none}}

.explorer-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}#explorer-avatar-slot:has(.avatar-dock:not([hidden])){padding-top:0}.avatar-dock[data-location="dialog"]{margin-top:0}