@charset "UTF-8";
:root{font-family:"Trebuchet MS",Arial,sans-serif;color:#284b59;background:#ecf7fc;font-synthesis:none;--ink:#284b59;--green:#246b58;--coral:#e78a6d}
.name-entry{max-width:320px;margin:0 auto 23px;text-align:left}.name-entry label{display:block;font-size:16px;font-weight:bold;margin-bottom:9px}.name-entry input{width:100%;padding:12px 16px;min-height:50px;background:#ffffffd9;border:1.5px solid #9ab9ab;border-radius:12px;color:var(--ink);font-size:20px}.name-entry input::placeholder{color:#647d83;font-size:17px}.name-entry input:focus-visible{outline:3px solid #226b98;outline-offset:4px}.name-entry input[aria-invalid="true"]{border-color:#a64134}.name-entry p{font-size:14px;color:#934233;margin:8px 0 0}.name-entry p:empty{display:none}#finish-title{overflow-wrap:anywhere}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button,a,label,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,label:has(input:focus-visible){outline:3px solid #226b98;outline-offset:5px}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.scenery{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 65%,#fffdf2 0%,#f2fafb 45%,#e6f4fb 100%)}.cloud{position:absolute;color:#fff;opacity:.85;width:230px;height:100px}.cloud-one{top:18%;left:-65px;transform:rotate(-8deg)}.cloud-two{top:13%;right:-25px;width:280px}.cloud-three{top:58%;right:8%;width:120px;opacity:.6}.sky-spark{position:absolute;color:#d6b667;font-size:26px}.spark-one{left:20%;top:24%}.spark-two{right:22%;top:34%}.spark-three{left:12%;top:65%;font-size:18px}.hill{position:absolute;border-radius:50% 50% 0 0;width:120%;height:160px;bottom:-120px}.hill-back{background:#dceae0;left:-30%;transform:rotate(3deg);bottom:-105px}.hill-front{background:#cddfcf;right:-44%;bottom:-98px;transform:rotate(-5deg)}.site-header{max-width:1320px;padding:25px 48px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-size:16px;letter-spacing:-.4px}.brand svg{width:39px;height:46px}.brand b{display:block;font-size:19px}.quiet-button{border:1px solid #d4e2e4;border-radius:25px;background:#ffffff8c;padding:10px 17px;font-size:14px;min-height:44px}.quiet-button:hover{background:#fff}.quiet-button span[aria-hidden]{font-size:21px;margin-right:5px}main{max-width:1120px;margin:0 auto;padding:0 28px}.screen{text-align:center}.home-screen{padding-top:2px}.welcome-art{position:relative;width:220px;height:149px;margin:0 auto 12px}.little-balloon{position:absolute;height:158px;width:112px;filter:drop-shadow(0 8px 6px #688d9410);animation:float 5s ease-in-out infinite}.mint{color:#82b8a5;left:0;top:16px;transform:rotate(-18deg)}.gold{color:#edc367;right:0;top:18px;transform:rotate(19deg);animation-delay:-2s}.coral{color:#e68a70;left:55px;top:-5px;animation-delay:-1s}.art-letter{position:absolute;font-weight:bold;font-size:31px;color:#fff;pointer-events:none}.letter-a{left:42px;top:57px;transform:rotate(-18deg)}.letter-b{right:38px;top:61px;transform:rotate(19deg)}.letter-f{left:101px;top:34px;font-size:37px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;color:#627f87;margin:12px 0 15px}h1{font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:-2.7px;margin:0;font-weight:800}h1 span{color:var(--green)}.intro{font-size:18px;line-height:1.6;color:#55717b;margin:18px 0 32px}.level-picker{border:0;padding:0;margin:0 auto 26px;max-width:900px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px;text-align:left}.level-picker legend{text-align:center;width:100%;font-size:14px;font-weight:bold;margin-bottom:16px}.level-card{position:relative;display:flex;align-items:center;gap:13px;padding:22px 17px;background:#ffffffad;border:1.5px solid #dce7e5;border-radius:15px;cursor:pointer;transition:background .2s,border-color .2s;box-shadow:0 4px 0 #56756f04}.level-card:hover{background:#fff}.level-card:has(input:checked){background:#fffef7;border-color:#59957d;box-shadow:0 0 0 2px #59957d10}.level-card input{position:absolute;opacity:0;width:1px;height:1px}.level-icon{background:#e6eee3;color:#477a5c;border-radius:12px;width:44px;height:49px;display:grid;place-items:center;font-family:Georgia,serif;font-size:27px;font-weight:bold;flex-shrink:0}.level-card:nth-of-type(2) .level-icon{background:#fcf0d5;color:#9b7025;font-size:23px}.level-card:nth-of-type(3) .level-icon{background:#f7e6df;color:#a96046;font-size:21px}.level-card small{display:block;font-size:10px;letter-spacing:1.5px;color:#708078;margin-bottom:7px}.level-card strong{display:block;font-size:15px;letter-spacing:-.3px}.level-card strong+span{display:block;font-size:11px;color:#698087;margin-top:7px}.selection-dot{position:absolute;top:10px;right:10px;width:10px;height:10px;border:1px solid #b8c9c2;border-radius:50%}.level-card:has(input:checked) .selection-dot{background:#51836d;border-color:#51836d;box-shadow:inset 0 0 0 2px #fff}.primary-button{border:0;background:var(--green);color:white;border-radius:13px;padding:17px 39px;font-weight:700;min-height:54px;box-shadow:0 4px 0 #174f41;font-size:19px;transition:background .2s,transform .2s}.primary-button:hover{background:#195945;transform:translateY(-1px)}.primary-button span{margin-left:32px}.gentle-note{font-size:12px;color:#71858a;margin:20px 0 0}footer{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;padding:30px 25px 24px;color:#70877f;font-size:11px}.footer-flower{font-size:22px;color:#7a9a79}.settings-link{background:none;border:0;color:#526e67;font-size:12px;margin-left:26px;min-height:44px}.settings-link:hover{text-decoration:underline}.mobile-notice{display:none;padding:12px;background:#fff4d7;border-radius:12px;font-size:14px;text-align:center}.game-screen{max-width:850px;margin:auto;padding-top:12px}.game-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.game-toolbar .eyebrow{margin:0}.game-title{font-size:29px;letter-spacing:-.8px}.progress{display:flex;gap:9px;justify-content:center;margin:20px auto 0}.progress svg{width:24px;height:24px;fill:#dfe7e4;stroke:#c6d6d1;stroke-width:.7}.progress svg.earned{fill:#edbe51;stroke:#c99632}.balloon-stage{height:260px;position:relative;display:grid;place-items:center}.target-balloon{position:relative;width:230px;height:260px;color:var(--coral);animation:bob 4s ease-in-out infinite}.target-balloon>svg{width:100%;height:100%}.target-text{position:absolute;left:15px;right:15px;top:57px;display:flex;align-items:center;justify-content:center;font-size:65px;font-weight:bold;color:#533229;letter-spacing:3px}.target-text.word{font-size:41px;top:69px;gap:2px}.target-text span{display:inline-block;min-width:.65em;position:relative}.target-text .done{color:#214e3c}.target-text .done:after{content:"";display:block;height:3px;background:#214e3c;border-radius:3px;position:absolute;bottom:-4px;left:10%;right:10%}.target-text .current{color:#332923;background:#fff8e9;border-radius:9px;box-shadow:0 3px 0 #b26a5433}.target-text .pending{opacity:.6}.target-balloon.pop{animation:pop .52s ease forwards}.particles{position:absolute;inset:0;pointer-events:none;display:none}.particles.burst{display:block}.particles span{position:absolute;left:50%;top:40%;color:#c58d23;font-size:24px;animation:burst .65s ease-out both;transform:rotate(var(--angle))}.feedback{min-height:27px;margin:1px 0 13px;font-size:17px;font-weight:bold;color:#426c59}.feedback.retry{color:#8d572e}.keyboard-panel{max-width:730px;margin:auto;padding:16px 25px 13px;background:#ffffffa3;border:1px solid #e0e9e6;border-radius:20px;box-shadow:0 8px 28px #46696b06}.keyboard-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#637b81;margin-bottom:13px}.hint-button{font-size:13px;background:#f2f6ec;border:1px solid #d9e3cf;border-radius:9px;padding:8px 13px;min-height:38px}.keyboard-row{display:flex;gap:7px;justify-content:center;margin:7px 0}.keyboard-row:nth-child(2){padding-left:22px}.keyboard-row:nth-child(3){padding-right:30px}.key{display:grid;place-items:center;width:48px;height:44px;border:1px solid #d3ddda;border-bottom-width:3px;border-radius:7px;background:#fff;color:#46616a;font-size:18px;position:relative;transition:background .15s}.key.target{background:#fce9ab;border-color:#b98b25;color:#65470c;outline:2px solid #c99a35;outline-offset:2px}.key.target:after{content:"•";font-size:15px;position:absolute;bottom:-3px}.key.pressed{background:#c8e9db;border-color:#348361;transform:translateY(2px)}.keyboard-note{font-size:11px;color:#7d8c8e;margin:12px 0 0}.finish-screen{padding:48px 0}.finish-medal{display:grid;place-items:center;width:110px;height:110px;background:#fbebba;border:2px dashed #d7ad50;border-radius:50%;color:#bd8b1c;font-size:72px;margin:0 auto 28px}.achievement-row{display:flex;justify-content:center;gap:45px;margin:35px 0}.achievement-row strong{display:block;font-size:38px;color:var(--green)}.achievement-row span{display:block;font-size:14px;margin-top:7px}.finish-message{margin:20px 0 30px}.rest-button{display:block;margin:22px auto 0;background:transparent}dialog{border:1px solid #dbe6df;border-radius:22px;padding:28px;max-width:510px;width:calc(100% - 32px);color:var(--ink);background:#fffcf6;box-shadow:0 20px 100px #1a454233;max-height:90vh}dialog::backdrop{background:#244d5866;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}h2{font-size:23px;letter-spacing:-.6px;margin:0}dialog p{font-size:14px;color:#5f757c;line-height:1.6}.close-button{background:none;border:0;font-size:30px;min-width:44px;min-height:44px}.setting-label{font-size:14px;font-weight:bold;display:block;margin:20px 0 8px}select{width:100%;border:1px solid #cbd8d1;background:#fff;color:var(--ink);border-radius:8px;padding:12px;font-size:14px}.saved-progress{background:#edf3e9;padding:14px 17px;margin-top:22px;border-radius:12px}.saved-progress h3{font-size:15px;margin:0}.saved-progress p{margin-bottom:0}.storage-note{font-size:12px!important}.dialog-actions{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.text-button{border:0;background:none;text-decoration:underline;font-size:13px;min-height:44px}.small{padding:10px 27px;min-height:44px;font-size:15px}.danger-button{background:#a64134;color:#fff;border:0;padding:12px;border-radius:8px}.pause-content{text-align:center;padding:20px 0}.pause-cloud{font-size:70px;color:#73a9b9}.pause-content h2{margin:20px 0}.pause-content .primary-button{margin-top:20px}
@keyframes float{50%{translate:0 -7px}}@keyframes bob{50%{transform:translateY(-5px) rotate(1deg)}}@keyframes pop{to{transform:scale(1.1);opacity:0}}@keyframes burst{from{opacity:1;translate:0 0}to{opacity:0;translate:var(--x) var(--y);rotate:80deg}}
@media(min-width:1400px) and (min-height:850px){.home-screen{padding-top:35px}.welcome-art{margin-bottom:28px}.intro{margin-bottom:40px}.level-picker{margin-bottom:35px}footer{padding-top:45px}}
@media(max-width:800px){.site-header{padding:18px 23px}.level-picker{gap:9px}.level-card{padding:20px 12px;flex-direction:column;text-align:center}.level-card strong+span{font-size:12px}.level-card strong{font-size:14px}h1{font-size:49px}.intro{font-size:16px}.cloud-three{right:-5%}.keyboard-panel{padding:12px}.keyboard-row{gap:5px}.key{width:43px}.game-title{font-size:25px}}
@media(max-width:550px){.mobile-notice{display:block}.site-header{padding:15px}.brand{font-size:12px}.brand b{font-size:16px}#sound{padding:8px 11px;font-size:12px}main{padding:0 16px}.home-screen{padding-top:15px}.welcome-art{transform:scale(.9);height:138px}h1{font-size:41px;letter-spacing:-1.7px}.eyebrow{font-size:9px;letter-spacing:1.7px}.intro{margin-bottom:25px}.level-picker{grid-template-columns:1fr;max-width:360px}.level-card{flex-direction:row;text-align:left;padding:13px 18px}.level-card strong+span{font-size:12px}.level-card small{margin-bottom:4px}.level-icon{height:44px}.selection-dot{top:27px;right:14px}.gentle-note{font-size:12px}footer{font-size:11px;gap:5px}.settings-link{margin:0;width:100%}.game-toolbar{gap:8px}.game-toolbar .quiet-button{font-size:12px;padding:8px 12px}.game-title{font-size:23px;letter-spacing:-.7px}.balloon-stage{height:244px}.target-balloon{height:244px}.target-text{top:51px}.target-text.word{top:64px}.keyboard-caption{font-size:11px;gap:6px}.keyboard-row{gap:4px}.key{width:8%;height:38px;font-size:15px}.keyboard-row:nth-child(2){padding-left:12px}.keyboard-row:nth-child(3){padding-right:18px}.keyboard-panel{padding:10px 7px}.achievement-row{gap:17px}.achievement-row span{font-size:12px}.finish-screen{padding-top:25px}.game-toolbar .eyebrow{font-size:9px}.progress{gap:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.target-balloon.pop{opacity:0}}