body.balloons-active{overflow:hidden}#balloonGame{width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px 4%;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 70%,#303052,#17172e 75%);overflow:auto}#balloonGame .balloon-top{display:flex;align-items:center;justify-content:space-between;gap:14px}#balloonGame button:not(.balloon),#balloonGame select{width:auto;margin:0;border:1px solid #ffffff35;border-radius:24px;padding:11px 17px;background:#27253d;color:#fff7ec;font-size:12px}#balloonGame h2{margin:0;font-size:23px;color:#d8f474}#balloonGame .balloon-intro{text-align:center;margin:20px auto 12px;max-width:600px}#balloonGame .balloon-intro p{margin:8px 0;font-size:14px}#balloonGame .balloon-options{display:flex;justify-content:center;gap:16px;align-items:center}#balloonGame .balloon-options label{display:flex;gap:10px;align-items:center;margin:0;font-size:12px}.balloon-sky{max-width:900px;margin:35px auto;display:grid;grid-template-columns:repeat(6,1fr);gap:25px;align-items:center;min-height:42vh}.balloon{border:0;background:var(--balloon);border-radius:50% 50% 46% 46%;height:170px;min-width:0;position:relative;color:#24213a;box-shadow:inset -9px -10px 0 #0001;animation:bob 3s ease-in-out infinite;transition:opacity .28s,scale .28s}.balloon:before{content:'';position:absolute;left:19%;top:17%;width:14%;height:23%;border-radius:50%;background:#fff5;transform:rotate(20deg)}.balloon-face{font-size:43px;font-weight:600}.balloon-string{position:absolute;top:100%;height:65px;width:1px;background:#c7bfd055;left:50%}.balloon-string:before{content:'';position:absolute;top:-3px;left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid var(--balloon)}.balloon.popped{scale:1.25;opacity:0;pointer-events:none}.balloon-results{text-align:center;margin:30px auto}.balloon-results strong{font-size:27px;color:#d8f474}.balloon-results span{display:inline-block;margin:0 15px;color:#c8bce0;font-size:14px}#balloonStatus{font-size:16px!important;min-height:26px}.celebrating .balloon-results{filter:drop-shadow(0 0 15px #d8f474)}@keyframes bob{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-15px) rotate(0deg)}}@media(max-width:700px){#balloonGame{padding:18px}.balloon-sky{grid-template-columns:repeat(3,1fr);gap:50px 24px;min-height:0;margin:35px auto 55px;max-width:440px}.balloon{height:125px}.balloon-string{height:35px}.balloon-face{font-size:34px}#balloonGame h2{font-size:19px}#balloonGame button:not(.balloon),#balloonGame select{font-size:10px;padding:10px}.balloon-results{margin:15px auto}.balloon-results strong{font-size:22px}}@media(max-height:650px) and (min-width:701px){.balloon-sky{margin:20px auto;min-height:33vh}.balloon{height:120px}.balloon-string{height:30px}.balloon-results{margin:10px auto}}@media(prefers-reduced-motion:reduce){.balloon{animation:none}}.reduce-motion .balloon{animation:none}
@media(max-width:700px){#balloonGame .balloon-top{gap:8px}#balloonGame .balloon-top button{white-space:nowrap;padding:9px 10px}#balloonGame h2{font-size:17px;line-height:1.15}#balloonGame .balloon-intro p{font-size:12px}}
@media(max-height:740px) and (max-width:700px){#balloonGame{padding:14px}.balloon-sky{margin:25px auto 40px;gap:33px 22px}.balloon{height:95px}.balloon-string{height:25px}.balloon-face{font-size:29px}#balloonGame .balloon-intro{margin:14px auto 10px}.balloon-results{margin:10px auto}.balloon-results span{font-size:11px}#balloonStatus{font-size:13px!important}}
