/* A small, pooled balloon playground in MindoPop's paper, sage, and apricot palette. */
.balloon-game{margin:32px 0 28px;padding:26px;border:1px solid var(--line,#e6e6da);border-radius:22px;background:var(--white,#fffef9);color:var(--ink,#283d30);scroll-margin-top:18px}
.balloon-game [hidden]{display:none!important}
.balloon-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.balloon-eyebrow{display:flex;align-items:center;gap:8px;color:#8b957e;font-size:9px;font-weight:750;letter-spacing:1.7px}
.balloon-eyebrow:before{content:'';width:17px;height:2px;background:var(--orange,#dc7946)}
.balloon-heading h2{font:800 30px/1.2 var(--font-heading,'Manrope','Segoe UI',sans-serif);letter-spacing:-.8px;margin:9px 0}
.balloon-heading p{font-size:13px;line-height:1.6;color:#87917b;margin:0}
.balloon-heading-art{position:relative;width:106px;height:80px;flex-shrink:0;margin-right:10px}
.balloon-heading-art i{position:absolute;left:16px;top:14px;width:35px;height:44px;border-radius:50% 50% 47% 47%;background:#e99886;transform:rotate(-16deg);box-shadow:inset 6px 4px 0 #ffffff42,inset -3px -3px 0 #00000008}
.balloon-heading-art i:after{content:'';position:absolute;width:1px;height:22px;background:#b5b79f;left:50%;top:43px;transform:rotate(8deg)}
.balloon-heading-art i:nth-child(2){left:41px;top:0;background:#a9c488;transform:rotate(8deg)}
.balloon-heading-art i:nth-child(3){left:65px;top:20px;background:#c4adde;transform:rotate(18deg)}
.balloon-heading-art span{position:absolute;top:7px;left:7px;font-size:19px;color:#deb67b}
.balloon-modes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;border:0;padding:0;margin:0 0 15px}
.balloon-modes legend{padding:0 0 11px;font-size:11px;font-weight:650;color:#7c896e}
.balloon-mode{display:flex;align-items:center;gap:10px;text-align:start;min-height:62px;padding:11px 14px;border:1px solid #e5e6da;border-radius:13px;background:#f8f7ef;color:#7f8b73;transition:background .15s,border-color .15s}
.balloon-mode>span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;background:#ebece0;border-radius:10px;font:800 17px var(--font-heading,'Manrope',sans-serif);color:#8b9a77}
.balloon-mode:first-of-type>span{font-size:10px;letter-spacing:-.3px}
.balloon-mode strong{font-size:12px;font-weight:650;overflow-wrap:anywhere;line-height:1.35}
.balloon-mode[aria-pressed=true]{border-color:#d2ad87;background:#fff1df;color:#8d663f}
.balloon-mode[aria-pressed=true]>span{background:#f7dbb6;color:#a26f38}
.balloon-mode:hover:not(:disabled){border-color:#c3cdaa;background:#f0f3e6}
.balloon-mode:disabled{opacity:.57}
.balloon-mode:disabled[aria-pressed=true]{opacity:1}
.balloon-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 20px}
.balloon-settings{display:flex;align-items:center;flex-wrap:wrap;gap:5px 20px}.balloon-options .balloon-option-note{flex-basis:100%;margin:0;font-size:10px;line-height:1.6;color:#879478}.balloon-specials:has(input:disabled){cursor:default}.balloon-specials:has([data-balloon-number-speech]:disabled){color:#9ba28e}
.balloon-specials{display:flex;align-items:center;gap:9px;min-height:32px;font-size:12px;font-weight:600;color:#78896a;cursor:pointer}
.balloon-specials input{width:18px;height:18px;margin:0;accent-color:#8ca569;cursor:inherit}
.balloon-legend{display:flex;flex-wrap:wrap;gap:13px;color:#929986;font-size:10px}
.balloon-legend>span{display:flex;align-items:center;gap:5px}
.balloon-legend i{font-style:normal;font-size:14px}.balloon-legend-gold{color:#bf9346}.balloon-legend-heart{color:#da9297}.balloon-legend-bomb{color:#9e94af}
.balloon-hud{display:flex;align-items:center;gap:26px;padding:14px 17px;border:1px solid #e0e6d5;border-radius:15px;background:#f1f4e9;margin-bottom:10px}
.balloon-hud>div:not(.balloon-toolbar){display:flex;flex-direction:column;gap:4px}
.balloon-hud>div>span{font-size:9px;color:#879478;font-weight:650;letter-spacing:.2px}
.balloon-hud strong{font:800 26px/1.2 var(--font-heading,'Manrope','Segoe UI',sans-serif);font-variant-numeric:tabular-nums}
.balloon-score strong{color:var(--orange,#dc7946);min-width:30px}.balloon-record strong{color:#958568}
.balloon-lives{margin-left:auto}.balloon-lives strong{display:flex;gap:5px}.balloon-lives i{font-size:22px;color:#dc9195;font-style:normal;line-height:1.4}.balloon-lives i.is-lost{color:#d6dccb}
.balloon-lives strong[data-count=infinite] i{font-size:32px;line-height:1;color:#879c69}.balloon-results.is-practice{grid-template-columns:1fr}
.balloon-toolbar{display:flex;gap:7px}
.balloon-tool{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d9e0ce;border-radius:10px;background:#fffef8;color:#718362;min-height:44px;padding:8px 11px}
.balloon-tool>span:first-child{font-size:18px;font-weight:800;line-height:1}.balloon-tool-label{font-size:10px;font-weight:600}.balloon-tool[data-muted=true]>span:first-child{color:#acb39f;text-decoration:line-through}
.balloon-tool:hover:not(:disabled){background:#f8eddb;border-color:#dccbac}
.balloon-question{min-height:50px;display:flex;align-items:center;justify-content:center;gap:14px;padding:9px 12px;color:#78885e;text-align:center;font-size:13px;line-height:1.4}
.balloon-question strong{font-weight:700}.balloon-question:has(.balloon-sequence){flex-wrap:wrap}
.balloon-count-card{min-height:220px;padding:14px 18px;margin:0 0 12px;border:1px solid #e6dac0;border-radius:15px;background:#fff8e9;color:#827b59}.balloon-count-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:9px}.balloon-count-heading>div{min-width:0}.balloon-count-heading span{font-size:9px;color:#a4926d}.balloon-count-heading h3{margin:4px 0 0;font-size:14px;line-height:1.5;font-weight:750;overflow-wrap:anywhere}.balloon-count-heading>strong{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:12px;background:#f2dfbd;color:#a3773e;font:800 34px/1 var(--font-heading,'Manrope',sans-serif);font-variant-numeric:tabular-nums}.balloon-count-stars{display:grid;grid-template-columns:repeat(5,44px);justify-content:center;gap:5px;min-height:93px;direction:ltr}.balloon-count-star{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid transparent;border-radius:11px;background:#f4eddc;color:#c7c6ae;touch-action:manipulation;transition:background .18s,color .18s;cursor:pointer}.balloon-count-star>span{font-size:27px;line-height:1}.balloon-count-star:disabled{opacity:1;cursor:default}.balloon-count-star.is-next{border-color:#c8ac76;background:#fff0ce;color:#b69b68;box-shadow:0 0 0 2px #ecd8ae66}.balloon-count-star.is-counted{background:#f2d28c;color:#ad8037}.balloon-count-star:focus-visible{outline:3px solid #a07dc1;outline-offset:2px}.balloon-count-footer{display:flex;align-items:center;justify-content:space-between;gap:5px 12px;flex-wrap:wrap;margin-top:9px;font-size:10px;line-height:1.5}.balloon-count-footer p{margin:0;color:#a39270}.balloon-count-footer>strong{font-weight:700;white-space:nowrap}.balloon-count-card.is-complete{border-color:#cfddbd}.balloon-count-card.is-empty .balloon-count-heading{margin-bottom:0}.balloon-count-card.is-empty .balloon-count-stars{display:none}.balloon-count-card.is-empty{display:flex;align-items:center}.balloon-count-card.is-empty .balloon-count-heading{width:100%}.balloon-game[data-balloon-counting=true] .balloon-stage{height:360px}
.balloon-goal{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px 16px;padding:12px 16px;margin-top:13px;border:1px solid #e9dab8;border-radius:13px;background:#fff4df;color:#8c754e}.balloon-goal-copy{display:flex;flex-direction:column;gap:5px}.balloon-goal-copy>span{font-size:9px;color:#9d906f}.balloon-goal-copy>strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.balloon-goal-count{font:800 20px var(--font-heading,'Manrope',sans-serif);font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;unicode-bidi:isolate}.balloon-goal-track{grid-column:1/-1;height:6px;border-radius:8px;background:#eadfc6;overflow:hidden}.balloon-goal-track>span{display:block;width:0;height:100%;border-radius:inherit;background:#d7a25f;transition:width .25s ease-out}.balloon-goal.is-complete{border-color:#d5dfbf;background:#edf4e4}.balloon-goal.is-complete .balloon-goal-track>span{background:#97b572}.balloon-hint-note{position:absolute;bottom:12px;left:12px;right:12px;z-index:3;width:max-content;max-width:calc(100% - 24px);margin:0 auto;padding:6px 11px;border-radius:20px;background:#fff8e8e6;color:#967444;text-align:center;font-size:11px;line-height:1.5;pointer-events:none}
.balloon-sequence{display:flex;gap:6px;align-items:center;direction:ltr}
.balloon-sequence b{position:relative;display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#edf0e2;color:#a1aa8d;font-size:12px;font-weight:700}.balloon-sequence b.is-current{background:#f6dbb3;color:#966d35;outline:1px solid #dfbb8c}.balloon-sequence b.is-complete{background:#dceacb;color:#68824c}
.balloon-stage{position:relative;isolation:isolate;overflow:hidden;height:460px;border:1px solid #d5e2d7;border-radius:17px;background:linear-gradient(#e4f0eb,#eef3e7 70%,#e3ead5);contain:layout paint;touch-action:manipulation}
.balloon-scenery,.balloon-flight,.balloon-effects{position:absolute;inset:0}.balloon-scenery,.balloon-effects{pointer-events:none}.balloon-scenery{overflow:hidden;z-index:-1}.balloon-flight{z-index:1}.balloon-effects{z-index:2}
.balloon-sun{position:absolute;left:7%;top:27px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f6e3aa;color:#c1a468;font-size:25px;opacity:.78;box-shadow:0 0 0 7px #f7e9ba55}
.balloon-cloud{position:absolute;width:94px;height:25px;background:#fffef6b3;border-radius:50px;top:57px;left:25%}.balloon-cloud:before,.balloon-cloud:after{content:'';position:absolute;bottom:8px;width:41px;height:37px;background:inherit;border-radius:50%;left:13px}.balloon-cloud:after{width:32px;height:29px;left:45px}.balloon-cloud:nth-of-type(2){left:auto;right:11%;top:120px;transform:scale(.8);opacity:.8}.balloon-cloud:nth-of-type(3){left:9%;top:216px;transform:scale(.55);opacity:.65}
.balloon-grass{position:absolute;left:-10%;right:-10%;bottom:-46px;height:93px;border-radius:50% 55% 0 0;background:#ceddac;box-shadow:45px -9px 0 #dbe5c3}
.balloon-flower{position:absolute;bottom:13px;left:12%;font-size:21px;color:#e5b994;transform:rotate(-10deg)}.balloon-flower:nth-last-child(2){left:76%;bottom:20px;color:#b2a0cb;font-size:17px}.balloon-flower:last-child{left:85%;bottom:10px;color:#f5f0ce;font-size:22px}
.balloon-target{position:absolute;top:0;left:0;padding:0;border:0;background:transparent;border-radius:50%;min-width:44px;min-height:52px;touch-action:manipulation;user-select:none;-webkit-user-select:none;will-change:transform;cursor:crosshair;appearance:none;opacity:1}
.balloon-target:disabled{opacity:1}.balloon-target:focus-visible{outline:3px solid #a07dc1;outline-offset:4px}
.balloon-target.is-hint:after{content:'';position:absolute;inset:-6px;pointer-events:none;border:3px solid #c99540;border-radius:50%;box-shadow:0 0 0 3px #fff9e3aa;animation:balloon-hint-glow 1.6s ease-in-out infinite}
@keyframes balloon-hint-glow{0%,100%{opacity:.7}50%{opacity:1}}
.balloon-body{position:absolute;inset:0;display:grid;place-items:center;border-radius:50% 50% 46% 46%;background:var(--balloon-color);box-shadow:inset 5px 3px 0 #ffffff30,inset -5px -8px 0 #00000009,0 3px 0 #00000006;border:1px solid #ffffff44;overflow:hidden;pointer-events:none}
.balloon-shine{position:absolute;top:12%;left:18%;width:14%;height:23%;border-radius:50%;background:#ffffff6b;transform:rotate(24deg)}
.balloon-knot{position:absolute;top:calc(100% - 2px);left:calc(50% - 5px);width:10px;height:9px;background:var(--balloon-color);clip-path:polygon(50% 0,100% 100%,0 100%);pointer-events:none}
.balloon-string{position:absolute;left:49%;top:calc(100% + 5px);width:7px;height:26px;border-left:1px solid #8ea48c99;border-bottom:1px solid #8ea48c99;border-radius:0 0 0 55%;transform:rotate(-10deg);pointer-events:none}
.balloon-number{position:relative;font:850 34px/1 var(--font-heading,'Manrope','Segoe UI',sans-serif);color:#334a3b;text-shadow:0 1px 0 #ffffff75;z-index:1;direction:ltr;unicode-bidi:isolate}
.balloon-quantity{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,14px);justify-content:center;align-content:center;gap:3px;width:48px;min-height:31px;direction:ltr}
.balloon-quantity svg{width:14px;height:14px;fill:#fff6c2;stroke:#4a583c;stroke-width:1.8;stroke-linejoin:round}
.balloon-quantity:has(svg:only-child){grid-template-columns:14px}
.balloon-quantity:has(svg:nth-child(2):last-child){grid-template-columns:repeat(2,14px)}
.balloon-target.is-comparison .balloon-face{top:80%;transform:translateX(-50%) scale(.55);opacity:.45}
.balloon-target.is-comparison .balloon-shine{opacity:.4}
.balloon-comparison-reference{display:inline-flex;justify-content:center;align-items:center;gap:5px;padding:5px 9px;border:1px dashed #8a9e72;border-radius:10px;background:#f8faed;direction:ltr}
.balloon-comparison-reference svg{width:19px;height:19px;fill:#fff0aa;stroke:#4a583c;stroke-width:1.8;stroke-linejoin:round}
.balloon-game[data-balloon-mode=compare] .balloon-question{flex-wrap:wrap;gap:5px 10px}
.balloon-game[data-balloon-mode=compare] .balloon-question strong{line-height:1.4}
.balloon-face{position:absolute;left:50%;top:54%;width:29px;height:18px;transform:translateX(-50%);color:#414d3f;opacity:.6}
.balloon-face i{position:absolute;left:4px;top:0;width:4px;height:5px;border-radius:50%;background:currentColor}.balloon-face i:nth-child(2){left:auto;right:4px}.balloon-face b{position:absolute;left:9px;top:8px;width:11px;height:7px;border:2px solid currentColor;border-top:0;border-radius:0 0 12px 12px}
.balloon-number:not(:empty)~.balloon-face{top:74%;transform:translateX(-50%) scale(.65);opacity:.5}
.balloon-special-icon{font-size:34px;color:#fff5ce;text-shadow:0 2px 0 #ad854233;z-index:1}
.balloon-target[data-kind=surprise]{--balloon-color:#b49bd8!important}.balloon-target[data-kind=surprise] .balloon-body{background:linear-gradient(135deg,#f2b8c8 0%,#dac2ed 35%,#bde3ec 67%,#f4dea2 100%);border-color:#fff8e0;box-shadow:inset 6px 4px 0 #ffffff52,inset -3px -3px 0 #b694cf22,0 0 0 2px #dac8e855}.balloon-target[data-kind=surprise] .balloon-special-icon{font-size:34px;text-shadow:none}.balloon-target[data-kind=surprise] .balloon-face{top:79%;transform:translateX(-50%) scale(.65)}
.balloon-target[data-kind=golden]{--balloon-color:#e5c171!important}.balloon-target[data-kind=golden] .balloon-body{background:linear-gradient(125deg,#f4dd8f,#dfb159);border-color:#f3dfa0}.balloon-target[data-kind=golden] .balloon-face{top:76%;transform:translateX(-50%) scale(.65)}
.balloon-target[data-kind=heart]{--balloon-color:#e397a3!important}.balloon-target[data-kind=heart] .balloon-body{border-radius:42% 42% 49% 49%;background:#e397a3}.balloon-target[data-kind=heart] .balloon-special-icon{color:#fff6ef;font-size:39px}.balloon-target[data-kind=heart] .balloon-face{top:77%;transform:translateX(-50%) scale(.65)}
.balloon-target[data-kind=bomb]{--balloon-color:#b5a6ce!important}.balloon-target[data-kind=bomb] .balloon-body{background:#b5a6ce}.balloon-target[data-kind=bomb] .balloon-face{top:43%;opacity:.78;width:37px;height:29px}.balloon-target[data-kind=bomb] .balloon-face i{width:11px;height:12px;border:3px solid #fff8f4;background:#585266}.balloon-target[data-kind=bomb] .balloon-face i:first-child{transform:rotate(-12deg)}.balloon-target[data-kind=bomb] .balloon-face i:nth-child(2){transform:rotate(12deg)}.balloon-target[data-kind=bomb] .balloon-face b{top:17px;left:13px;width:12px;height:9px;background:#e68b9f;border-color:#62536e}.balloon-target[data-kind=bomb] .balloon-shine{width:22%;height:9%;top:15%;left:41%;background:#fff9e699;transform:rotate(-16deg);border-radius:5px}
.balloon-burst{position:absolute;top:0;left:0;width:0;height:0;display:flex;align-items:center;flex-direction:column;pointer-events:none;will-change:transform,opacity}
.balloon-burst>strong{position:absolute;top:-27px;color:#4c6147;font:850 48px/1 var(--font-heading,'Manrope','Segoe UI',sans-serif);text-shadow:2px 0 #fffdf5,-2px 0 #fffdf5,0 2px #fffdf5,0 -2px #fffdf5;direction:ltr;unicode-bidi:isolate;z-index:1}
.balloon-burst>small{position:absolute;top:26px;color:#73874f;font:800 18px/1.3 var(--font-heading,'Manrope','Segoe UI',sans-serif);text-shadow:0 1px #fffdf5;white-space:nowrap}
.balloon-burst[data-kind=wrong]>strong{color:#a68385}.balloon-burst[data-kind=bomb]>strong{color:#9786a9}.balloon-burst[data-kind=heart]>strong{color:#d68d9c}.balloon-burst[data-kind=golden]>strong{color:#b28a42}
.balloon-burst[data-kind=surprise]>strong{top:-31px;font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif;font-size:48px;text-shadow:none;will-change:transform}.balloon-burst[data-kind=surprise]>small{color:#8b70a7;top:29px}.balloon-surprise-bits{position:absolute;inset:0;pointer-events:none}.balloon-surprise-bits i{position:absolute;left:-12px;top:-12px;font-style:normal;font-size:23px;line-height:1;font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif;will-change:transform}.balloon-surprise-bits i:nth-child(even){font-size:19px}
.balloon-sparks{position:absolute;inset:0}.balloon-sparks i{position:absolute;left:-3px;top:-3px;width:6px;height:9px;border-radius:4px;background:var(--burst-color);transform:rotate(var(--spark-angle)) translateY(-28px);opacity:0}
.is-bursting .balloon-sparks i{animation:var(--spark-animation,balloon-spark) .5s ease-out both}.balloon-sparks i:nth-child(even){background:#e2ba74}
@keyframes balloon-spark{0%{opacity:1;transform:rotate(var(--spark-angle)) translateY(-10px) scale(1)}100%{opacity:0;transform:rotate(var(--spark-angle)) translateY(-59px) scale(.3)}}
@keyframes balloon-spark-again{0%{opacity:1;transform:rotate(var(--spark-angle)) translateY(-10px) scale(1)}100%{opacity:0;transform:rotate(var(--spark-angle)) translateY(-59px) scale(.3)}}
.balloon-toast{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:3;width:max-content;max-width:calc(100% - 28px);padding:11px 21px;border:1px solid #f4dcaa;border-radius:30px;background:#fff3d8;color:#a38042;text-align:center;font:800 19px/1.3 var(--font-heading,'Manrope','Segoe UI',sans-serif);pointer-events:none;box-shadow:0 4px 15px #6d793016}
.balloon-toast.is-celebrating{animation:balloon-cheer .38s ease-out both}.balloon-toast:before,.balloon-toast:after{content:'✦';display:inline-block;margin:0 8px;color:#d1a567}
@keyframes balloon-cheer{0%{transform:translateX(-50%) scale(.7);opacity:0}65%{transform:translateX(-50%) scale(1.08);opacity:1}100%{transform:translateX(-50%) scale(1)}}
.balloon-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:24px 16px;background:#e6eee929}
.balloon-start-card{width:min(350px,100%);padding:25px 27px 22px;border:1px solid #fff;border-radius:19px;background:#fffdf6f5;text-align:center;box-shadow:0 10px 32px #4c694b12}
.balloon-card-art{display:grid;place-items:center;width:53px;height:53px;margin:0 auto 12px;background:#f4e9d7;border-radius:50%;font-size:30px;transform:rotate(-12deg)}
.is-goal-complete .balloon-card-art{animation:balloon-goal-star .6s ease-out both}
@keyframes balloon-goal-star{0%{transform:rotate(-15deg) scale(.6)}55%{transform:rotate(8deg) scale(1.12)}100%{transform:rotate(-12deg) scale(1)}}
.balloon-start-card h3{font:800 21px/1.35 var(--font-heading,'Manrope','Segoe UI',sans-serif);letter-spacing:-.4px;margin:0 0 10px;color:#566c48}
.balloon-start-card p{font-size:12px;color:#8a937d;line-height:1.75;margin:0 0 19px}
.balloon-primary{display:flex;align-items:center;justify-content:center;min-height:49px;width:100%;border:0;border-radius:11px;background:var(--orange,#dc7946);color:#fffdf6;font-size:14px;font-weight:700;box-shadow:0 3px 0 #b9663333;touch-action:manipulation}
.balloon-primary:hover{background:#c97143}.balloon-primary:active{transform:translateY(1px)}
.balloon-start-card>small{display:block;margin-top:13px;font-size:10px;line-height:1.5;color:#a1a58e}
.balloon-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.balloon-results>div{display:flex;flex-direction:column;gap:5px;padding:11px;border-radius:11px;background:#f3f2e4}.balloon-results span{font-size:10px;color:#96977e}.balloon-results strong{font:800 30px var(--font-heading,'Manrope',sans-serif);color:#b9844d;font-variant-numeric:tabular-nums}
.balloon-footnote{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;margin-top:11px}.balloon-footnote p{font-size:10px;line-height:1.6;margin:0;color:#9ba28e}.balloon-footnote .balloon-storage-note{color:#ae8c5c}
.balloon-game[data-balloon-status=paused] .balloon-sparks i{animation-play-state:paused}
.balloon-game[data-reduced-motion=true] .balloon-sparks i{animation:none}.balloon-game[data-reduced-motion=true] .balloon-toast{animation:none}.balloon-game[data-reduced-motion=true] .balloon-primary:active{transform:none}
.balloon-game[data-reduced-motion=true] .balloon-target.is-hint:after,.balloon-game[data-reduced-motion=true] .is-goal-complete .balloon-card-art{animation:none}.balloon-game[data-reduced-motion=true] .balloon-goal-track>span{transition:none}
.balloon-game[data-reduced-motion=true] .balloon-count-star{transition:none}
html[dir=rtl] .balloon-lives{margin-left:0;margin-right:auto}html[dir=rtl] .balloon-heading-art{margin-right:0;margin-left:10px}
@media(max-width:850px){.balloon-mode{gap:8px;padding:10px}.balloon-mode strong{font-size:11px}.balloon-hud{gap:20px}.balloon-tool-label{display:none}.balloon-tool{width:44px;padding:7px}}
@media(max-width:550px){.balloon-game{margin-top:24px;padding:17px;border-radius:18px}.balloon-heading{gap:10px;margin-bottom:18px}.balloon-heading h2{font-size:26px}.balloon-heading p{font-size:11px}.balloon-heading-art{width:76px;height:75px;margin-right:0;transform:scale(.8);transform-origin:right center}.balloon-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.balloon-mode{min-height:53px;padding:9px 10px}.balloon-mode strong{font-size:11px}.balloon-mode>span{width:29px;height:29px}.balloon-options{gap:8px;margin-bottom:15px}.balloon-legend{gap:6px 12px;font-size:9px}.balloon-specials{font-size:11px}.balloon-hud{gap:13px;padding:11px 12px}.balloon-hud strong{font-size:23px}.balloon-lives strong{gap:3px}.balloon-lives i{font-size:20px}.balloon-hud>div>span{font-size:8px}.balloon-toolbar{gap:5px}.balloon-tool{width:41px;min-width:41px;min-height:44px}.balloon-question{font-size:12px;min-height:48px;gap:8px;padding:8px 4px}.balloon-stage{height:440px;border-radius:14px}.balloon-start-card{padding:23px 21px 20px}.balloon-start-card h3{font-size:20px}.balloon-start-card p{font-size:11px}.balloon-toast{font-size:17px;padding:9px 13px}.balloon-toast:before,.balloon-toast:after{margin:0 5px}}
@media(max-width:380px){.balloon-game{padding:13px}.balloon-heading-art{width:64px;transform:scale(.7)}.balloon-hud{gap:9px;padding:10px}.balloon-hud strong{font-size:21px}.balloon-lives i{font-size:17px}.balloon-lives strong{gap:2px}.balloon-toolbar{gap:4px}.balloon-tool{width:38px;min-width:38px}.balloon-stage{height:420px}.balloon-mode strong{font-size:10px}.balloon-mode{gap:7px}.balloon-heading h2{font-size:25px}}
@media(max-width:550px){.balloon-hud{flex-wrap:wrap}.balloon-tool{width:44px;min-width:44px;flex-shrink:0}}
@media(max-width:550px){.balloon-lives strong[data-count="4"],.balloon-lives strong[data-count="5"]{gap:1px}.balloon-lives strong[data-count="4"] i,.balloon-lives strong[data-count="5"] i{font-size:13px}}
@media(max-width:1000px) and (orientation:landscape) and (max-height:600px){.balloon-stage{height:clamp(240px,70svh,400px)}.balloon-start-card{padding:15px 22px}.balloon-card-art{display:none}.balloon-start-card h3{font-size:19px}.balloon-start-card p{margin-bottom:12px}.balloon-start-card>small{margin-top:9px}.balloon-results{margin-bottom:12px}.balloon-results>div{padding:7px}.balloon-results strong{font-size:24px}}
@media(max-width:1000px) and (orientation:landscape) and (max-height:600px){
  .balloon-game[data-balloon-mode=compare] .balloon-playarea{display:flex;flex-direction:column;height:calc(100svh - 8px)}
  .balloon-game[data-balloon-mode=compare] .balloon-playarea>.balloon-hud,
  .balloon-game[data-balloon-mode=compare] .balloon-playarea>.balloon-goal,
  .balloon-game[data-balloon-mode=compare] .balloon-playarea>.balloon-question{flex:none}
  .balloon-game[data-balloon-mode=compare] .balloon-hud{padding:7px 12px;margin-bottom:4px}
  .balloon-game[data-balloon-mode=compare] .balloon-hud strong{font-size:22px}
  .balloon-game[data-balloon-mode=compare] .balloon-question{min-height:44px;padding:6px 4px}
  .balloon-game[data-balloon-mode=compare] .balloon-stage{flex:1;height:auto;min-height:0;max-height:360px}
  .balloon-game[data-balloon-mode=compare] .balloon-goal{padding:5px 9px;gap:4px 8px;margin-top:4px}
  .balloon-game[data-balloon-mode=compare] .balloon-goal-copy>span{display:none}
  .balloon-game[data-balloon-mode=compare] .balloon-goal-count{font-size:16px}
  .balloon-game[data-balloon-mode=compare] .balloon-goal-track{height:4px}
  .balloon-game[data-balloon-mode=compare]:has(.balloon-goal:not([hidden])) .balloon-stage{max-height:310px}
}
@media(prefers-reduced-motion:reduce){.balloon-mode{transition:none}.balloon-toast.is-celebrating,.is-bursting .balloon-sparks i{animation:none}}
@media(prefers-reduced-motion:reduce){.balloon-target.is-hint:after,.is-goal-complete .balloon-card-art{animation:none}.balloon-goal-track>span{transition:none}}
@media(max-width:550px){.balloon-count-card{padding:8px;min-height:216px}.balloon-count-heading{gap:10px}.balloon-count-heading h3{font-size:12px}.balloon-count-heading>strong{width:44px;height:44px;font-size:31px}.balloon-count-stars{gap:1px;min-height:89px}.balloon-count-footer{gap:5px 8px;font-size:9px}.balloon-game[data-balloon-counting=true] .balloon-stage{height:260px}.balloon-game[data-balloon-counting=true] .balloon-start-card{padding:12px 15px}.balloon-game[data-balloon-counting=true] .balloon-card-art{display:none}.balloon-game[data-balloon-counting=true] .balloon-start-card h3{font-size:17px;margin-bottom:6px}.balloon-game[data-balloon-counting=true] .balloon-start-card p{margin-bottom:10px}.balloon-game[data-balloon-counting=true] .balloon-start-card>small{margin-top:7px}.balloon-game[data-balloon-counting=true] .balloon-results{margin-bottom:10px}.balloon-game[data-balloon-counting=true] .balloon-results>div{padding:7px}.balloon-game[data-balloon-counting=true] .balloon-results strong{font-size:24px}}
@media(max-width:1000px) and (orientation:landscape) and (max-height:600px){.balloon-game[data-balloon-counting=true] .balloon-stage{height:240px}}
@media(prefers-reduced-motion:reduce){.balloon-count-star{transition:none}}