.games-page{background:#e3f8ff;color:#123e58}.games-main{max-width:1050px;margin:auto;padding:24px 18px 45px}.games-title{margin:6px 0 8px;font-size:clamp(30px,5vw,48px);line-height:1.1}.games-intro{margin:0 0 18px;max-width:650px}.balloon-game{background:#fffdf2;border:4px solid white;border-radius:24px;overflow:hidden;box-shadow:0 7px 0 #0c83aa1c}.game-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:15px 18px;background:#bdeaff}.game-toolbar strong{font-size:18px;margin-right:auto}.game-start{font:800 15px/1.3 system-ui;min-height:46px;padding:11px 18px;background:#ffda42;border:2px solid #075474;border-radius:14px;cursor:pointer;color:#073950}.game-message{padding:12px 18px;margin:0;font-size:15px;min-height:64px}.balloon-board{position:relative;min-height:390px;padding:26px 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:linear-gradient(#99d5f9,#def8ff);isolation:isolate;overflow:hidden}.balloon-board:before,.balloon-board:after{content:'';position:absolute;width:180px;height:60px;border-radius:50%;background:#ffffff88;z-index:-1;top:20px;left:-30px}.balloon-board:after{left:auto;right:-35px;top:190px}.balloon{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:0;min-height:140px;background:transparent;border:0;color:#073950;font:800 12px system-ui;cursor:pointer;border-radius:18px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.balloon:focus-visible,.game-start:focus-visible,.game-finish:focus-visible{outline:3px solid #81285b;outline-offset:3px}.balloon-shape{position:relative;display:grid;place-items:center;width:88px;height:104px;max-width:100%;background:radial-gradient(ellipse at 30% 22%,#ffffffb0 0 7%,transparent 13%),var(--balloon);border:2px solid #173e6040;border-radius:48% 48% 45% 45%;box-shadow:inset -9px -9px 0 #123e5818,0 4px 0 #123e5814;color:#173e58;font-size:28px;transform:rotate(var(--lean,-4deg));transition:rotate .2s;pointer-events:none}.balloon-shape:after{content:'';position:absolute;bottom:-20px;width:1px;height:20px;background:#276781}.balloon-label{margin-top:27px;background:#ffffffd9;padding:3px 9px;border-radius:12px}.balloon[data-variant="1"] .balloon-shape{rotate:14deg}.balloon:disabled{cursor:default;opacity:.8}.balloon.is-popped .balloon-shape{animation:balloon-pop .32s ease-out 1}.balloon-board.is-finished .balloon-shape{animation:balloon-cheer .7s ease-in-out 2}.game-finish{margin:0;padding:22px 18px;text-align:center;background:#e5f6c7}.game-finish[hidden]{display:none}.game-finish strong{display:block;font-size:26px}.game-finish img{width:110px;height:95px;object-fit:contain}.game-notes{font-size:13px;margin:18px 0 0}.games-main .crumbs{padding:0;margin:0 0 18px}.games-back{display:inline-flex;align-items:center;min-height:44px;font-weight:800}@keyframes balloon-pop{0%{scale:1}45%{scale:1.15}65%{scale:.1;opacity:0}100%{scale:1;opacity:1}}@keyframes balloon-cheer{0%,100%{translate:0 0}50%{translate:0 -13px;rotate:8deg}}@media(max-width:500px){.games-main{padding:18px 12px 30px}.balloon-board{min-height:360px;padding:18px 10px;gap:10px}.balloon-shape{width:70px;height:86px}.balloon{min-height:142px}.game-toolbar{padding:12px;gap:8px}.game-message{font-size:14px;min-height:76px}}@media(prefers-reduced-motion:reduce){.balloon-shape{transition:none!important;animation:none!important}}
