.balloon-page{max-width:1000px;margin:1.5rem auto 3rem;padding:0 1rem;color:#18335b}.balloon-hero{text-align:center;background:linear-gradient(120deg,#e4f8ff,#fff2d1);border:2px solid #d6efff;border-radius:24px;padding:1.4rem;margin-bottom:1rem}.balloon-hero h1{font-size:clamp(1.8rem,5vw,3rem);margin:.2rem;color:#174a83}.balloon-hero p{font-size:1.13rem;margin:.4rem}.balloon-mark{font-size:2.4rem}.balloon-card{background:#fff;border:2px solid #d6e6f2;border-radius:22px;padding:clamp(1rem,4vw,2rem);box-shadow:0 8px 26px #315a7720;text-align:center}.balloon-settings{display:flex;justify-content:center;align-items:end;gap:1rem;flex-wrap:wrap}.balloon-settings label:not(.sound-label){display:grid;text-align:left;gap:.3rem;font-weight:700}.balloon-settings select{min-height:44px;border:2px solid #94b9d8;border-radius:9px;padding:.4rem .7rem;background:white;font:inherit}.sound-label{padding:.7rem}.category-name{margin:1rem auto 0;font-weight:700;color:#7a3b9c}.balloons{display:flex;justify-content:center;gap:.2rem;flex-wrap:wrap;min-height:3.5rem}.balloon{font-size:2.4rem;transition:opacity .2s}.balloon.lost{opacity:.12;filter:grayscale(1)}.remaining{font-weight:700;margin:.2rem}.word{display:flex;justify-content:center;gap:.3rem;flex-wrap:wrap;margin:1rem auto}.letter-slot{display:inline-flex;align-items:center;justify-content:center;width:clamp(1.7rem,7vw,3rem);height:3rem;border-bottom:4px solid #2076b9;font-size:clamp(1.3rem,5vw,2rem);font-weight:800;color:#173a66}.message{min-height:1.5em;font-weight:700;color:#225f74}.keyboard{max-width:650px;margin:auto;display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap}.keyboard button,.balloon-actions button{border:0;border-radius:10px;padding:.6rem;min-width:42px;min-height:44px;background:#1176bd;color:#fff;font-size:1.1rem;font-weight:800;cursor:pointer}.keyboard button:hover,.balloon-actions button:hover{background:#075486}.keyboard button:disabled{background:#dce5ec;color:#536779;cursor:default}.balloon-actions{display:flex;justify-content:center;gap:.7rem;margin-top:1.3rem;flex-wrap:wrap}.balloon-actions button{padding:.7rem 1.2rem;background:#8a42aa}.balloon-actions button:last-child{background:#db6b1d}.balloon-actions button:disabled{opacity:.5}.keyboard button:focus-visible,.balloon-actions button:focus-visible{outline:3px solid #f09b21;outline-offset:3px}

.balloons{gap:0;min-height:110px;align-items:flex-start}.balloon{width:clamp(35px,8vw,67px);height:110px;object-fit:contain;filter:hue-rotate(var(--hue));transition:opacity .2s,filter .2s}.balloon.lost{opacity:.14;filter:grayscale(1)}