/* محل الآيس كريم — coins, the customer with the order bubble, the cone being built */
.ic-coins{position:absolute;top:2.5%;left:3%;display:flex;align-items:center;gap:4px;padding:3px 10px;border:2px solid var(--line);border-radius:999px;background:#fff;font-weight:800;z-index:4}
.ic-coins small{font-size:11px;color:var(--muted);margin-inline-start:4px}
.ic-kid{position:absolute;left:4%;top:12%;width:34%;z-index:2;filter:drop-shadow(0 6px 6px #0003)}
.ic-kid.enter{animation:kidIn .5s cubic-bezier(.3,1.5,.5,1)}
.ic-kid.yay{animation:yay .6s ease 2}.ic-kid.oops{animation:no .4s ease 2}
@keyframes kidIn{from{transform:translateX(-120%)}}@keyframes yay{50%{transform:translateY(-10px) rotate(-4deg)}}@keyframes no{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.ic-bubble{position:absolute;left:40%;top:8%;width:34%;padding:4px 4px 6px;border:2.5px solid var(--line);border-radius:18px;background:#fff;text-align:center;font-weight:800;font-size:12px;z-index:3;box-shadow:0 3px 0 var(--line)}
.ic-bubble::before{content:"";position:absolute;left:-10px;top:40%;border:8px solid transparent;border-right-color:var(--line)}
.ic-mini{position:relative;width:100%;aspect-ratio:.8;overflow:hidden}
.ic-build{position:absolute;inset:0;z-index:2}
.ic-part{position:absolute;height:auto;filter:drop-shadow(0 3px 3px #0003)}
.ic-part.pop{animation:stIn .35s cubic-bezier(.3,1.7,.5,1)}
.ic-part.mini{filter:none;animation:none}