*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.app-container{max-width:500px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:10px 0 20px}.app-title{font-family:Fredoka One,cursive;font-size:2rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.word-display{background:#fff;border-radius:24px;padding:32px 48px;text-align:center;box-shadow:0 8px 32px #00000026;cursor:pointer;transition:transform .2s;width:100%}.word-display:active{transform:scale(.97)}.word-text{font-family:Fredoka One,cursive;font-size:6rem;color:#e74c3c;display:block;line-height:1.2}.word-hint{font-size:.85rem;color:#aaa;margin-top:8px}.phonogram-segment{display:inline-block;border-radius:8px;padding:0 4px;transition:color .15s ease,background-color .15s ease,transform .15s ease}.phonogram-active{color:#e67e22;background-color:#fef3c7;transform:scale(1.15)}.controls{display:flex;gap:16px;width:100%;justify-content:center;flex-wrap:wrap}.btn{font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:800;border:none;border-radius:50px;padding:16px 36px;cursor:pointer;transition:transform .15s,box-shadow .15s;min-height:60px;min-width:140px}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-help{background:linear-gradient(135deg,#f6d365,#fda085);color:#fff;box-shadow:0 4px 15px #fda08566}.btn-record{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;box-shadow:0 4px 15px #38f9d766}.btn-record.recording{background:linear-gradient(135deg,#f093fb,#f5576c);animation:pulse 1s infinite}.btn-next{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;box-shadow:0 4px 15px #4facfe66;font-size:1.3rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sticker-reward{display:flex;align-items:center;gap:6px;background:#fff3;border-radius:50px;padding:8px 16px;position:relative}.sticker-icon{font-size:1.6rem}.sticker-count{font-size:1.4rem;font-weight:800;color:#fff}.sticker-pop{position:absolute;right:-10px;top:-10px;background:#e74c3c;color:#fff;font-size:.9rem;font-weight:800;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.feedback-display{background:#fff;border-radius:16px;padding:20px 28px;text-align:center;width:100%;box-shadow:0 4px 20px #0000001a;animation:slideUp .3s ease-out}.feedback-display.correct{border:3px solid #43e97b}.feedback-display.incorrect{border:3px solid #fda085}.feedback-emoji{font-size:2.5rem;display:block;margin-bottom:8px}.feedback-text{font-size:1.2rem;font-weight:700;color:#555}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.loading,.processing{font-size:1.3rem;color:#fff;font-weight:700}.try-again-hint{color:#fffc;font-size:1rem;font-weight:600}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;height:100vh}.btn-start{background:linear-gradient(135deg,#f093fb,#f5576c);font-size:1.8rem;padding:1.2rem 3rem;min-width:260px;animation:pulse 2s infinite}.game-launch-btn{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f6d365,#f093fb,#43e97b);background-size:200% 200%;animation:gameBtnGradient 3s ease infinite;border-radius:50px;padding:16px 28px;text-decoration:none;color:#fff;font-family:Fredoka One,cursive;font-size:1.3rem;box-shadow:0 6px 24px #f093fb66;transition:transform .2s,box-shadow .2s;margin-top:8px}.game-launch-btn:active{transform:scale(.95)}.game-launch-puppy{font-size:2rem;animation:puppyBounce 1.5s ease-in-out infinite}.game-launch-text{text-shadow:1px 1px 3px rgba(0,0,0,.2)}.game-launch-stars{font-size:.9rem;background:#ffffff4d;border-radius:20px;padding:4px 10px}@keyframes gameBtnGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes puppyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.btn-icon{font-size:1.6rem;margin-right:8px;vertical-align:middle}.openai-tagline{position:fixed;bottom:12px;right:14px;display:flex;align-items:center;gap:5px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:300;color:#ffffff73;letter-spacing:.01em;pointer-events:none;z-index:100}.openai-tagline-logo{width:18px;height:18px;opacity:.45;flex-shrink:0}