*{box-sizing:border-box}html{min-height:100%;background:#b9e1ed}body{margin:0;color:#193e63;font-family:Andika,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:4px solid #eb7749;outline-offset:5px}[hidden]{display:none!important}.skip-game{position:fixed;top:-100px;z-index:40;background:white;padding:15px}.skip-game:focus{top:5px}button{transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-3px)}button:disabled{cursor:default}.play-world{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 10%,#e0f3f6 0,transparent 50%),linear-gradient(#b7e1ef,#d7eef1 75%,#e8f1bd)}.game-header{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;max-width:1500px;margin:auto;padding:20px 5% 0;height:118px}.back-film{font-size:12px;display:flex;gap:10px;align-items:center}.game-logo{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;transform:translateX(-50%);top:15px}.game-logo img{width:200px;height:82px;object-fit:contain}.game-logo span{font-size:7px;font-weight:700;letter-spacing:2px;margin-top:2px}.game-header button{border:1px solid #193e632a;border-radius:30px;padding:10px 16px;background:#fff7;font-size:18px}.game-header button span{font-size:10px;margin-left:5px}.game-main{position:relative;z-index:2;max-width:1450px;padding:10px 5% 30px;margin:auto}.game-intro{text-align:center}.game-kicker{font-size:9px;letter-spacing:3px;font-weight:700;margin:4px 0 12px;color:#527e8e}.game-intro h1{font:clamp(44px,4.5vw,70px)/1.04 Lilita,sans-serif;color:#154d80;letter-spacing:-1px;margin:0 0 10px;text-shadow:0 3px #fff8}.game-intro h1 span{color:#cf4b34}.game-intro>p:last-child{font-size:13px;color:#527681;margin:0}.mode-tabs{display:flex;justify-content:center;gap:10px;margin:25px auto 27px}.mode-tabs button{font-size:12px;border:2px solid #fff8;border-radius:30px;padding:10px 20px;background:#ffffff6b;box-shadow:0 4px 0 #78a7b12a;display:flex;gap:10px;align-items:center}.mode-tabs button>span{font:22px Lilita,sans-serif}.mode-tabs button[aria-pressed=true]{background:#1b659d;border-color:#1b659d;color:white;box-shadow:0 4px 0 #154a76}.game-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:42px;max-width:1160px;margin:auto;align-items:center}.coquito-guide{position:relative}.guide-picture{border:7px solid #fff9e6;border-radius:38px;overflow:hidden;transform:rotate(-5deg);box-shadow:0 8px 0 #78a7b125}.guide-picture img{width:100%;display:block;aspect-ratio:1;object-fit:cover}.speech-bubble{position:relative;background:#fffbea;border-radius:24px;padding:21px 22px;margin:27px -8px 0 8px;box-shadow:0 5px 0 #81985e1a;transform:rotate(2deg)}.speech-bubble:before{content:'';position:absolute;top:-13px;left:45px;border-left:18px solid transparent;border-bottom:20px solid #fffbea}.speech-bubble strong{font:22px Lilita,sans-serif;color:#cb4d36}.speech-bubble p{font-size:12px;line-height:1.7;margin:10px 0 0}.family-note{text-align:center;font-size:10px;line-height:1.8;color:#527e7d;margin:22px 0 0}.game-board{position:relative;border:8px solid #fff9e9;border-radius:32px;background:#fffdf5;min-height:510px;box-shadow:0 10px 0 #6fa0ac33,0 22px 45px #42687916;padding:23px 30px;overflow:hidden}.board-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;font-weight:700;border-bottom:1px solid #1b659d18;padding-bottom:15px;gap:10px}.level-badge{background:#f5d677;color:#735627;font-family:Lilita,sans-serif;font-size:17px;padding:7px 14px;border-radius:30px;letter-spacing:1px;white-space:nowrap}.journey-dots{display:flex;gap:10px;justify-content:center;margin:20px 0 21px}.journey-dot{height:9px;width:9px;background:#dce7e5;border-radius:50%}.journey-dot.done{background:#6eab69}.journey-dot.current{background:#dc6b48;box-shadow:0 0 0 4px #dc6b481b}.word-context{text-align:center;font-size:8px;letter-spacing:2px;font-weight:700;color:#8d9c83;margin:12px 0 12px}.game-board h2{text-align:center;font:clamp(24px,2.35vw,35px)/1.12 Lilita,sans-serif;letter-spacing:0;color:#274e70;margin:0 0 24px}.big-slots{display:flex;justify-content:center;gap:12px;margin:0 0 17px;min-height:94px}.big-slot{font:48px/1.2 Andika,sans-serif;font-weight:700;color:#296e99;border:3px dashed #b2c9bd;border-radius:15px;min-width:90px;display:flex;align-items:center;justify-content:center;background:#f0f4e8;padding:5px 12px}.big-slot.filled{background:#e6efda;border-style:solid;border-color:#91b875;color:#467842}.instruction{text-align:center;font-size:11px;color:#83907f;margin:0 0 22px}.big-syllables{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;min-height:85px}.big-syllable{font-family:Andika,sans-serif;font-weight:700;font-size:45px;line-height:1.1;background:#f7d477;border:2px solid #fff7;border-radius:15px;padding:10px 22px;min-width:95px;color:#976027;box-shadow:0 7px 0 #d4a04e;transform:rotate(-4deg)}.big-syllable:nth-child(2n){background:#84c8e3;color:#155487;box-shadow:0 7px 0 #5ba3bf;transform:rotate(4deg)}.big-syllable:nth-child(3n){background:#f0a08d;color:#993b34;box-shadow:0 7px 0 #d37e6c}.big-syllable:hover{transform:translateY(-5px) rotate(0deg)}.big-syllable:disabled{opacity:.25;box-shadow:none;transform:translateY(4px)}.game-feedback{text-align:center;font-size:12px;line-height:1.8;min-height:43px;color:#4c7660;margin:22px 0 15px}.board-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:37px;border-top:1px solid #1b659d18;padding-top:13px}.quiet-button{background:none;border:0;font-size:10px;color:#7a8a80;padding:7px 0}.next-button{background:#d35b3c;border:0;color:white;font:17px Lilita,sans-serif;padding:12px 20px;border-radius:24px;box-shadow:0 4px 0 #a94731}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;max-width:580px;margin:0 auto}.memory-card{border:3px solid #fff6;border-radius:17px;background:#1c6c9c;aspect-ratio:1.18;box-shadow:0 5px 0 #14537d;color:white;font-family:Lilita,sans-serif;font-size:36px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.memory-card .card-word{display:none}.memory-card .card-back{font-family:Bree,serif;font-style:italic}.memory-card.revealed,.memory-card.matched{background:#f9d778;color:#8b5a25;box-shadow:0 5px 0 #d0aa58}.memory-card.revealed .card-back,.memory-card.matched .card-back{display:none}.memory-card.revealed .card-word,.memory-card.matched .card-word{display:block;font-family:Andika,sans-serif;font-size:21px;font-weight:700}.memory-card.matched{background:#b4d796;color:#44763e;box-shadow:0 5px 0 #95bb78}.memory-count{font-size:11px;color:#4d7758}#memory-game{padding-top:16px}#memory-game h2{margin-bottom:12px}#memory-game .game-feedback{margin:18px 0 10px}.game-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;max-width:1300px;padding:0 5% 25px;margin:auto;gap:20px;font-size:9px;color:#526f55}.game-footer p{font-size:8px;text-align:center}.game-footer p a{text-decoration:underline}.hill{position:absolute;z-index:0;border-radius:50% 50% 0 0;pointer-events:none}.hill-back{left:-20%;bottom:-250px;width:100%;height:430px;background:#b9d898;transform:rotate(8deg)}.hill-front{right:-25%;bottom:-280px;width:120%;height:420px;background:#93be7a;transform:rotate(-9deg)}.cloud{position:absolute;background:#fff6;width:230px;height:70px;border-radius:80px;pointer-events:none}.cloud:before,.cloud:after{content:'';position:absolute;border-radius:50%;background:inherit;width:100px;height:100px;top:-40px;left:25px}.cloud:after{width:120px;height:120px;left:90px;top:-60px}.cloud-one{left:-90px;top:230px}.cloud-two{right:-55px;top:180px;transform:scale(.85)}.sky-letters{position:absolute;inset:0;pointer-events:none;font:180px Lilita,sans-serif;color:#fff5}.sky-letters span{position:absolute;transform:rotate(-20deg)}.sky-letters span:nth-child(1){top:60px;left:6%}.sky-letters span:nth-child(2){top:260px;right:2%;transform:rotate(20deg)}.sky-letters span:nth-child(3){bottom:70px;left:-30px}.sky-letters span:nth-child(4){bottom:-50px;right:15%;font-size:140px}.finish-stars{font:70px Lilita;color:#dfad3f;text-align:center;margin:30px 0 15px}#finish-panel h2{font-size:43px}#finish-panel>p{text-align:center;font-size:13px;line-height:2;color:#71806c}.finish-moral{font-family:Bree,serif;font-size:20px!important;color:#236193!important}.finish-actions{display:flex;gap:25px;justify-content:center;align-items:center;margin:25px 0}.finish-actions a{font-size:10px;text-decoration:underline}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;width:9px;height:16px;top:-25px;animation:fall 1.7s ease-in forwards}@keyframes fall{to{transform:translateY(650px) rotate(500deg);opacity:0}}.bump{animation:bump .4s ease}@keyframes bump{50%{transform:scale(1.08) rotate(2deg)}}
@media(min-height:950px) and (min-width:900px){.game-main{padding-top:32px;padding-bottom:50px}.game-intro h1{font-size:76px}.mode-tabs{margin-top:30px;margin-bottom:35px}.game-board{padding:28px 40px;min-height:550px}.big-slots{margin-bottom:25px;min-height:105px}.big-slot{font-size:55px}.big-syllable{font-size:52px}.game-layout{gap:55px}.game-footer{padding-top:15px}}
@media(min-width:1500px){.game-layout{max-width:1250px;grid-template-columns:290px 1fr}.game-board{padding-left:50px;padding-right:50px}.game-main{padding-top:25px}}
@media(max-width:900px){.game-layout{grid-template-columns:195px 1fr;gap:25px}.game-main{padding-left:4%;padding-right:4%}.game-board{padding:20px;min-height:510px}.big-slot{min-width:70px;font-size:40px}.big-syllable{font-size:38px;min-width:75px;padding:12px 15px}.speech-bubble{padding:18px}.speech-bubble strong{font-size:20px}.speech-bubble p{font-size:11px}.memory-grid{gap:9px}.memory-card.revealed .card-word,.memory-card.matched .card-word{font-size:16px}.board-top{font-size:7px}}
@media(max-width:650px){.game-header{height:100px;padding:15px 5% 0;align-items:flex-start}.game-logo{top:10px}.game-logo img{width:145px;height:68px}.game-logo span{font-size:5px;letter-spacing:1.4px}.back-film{font-size:23px;margin-top:13px}.back-film span{display:none}.game-header button{font-size:20px;padding:6px 12px;margin-top:10px}.game-header button span{display:none}.game-main{padding:8px 4% 20px}.game-kicker{font-size:7px;letter-spacing:2px;margin:0 0 12px}.game-intro h1{font-size:42px;line-height:1.03;max-width:350px;margin:0 auto 12px}.game-intro>p:last-child{font-size:10px}.mode-tabs{margin:22px 0 20px;gap:8px}.mode-tabs button{font-size:9px;padding:9px 12px;gap:6px}.mode-tabs button>span{font-size:18px}.game-layout{display:flex;flex-direction:column;gap:0}.coquito-guide{order:2;display:grid;grid-template-columns:90px 1fr;gap:18px;width:100%;align-items:center;padding:25px 5px 0}.guide-picture{border:4px solid #fff9e6;border-radius:17px;transform:rotate(-6deg)}.speech-bubble{margin:0;padding:15px;transform:rotate(1deg);border-radius:18px}.speech-bubble:before{top:22px;left:-13px;border-left:0;border-right:18px solid #fffbea;border-top:10px solid transparent;border-bottom:10px solid transparent}.speech-bubble strong{font-size:18px}.speech-bubble p{font-size:10px;margin-top:6px}.family-note{grid-column:span 2;font-size:9px;margin:0;line-height:1.7}.family-note br{display:none}.game-board{width:100%;border-width:5px;border-radius:26px;min-height:495px;padding:18px 15px}.board-top{font-size:6px;letter-spacing:1.1px;padding-bottom:10px}.level-badge{font-size:14px;padding:6px 11px}.journey-dots{margin:18px 0 19px;gap:9px}.word-context{font-size:6px;letter-spacing:1.7px;margin-bottom:12px}.game-board h2{font-size:27px;margin-bottom:22px;min-height:60px;display:flex;align-items:center;justify-content:center}.big-slots{min-height:80px;gap:8px;margin-bottom:15px}.big-slot{font-size:37px;min-width:68px;border-width:2px;padding:5px 8px}.big-syllables{gap:11px;min-height:70px}.big-syllable{font-size:34px;min-width:72px;padding:10px 13px;box-shadow:0 5px 0 #d4a04e;border-radius:12px}.big-syllable:nth-child(2n){box-shadow:0 5px 0 #5ba3bf}.instruction{font-size:9px;margin-bottom:18px}.game-feedback{font-size:10px;min-height:40px;margin:20px 0 12px}.quiet-button{font-size:8px}.next-button{font-size:13px;padding:10px 15px}.board-actions{gap:8px;min-height:40px}.game-footer{padding:10px 5% 25px;flex-wrap:wrap;gap:13px;justify-content:center;font-size:8px}.game-footer p{order:3;width:100%;font-size:7px;margin:0}.sky-letters{font-size:100px}.sky-letters span:nth-child(1){left:0;top:120px}.sky-letters span:nth-child(2){right:-20px;top:200px}.cloud-one{top:200px}.memory-grid{gap:10px;grid-template-columns:repeat(4,1fr)}.memory-card{aspect-ratio:.8;font-size:27px;border-radius:12px;border-width:2px}.memory-card.revealed .card-word,.memory-card.matched .card-word{font-size:12px}#memory-game h2{min-height:45px;margin-bottom:5px}#memory-game .game-feedback{margin-top:20px}.memory-count{font-size:9px}.finish-stars{font-size:48px}#finish-panel h2{font-size:34px}#finish-panel>p{font-size:11px}.finish-moral{font-size:18px!important}.finish-actions{flex-direction:column;gap:22px}.hill-back{bottom:-220px}.hill-front{bottom:-230px}}
@media(min-width:901px){.game-header{height:100px}.game-main{padding-top:14px;padding-bottom:25px}.game-intro h1{font-size:64px}.game-kicker{margin:0 0 10px}.mode-tabs{margin:20px auto 24px}.game-board{padding:18px 30px;min-height:500px}.board-top{padding-bottom:11px}.journey-dots{margin:15px 0 16px}.game-board h2{margin-bottom:19px}.big-slots{min-height:88px;margin-bottom:16px}.big-slot{font-size:48px}.big-syllable{font-size:45px}.game-feedback{margin:18px 0 11px;min-height:38px}.instruction{margin-bottom:18px}.game-footer{padding-top:0}}
@media(min-width:901px) and (max-height:850px){.game-header{height:87px}.game-logo img{height:65px;width:165px}.game-intro h1{font-size:48px}.game-kicker{display:none}.game-main{padding-top:7px;padding-bottom:20px}.mode-tabs{margin:16px auto 19px}.game-board{padding:14px 25px;min-height:440px}.board-top{padding-bottom:8px}.journey-dots{margin:12px 0}.game-board h2{font-size:28px;margin-bottom:16px}.big-slots{min-height:72px;margin-bottom:13px}.big-slot{font-size:40px}.big-syllable{font-size:38px;min-width:85px}.big-syllables{min-height:68px}.game-feedback{margin:14px 0 8px;font-size:11px;min-height:30px}.guide-picture{max-width:205px;margin:auto}.speech-bubble{padding:17px}.speech-bubble p{font-size:11px}.family-note{margin-top:16px}.game-footer{padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
