@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:Nunito,sans-serif;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow-x:hidden;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh}#game-container{width:100%;max-width:420px;min-height:100vh;min-height:100dvh}@media (min-width: 480px){body{padding:1rem}#game-container{min-height:auto;max-height:90vh;border-radius:40px;box-shadow:0 25px 50px -12px #00000040;border:8px solid white}}.floating{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hidden-screen{display:none!important}#display-letter-container{display:none}#display-letter{font-size:clamp(6.5rem,32vw,8rem);line-height:1}#display-emoji-container{display:none}#display-emoji{font-size:clamp(5.5rem,26vw,7rem);line-height:1}#display-syllables-container,#syllables-grid{display:none}#options-grid{display:grid}.btn-emoji{transition:all .2s cubic-bezier(.175,.885,.32,1.275);min-height:70px;touch-action:manipulation}.btn-emoji:active{transform:scale(.95)}#options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}#syllables-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.syllable-btn{font-size:1.5rem;padding:.75rem}@media (max-width: 380px){#syllables-grid{grid-template-columns:repeat(3,1fr)}.syllable-btn{font-size:1.1rem;padding:.5rem}}@media (min-width: 768px){#display-letter{font-size:9rem}#display-emoji{font-size:8rem}}.animate-pop{animation:pop .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.progress-bar-inner{transition:width .5s ease-in-out}button{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#install-banner button{min-height:40px}