/* Fixed-size mascot. Position moves; neither gestures nor animation resize it. */
.elephant-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:70;contain:strict}
.quick-actions{--elephant-width:96px;--elephant-height:128px;position:absolute;left:0;bottom:calc(12px + env(safe-area-inset-bottom));width:var(--elephant-width);height:var(--elephant-height);isolation:isolate;pointer-events:none;visibility:hidden}
.quick-actions.mascot-ready{visibility:visible}
.quick-actions-toggle.elephant-toggle{display:block;position:relative;width:var(--elephant-width)!important;height:var(--elephant-height)!important;min-width:var(--elephant-width);max-width:var(--elephant-width);min-height:var(--elephant-height);max-height:var(--elephant-height);padding:0;margin:0;border:0;border-radius:12px;background:none!important;box-shadow:none!important;cursor:pointer;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:auto;resize:none;animation:none;transition:none;overflow:visible}
.elephant-sprite{display:block;position:absolute;inset:0;width:var(--elephant-width);height:var(--elephant-height);background-image:url('../images/mascot/elephant-atlas-v67.webp');background-repeat:no-repeat;background-size:400% 200%;background-position:0 100%;pointer-events:none;filter:drop-shadow(0 3px 2px #6b391320);transform-origin:center}
.elephant-sprite.faces-right{transform:rotateY(180deg)}
.quick-actions[data-character="toon"] .elephant-sprite{width:var(--elephant-height);height:var(--elephant-height);left:calc((var(--elephant-width) - var(--elephant-height))/2);background-size:400% 400%;background-image:url('../images/mascot/toon-white-body-v72.webp');transform-origin:50% 93%}
.quick-actions[data-character="toon"][data-outfit="suit"] .elephant-sprite{background-image:url('../images/mascot/toon-suit-body-v72.webp')}
.quick-actions[data-character="toon"][data-animation="walk"] .elephant-sprite{width:calc(var(--elephant-height)*.75);left:calc((var(--elephant-width) - var(--elephant-height)*.75)/2);background-size:400% 200%;background-image:url('../images/mascot/toon-white-walk-v72.webp')}
.quick-actions[data-character="toon"][data-animation="walk"][data-outfit="suit"] .elephant-sprite{background-image:url('../images/mascot/toon-suit-walk-v72.webp')}
.quick-actions[data-motion="walking"] .elephant-sprite{will-change:transform,background-position}
.quick-actions.mascot-loading{visibility:hidden}
.elephant-help{position:absolute;bottom:0;left:50%;transform:translateX(-50%);border:1px solid #f1ca72;background:#7e1230;color:#fff6df;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600;line-height:1.7;white-space:nowrap;box-shadow:0 2px 5px #5d112423;pointer-events:none}
.elephant-toggle:focus-visible{outline:3px solid #bd8b22;outline-offset:2px}
.quick-actions[data-motion="walking"] .elephant-help{visibility:hidden}
.quick-actions[data-side="left"] .quick-actions-panel{left:0;right:auto;transform-origin:bottom left}
.quick-actions.mascot-fallback .elephant-sprite{display:none}.quick-actions.mascot-fallback .elephant-help{bottom:22px;padding:12px 18px}
.quick-actions-panel{position:absolute;bottom:calc(var(--elephant-height) + 4px);right:0;width:252px;max-height:calc(100dvh - var(--elephant-height) - 32px);overflow-y:auto;overflow-x:hidden;pointer-events:auto;display:grid;gap:9px;max-width:calc(100vw - 36px);padding:12px;border:1px solid #e9d6bc;border-radius:20px;background:#fffaf4;box-shadow:0 12px 40px #3b0a2326;animation:quick-open .18s ease-out;transform-origin:bottom right}
.quick-actions-panel[hidden]{display:none!important}
.quick-action-link{min-width:0;display:flex;align-items:center;gap:11px;min-height:46px;padding:8px 10px 8px 8px;border-radius:12px;color:#6d1230;text-decoration:none!important;font-size:.83rem;white-space:normal}
.quick-action-link span{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:#f5e7d4;font-size:20px;line-height:1}
.quick-action-link b{font-weight:600;min-width:0;overflow-wrap:anywhere}.quick-action-link:hover{background:#f8ecd9}.quick-action-whatsapp span{background:#dcf2e1;color:#14733e}.quick-actions.keyboard-open{display:none}
.app-release-dialog{width:min(420px,calc(100% - 32px));padding:24px;border:1px solid #e5cda3;border-radius:20px;background:#fffaf4;color:#4a1830;box-shadow:0 16px 60px #290c2430}.app-release-dialog::backdrop{background:#26071799}.app-release-dialog h2{font-size:1.1rem;margin:0 0 12px;line-height:1.8}.app-release-dialog p{font-size:.9rem;line-height:1.9;margin:0 0 20px}.app-release-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}

@keyframes quick-open{from{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.quick-actions-toggle,.quick-actions-panel{animation:none!important;transition:none!important}}
@media print{.quick-actions,.app-release-dialog{display:none!important}}

@media print{.elephant-layer{display:none!important}}

.quick-action-link svg{display:block;width:20px;height:20px;flex:none}
@media(min-width:1024px){.quick-actions{--elephant-width:120px;--elephant-height:160px}}

