[data-uxa-drag] { z-index:35!important; max-width:calc(100vw - 20px); touch-action:none; pointer-events:auto; user-select:none; -webkit-user-select:none; }
[data-uxa-drag] button:not(.uxa-mascot-reset),[data-uxa-drag] [role="button"] { touch-action:none; cursor:grab; user-select:none; -webkit-user-select:none; }
[data-uxa-drag] img { -webkit-user-drag:none; }
[data-uxa-drag][data-dragging] { will-change:transform; }
[data-uxa-drag][data-dragging] button,[data-uxa-drag][data-dragging] [role="button"] { cursor:grabbing; }
[data-uxa-drag][data-dragging] img { animation:none!important; }
[data-uxa-drag][data-removed] { opacity:0; transform:translate3d(var(--mascot-x),var(--mascot-y),0) scale(.2)!important; transform-origin:center; pointer-events:none; visibility:hidden; transition:transform .25s ease,opacity .2s ease,visibility .25s; }
.uxa-mascot-reset { pointer-events:none; visibility:hidden; position:absolute; right:0; bottom:0; width:36px; height:36px; padding:0; display:grid; place-items:center; background:#0c2d4e; color:white; border:1px solid #91c4e8; border-radius:50%; font:22px/1 system-ui,sans-serif; opacity:0; transition:opacity .15s; cursor:pointer; }
[data-uxa-drag][data-controls] .uxa-mascot-reset { opacity:1; visibility:visible; pointer-events:auto; }
.uxa-mascot-reset:focus-visible { outline:2px solid #1685ee; outline-offset:3px; }
.uxa-mascot-remove { position:fixed; z-index:2000; left:50%; bottom:calc(20px + env(safe-area-inset-bottom)); transform:translate(-50%,30px); display:grid; justify-items:center; gap:8px; pointer-events:none; opacity:0; transition:opacity .18s,transform .18s; font:600 12px/1.3 system-ui,sans-serif; color:#982633; }
.uxa-mascot-remove span { width:64px; height:64px; border-radius:50%; display:grid; place-items:center; background:#fff0f2; border:2px solid #e38492; box-shadow:0 5px 30px #421e2930; font-size:38px; transition:transform .18s,background .18s,color .18s; }
.uxa-mascot-remove small { padding:4px 8px; border-radius:20px; background:white; }
.uxa-mascot-remove.visible { opacity:1; transform:translate(-50%,0); }
.uxa-mascot-remove.active span { transform:scale(1.2); background:#cf3b55; color:white; }
.uxa-order-confetti { position:fixed; inset:0; z-index:3000; pointer-events:none; overflow:hidden; }
.toast-container { left:50%!important; right:auto!important; bottom:calc(24px + env(safe-area-inset-bottom))!important; transform:translateX(-50%); width:max-content; max-width:calc(100vw - 32px); }
.uxa-order-confetti i { position:absolute; top:-20px; width:9px; height:14px; border-radius:2px; animation:uxa-confetti-fall 2.7s ease-in both; }
@keyframes uxa-confetti-fall { 0% { transform:translate3d(0,-20px,0) rotate(0); opacity:1; } 85% { opacity:1; } 100% { transform:translate3d(var(--drift),110vh,0) rotate(var(--spin)); opacity:0; } }
@media (max-width:1023px) { html,body,body * { scrollbar-width:none; } ::-webkit-scrollbar { display:none; width:0; height:0; } }
@media (prefers-reduced-motion:reduce) { .uxa-mascot-reset,.uxa-mascot-remove,.uxa-mascot-remove span,[data-uxa-drag][data-removed] { transition:none; } .uxa-order-confetti { display:none; } }