#balloon-scene{width:min(1000px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto;background:#f4e8cd;color:#27493c;border:1px solid #baa371;border-radius:20px}#balloon-scene::backdrop{background:#142e2bdf;backdrop-filter:blur(5px)}.balloon-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:7px 14px;gap:8px;background:#f4e8cd;border-bottom:1px solid #c8b78c;font:13px system-ui}.balloon-nav button{background:none;border:0;padding:8px;color:#315941;min-height:42px;cursor:pointer}.balloon-content{text-align:center;padding:10px 22px;position:relative}.balloon-content h1{font:600 clamp(21px,2.8vw,28px)/1.1 Georgia;margin:5px 0 10px}.balloon-stage{position:relative;width:min(100%,calc(max(180px,100svh - 285px)*1.5));aspect-ratio:3/2;margin:auto;overflow:hidden;border-radius:14px;background:#8a755c;isolation:isolate}.balloon-background{width:100%;height:100%;display:block;object-fit:cover}.balloon-agy{position:absolute;right:8%;bottom:25%;width:43%;height:71%;z-index:2}.balloon-agy>svg{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;transition:opacity .35s,transform .35s}.balloon-agy .balloon-answered{opacity:0;transform:translateY(8px)}.balloon-stage.picked-up .balloon-idle{opacity:0}.balloon-stage.picked-up .balloon-answered{opacity:1;transform:none}.balloon-counter{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:polygon(0 66%,100% 66%,100% 100%,0 100%);z-index:3;pointer-events:none}.balloon-phone{position:absolute;left:18%;top:49%;width:25%;height:22%;padding:0;background:none;border:0;cursor:pointer;z-index:5;filter:drop-shadow(0 4px 3px #332a2544)}.balloon-phone svg{width:100%;height:100%}.balloon-phone:focus-visible{outline:3px solid #fff2c2;outline-offset:3px;border-radius:12px}.balloon-phone.ringing{animation:phone-ring .32s ease-in-out infinite}.balloon-stage.picked-up .balloon-receiver{opacity:0}.balloon-ring-cue{position:absolute;left:14%;top:41%;padding:6px 9px;background:#fff0c7;border-radius:10px;color:#6b4432;font:600 clamp(12px,1.8vw,19px) Georgia;z-index:6;transform:rotate(-5deg)}.balloon-bubble{position:absolute;left:3%;top:7%;width:38%;margin:0;padding:13px;background:#fff3d3;border:2px solid #b8946e;border-radius:16px;box-shadow:0 4px 10px #3b2c2833;font:600 clamp(14px,2.2vw,23px)/1.25 Georgia;color:#493d31;z-index:7}.balloon-bubble strong{display:block;font:700 clamp(10px,1.5vw,14px) system-ui;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px;color:#567360}.balloon-bubble:after{content:'';position:absolute;top:100%;right:18%;border:11px solid transparent;border-top-color:#fff3d3}.balloon-bubble.caller:after{right:65%}.balloon-guide{height:35px;margin:8px 0 4px;font:13px/1.3 system-ui}.balloon-controls{display:flex;justify-content:center;gap:12px;min-height:44px;position:relative;z-index:12}.balloon-controls button{min-height:44px;padding:10px 16px;background:#315941;color:#fff7de;border:1px solid #a68f61;border-radius:10px;font:600 14px system-ui;cursor:pointer}.balloon-note{font:10px/1.3 system-ui;margin:6px 0 0;color:#786b54}.balloon-swarm{position:absolute;inset:0;z-index:9;pointer-events:none;overflow:hidden}.hic-balloon{position:absolute;left:var(--x);top:var(--y);width:18%;height:37%;transform:rotate(var(--tilt));animation:balloon-hic 1.3s ease-in-out var(--delay) 4}.hic-balloon svg{width:100%;height:100%;overflow:visible}.hic-balloon span{position:absolute;top:8%;left:31%;font:700 clamp(13px,2vw,23px) Georgia;color:#573b3e;transform:rotate(-9deg)}.balloon-swarm.settled .hic-balloon{animation:none}.balloon-stage.finale .balloon-bubble{z-index:12;left:37%;top:5%;width:32%;background:#fff9e5}.balloon-stage.finale .balloon-phone{pointer-events:none}.balloon-stop svg{width:57%;height:57%;filter:drop-shadow(0 3px 3px #353d3655)}@keyframes phone-ring{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes balloon-hic{0%,48%,100%{transform:rotate(var(--tilt)) translateY(0) scale(1)}55%{transform:rotate(var(--tilt)) translateY(-12px) scale(1.12,.78)}68%{transform:rotate(var(--tilt)) translateY(-24px) scale(.94,1.06)}}@media(max-width:600px){.balloon-content{padding:9px 10px}.balloon-nav{padding:6px 8px;font-size:11px}.balloon-nav span{max-width:88px}.balloon-stage{width:100%}.balloon-bubble{padding:8px;font-size:14px;width:39%;top:5%}.balloon-guide{font-size:12px;height:36px}.balloon-stage.finale .balloon-bubble{width:42%;left:26%}.balloon-note{font-size:9px}.balloon-ring-cue{font-size:11px}}@media(prefers-reduced-motion:reduce){.balloon-phone.ringing,.hic-balloon{animation:none}.balloon-agy>svg{transition:none}}
.balloon-cord{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;opacity:0;transition:opacity .35s}.balloon-stage.picked-up .balloon-cord{opacity:1}@media(prefers-reduced-motion:reduce){.balloon-cord{transition:none}}

.hic-balloon>span{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-style:normal;font-variant:normal;letter-spacing:.03em;text-transform:none}

/* Keep all layers together while the actual mounted shop artwork loads. */
.balloon-content.is-loading .balloon-stage{visibility:hidden;pointer-events:none}
.balloon-content.is-loading .balloon-controls button{cursor:wait}