.za-mascot-dock{position:fixed;z-index:44;right:clamp(20px,4vw,58px);bottom:var(--mascot-bottom,108px);width:clamp(150px,15vw,185px);height:clamp(150px,15vw,185px);pointer-events:none;isolation:isolate}
.mascot-character{display:block;width:100%;height:100%;border:0!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;pointer-events:auto;touch-action:pan-y;line-height:0;outline-offset:3px;color:inherit;border-radius:40%}
.mascot-character[hidden]{display:none!important}.mascot-character:focus-visible{outline:2px solid #c5dced}
.mascot-character canvas,.mascot-character img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;background:transparent}
.mascot-controls{position:fixed;z-index:110;bottom:16px;left:16px;max-width:calc(100vw - 32px);color:#f4f5f7;font:12px/1.4 var(--font,Arial,sans-serif);background:linear-gradient(135deg,#48565bce,#101620ee);border:1px solid #d3e2ec72;border-radius:19px;box-shadow:0 8px 28px #0005,inset 0 1px #fff4;backdrop-filter:blur(18px) saturate(120%)}
.mascot-controls summary{cursor:pointer;min-height:42px;padding:12px 16px;list-style:none}.mascot-controls summary::-webkit-details-marker{display:none}.mascot-controls summary::after{content:' ＋';opacity:.75}.mascot-controls[open] summary::after{content:' −'}
.mascot-control-body{padding:0 12px 12px;max-width:310px}.mascot-mode-group{display:flex;gap:4px;flex-wrap:wrap}.mascot-controls button{font:inherit;color:inherit;min-height:38px;border-radius:10px;border:1px solid #ffffff35;background:#ffffff08;padding:8px 10px;cursor:pointer}.mascot-controls button[aria-pressed=true]{background:#c5dced;color:#111921;border-color:#c5dced}.mascot-controls :is(button,summary):focus-visible{outline:2px solid #c5dced;outline-offset:3px}.mascot-controls output{display:block;color:#c3cdd4;margin-top:8px;max-width:270px}.mascot-controls output:empty{display:none}
@media(max-width:700px){.za-mascot-dock{right:12px;width:118px;height:118px}.mascot-controls{bottom:12px;left:12px}.mascot-controls summary{padding:10px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.mascot-character{transition:none}}