.balloon-flight .square-grid{grid-template-columns:minmax(0,1fr) 21rem}.lives{font-size:1.3rem;letter-spacing:.1em;color:var(--terracotta)}.lives .out{color:var(--line)}.sky{position:relative;height:min(66vh,560px);min-height:400px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 120%,rgba(196,105,58,.22),transparent 60%),linear-gradient(180deg,#191510,#221b13 70%,#2c2116);touch-action:manipulation}.sky:after{content:"";position:absolute;left:0;right:0;bottom:0;height:46px;border-top:1px solid var(--line);background:repeating-linear-gradient(90deg,#f0d9b514 0 46px,#b588631f 46px 92px);pointer-events:none}.star{position:absolute;width:2px;height:2px;border-radius:50%;background:#eadcbc;opacity:.25}.balloon{position:absolute;left:0;top:0;z-index:2;width:96px;height:150px;padding:0;border:none;background:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;will-change:transform}.balloon:hover{color:inherit}.balloon:focus{outline:none}.balloon:focus-visible .wrapper{outline:2px solid #f2c867;outline-offset:3px}.balloon .wrapper{position:absolute;left:4px;top:0;display:flex;align-items:center;justify-content:center;width:88px;height:104px;border-radius:50% 50% 47% 47%/56% 56% 44% 44%;background:radial-gradient(circle at 32% 28%,rgba(255,240,210,.45) 0 9%,transparent 30%),radial-gradient(circle at 50% 60%,var(--bf),var(--bd) 72%);box-shadow:inset -8px -10px 18px #00000059,0 8px 18px #00000073;transition:transform .15s,filter .15s;animation:sway 2.6s ease-in-out infinite alternate}.balloon .wrapper:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);border:7px solid transparent;border-top:9px solid var(--bd);border-bottom:0}.balloon .string{position:absolute;left:48px;top:110px;width:1px;height:40px;background:linear-gradient(#b9a88a,transparent);transform-origin:top;animation:sway 2.6s ease-in-out infinite alternate-reverse}@keyframes sway{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.balloon:hover .wrapper{filter:brightness(1.18) drop-shadow(0 0 10px rgba(220,171,75,.5))}.balloon .move{font-size:1.55rem;font-weight:700;line-height:1;white-space:nowrap;color:#fff7e6;text-shadow:0 2px 3px rgba(0,0,0,.6)}.balloon.bursts{pointer-events:none}.balloon.bursts .wrapper{animation:burst .28s ease-out forwards}.balloon.bursts .string{animation:fall .7s ease-in forwards}@keyframes burst{0%{transform:scale(1)}60%{transform:scale(1.35);opacity:.7}to{transform:scale(1.6);opacity:0}}@keyframes fall{to{transform:translateY(120px) rotate(30deg);opacity:0}}.balloon.wrong .wrapper{background:radial-gradient(circle at 50% 60%,#a33a22,#4a1408 72%)}.balloon.path{opacity:0;pointer-events:none;transition:opacity .4s}.help{display:inline-flex;align-items:center;gap:.4rem;margin-top:.6rem;font-size:.85rem;color:var(--muted);cursor:pointer}.achieved{max-height:8rem;margin-top:.6rem;padding-top:.5rem;overflow:auto;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}.achieved div{display:flex;justify-content:space-between;gap:.5rem;color:var(--light)}.achieved em{font-style:normal;color:var(--terracotta)}[data-design=modern-light] .sky{background:radial-gradient(ellipse at 50% 120%,rgba(224,122,69,.25),transparent 60%),linear-gradient(180deg,#dce9f2,#f3e7d8 75%,#ecd9c2)}[data-design=modern-light] .star{display:none}:root .sky{border-radius:16px;border-color:var(--border)}@media (max-width: 560px){.sky{height:52vh;min-height:340px}.balloon{width:80px;height:128px}.balloon .wrapper{width:74px;height:88px}.balloon .string{left:41px;top:94px;height:34px}.balloon .move{font-size:1.3rem}}@media (prefers-reduced-motion: reduce){.balloon .wrapper,.balloon .string{animation:none}}