#bubbles{ position:absolute; left:0; top:0; width:1194px; height:834px; z-index:95; overflow:hidden; touch-action:none; user-select:none; -webkit-user-select:none; background:#9fd3f5; }
#bubbles[hidden]{ display:none; }
#bubbles.bb-window{ position:fixed; z-index:97000; }
body.bb-window-on .al-stamps, body.bb-window-on .al-stamps-fly, body.bb-window-on .al-power{ z-index:97001; }
#bubbles .bb-back{ position:absolute; left:0; top:0; display:block; pointer-events:none; max-width:none; max-height:none; }
#bubbles .bb-row, #bubbles .bb-sky, #bubbles .bb-drops, #bubbles .bb-ground{ position:absolute; inset:0; pointer-events:none; }
#bubbles .bb-sky{ z-index:3; }   
#bubbles .bb-row{ z-index:3; }
#bubbles .bb-fx{ position:absolute; left:0; top:0; width:1194px; height:834px; pointer-events:none; z-index:6; }
#bubbles .bb-bubble{ position:absolute; left:0; top:0; will-change:transform; }
#bubbles .bb-in{ position:absolute; inset:0; }   
#bubbles .bb-bubble .bb-pic{ position:absolute; left:9%; top:9%; width:82%; height:82%; display:flex; align-items:center; justify-content:center; }
#bubbles .bb-bubble .bb-pic img, #bubbles .bb-bubble .bb-pic .alw-pic{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block; filter:drop-shadow(0 3px 3px rgba(0,0,0,.25)); }
#bubbles .bb-pic .alw-digit{ font-family:var(--font-read); font-weight:900; font-size:78px; color:#2b3a67; line-height:1; }
#bubbles .bb-pic .alw-blob{ width:72%; height:72%; border-radius:46% 54% 50% 50% / 52% 48% 52% 48%; box-shadow:inset 0 -6px 10px rgba(0,0,0,.15); }
#bubbles .bb-bubble .bb-skin{ position:absolute; inset:0; width:100%; height:100%; display:block; pointer-events:none; opacity:.92; transform-origin:50% 50%; }
#bubbles .bb-bubble.bb-flash .bb-skin{ filter:brightness(2.2); }
#bubbles .bb-bubble.bb-sparkle .bb-skin{ animation:bb-sparkle 1s ease-in-out infinite alternate; filter:drop-shadow(0 0 14px rgba(255,255,200,.95)) brightness(1.25); }
@keyframes bb-sparkle{ from{ filter:drop-shadow(0 0 6px rgba(255,255,200,.6)) brightness(1.05); } to{ filter:drop-shadow(0 0 20px rgba(255,255,160,1)) brightness(1.4); } }
#bubbles .bb-blocker{ position:absolute; left:0; top:0; will-change:transform; z-index:3; }
#bubbles .bb-blocker img{ width:100%; height:100%; object-fit:contain; display:block; filter:drop-shadow(0 6px 6px rgba(0,0,0,.25)); }
#bubbles .bb-item{ position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; will-change:transform; z-index:4; }
#bubbles .bb-item img, #bubbles .bb-item .alw-pic{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block; filter:drop-shadow(0 6px 6px rgba(0,0,0,.3)); }
#bubbles .bb-item .alw-digit{ font-family:var(--font-read); font-weight:900; font-size:70px; color:#2b3a67; line-height:1; }
#bubbles .bb-item .alw-blob{ width:72%; height:72%; border-radius:46% 54% 50% 50% / 52% 48% 52% 48%; }
#bubbles .bb-row .bb-item{ z-index:1; }
#bubbles .bb-row .bb-item::after{ content:''; position:absolute; left:-8%; right:-8%; bottom:-6%; height:22%; border-radius:50%; background:radial-gradient(ellipse at center, rgba(255,255,255,.85), rgba(255,255,255,0) 70%); z-index:-1; }
#bubbles .bb-caught img{ filter:drop-shadow(0 3px 3px rgba(0,0,0,.3)); }
#bubbles .bb-ground{ z-index:2; }
#bubbles .bb-tramp{ position:absolute; left:0; top:0; pointer-events:auto; cursor:grab; will-change:transform; }
#bubbles .bb-tramp-pic{ width:100%; height:100%; display:block; object-fit:contain; object-position:bottom; filter:brightness(1.12) saturate(1.1) drop-shadow(0 8px 6px rgba(0,0,0,.3)); transform-origin:50% 100%; }
#bubbles .bb-ring{ position:absolute; left:0; top:0; border-radius:50%; border:6px solid rgba(255,255,255,.9); box-shadow:0 0 12px rgba(160,220,255,.9); pointer-events:none; z-index:5; }
#bubbles .bb-drop{ position:absolute; left:0; top:0; border-radius:50%; background:rgba(255,255,255,.85); box-shadow:0 0 6px rgba(160,220,255,.9); display:none; pointer-events:none; z-index:5; }
#bubbles .bb-balloon{ position:absolute; left:0; top:0; background-repeat:no-repeat; pointer-events:auto; cursor:pointer; z-index:5; filter:drop-shadow(0 6px 6px rgba(0,0,0,.25)); }
#bubbles .bb-cue{ position:absolute; display:none; background:rgba(255,255,255,.88); border-radius:18px; box-shadow:0 4px 12px rgba(0,0,0,.25); padding:8px; pointer-events:none; z-index:7; }
#bubbles .bb-cue img, #bubbles .bb-cue .alw-pic{ width:100%; height:100%; object-fit:contain; display:block; }
#bubbles .bb-pill{ position:absolute; z-index:8; background:rgba(255,255,255,.94); color:#1b3a63; border-radius:999px; padding:.3em 1em; font-family:var(--font-read); font-weight:800; line-height:1.2; text-align:center; box-shadow:0 6px 16px rgba(0,0,0,.25); white-space:nowrap; cursor:pointer; opacity:0; pointer-events:auto; }
#bubbles .bb-pill .syl-plain.lit{ color:#FF3060; }   
#bubbles .bb-hand{ position:absolute; left:0; top:0; pointer-events:none; z-index:12; filter:drop-shadow(0 6px 6px rgba(0,0,0,.35)); }   
#bubbles .al-prog{ z-index:8; }
#bubbles .al-game-close{ z-index:9; }
#bubbles.bb-colors .bb-skin{ opacity:.6; }