:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--secondary: #ec4899;--secondary-dark: #db2777;--secondary-light: #f472b6;--secondary-gradient: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);--accent: #10b981;--accent-dark: #059669;--accent-light: #34d399;--accent-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--warning: #f59e0b;--warning-dark: #d97706;--warning-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--danger: #ef4444;--danger-dark: #dc2626;--danger-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--border: #334155;--border-light: #1e293b}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;overflow-y:auto;overflow-x:hidden}.home-view,.settings-view{background:var(--primary-gradient);min-height:100%}.game-view,.level-complete-view,.level-failed-view{background:var(--bg-primary);min-height:100%}.home-container{padding:var(--spacing-lg);max-width:600px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.home-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-xl)}.user-info{display:flex;align-items:center;gap:var(--spacing-sm);color:#fff;font-size:var(--text-lg);font-weight:600}.user-info i{font-size:var(--text-2xl)}.header-stats{display:flex;gap:var(--spacing-md)}.stat-item{display:flex;align-items:center;gap:var(--spacing-xs);background:#fff3;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);color:#fff;font-weight:600}.stat-item i{font-size:var(--text-lg)}.home-logo{text-align:center;margin:var(--spacing-2xl) 0;color:#fff}.game-title{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--spacing-sm);text-shadow:0 2px 10px rgba(0,0,0,.2)}.game-subtitle{font-size:var(--text-lg);opacity:.9;font-weight:500}.stats-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-2xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);border:1px solid rgba(255,255,255,.2)}.stat-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.stat-row:last-child{margin-bottom:0}.stat-box{flex:1;display:flex;align-items:center;gap:var(--spacing-md);background:#fff3;padding:var(--spacing-md);border-radius:var(--radius-xl)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff4d;border-radius:var(--radius-lg);font-size:var(--text-xl);color:#fff}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:var(--text-xs);color:#fffc;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:var(--text-xl);font-weight:700;color:#fff}.btn{border:none;border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;text-decoration:none;box-shadow:var(--shadow-md)}.btn:active{transform:scale(.95)}.btn-play{background:#fff;color:var(--primary);font-size:var(--text-xl);padding:var(--spacing-lg) var(--spacing-2xl);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-xl)}.btn-play:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-play i{font-size:var(--text-2xl)}.btn-daily{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);margin-bottom:var(--spacing-xl)}.btn-daily:hover{background:#ffffff4d}.menu-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.btn-menu{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);padding:var(--spacing-lg);flex-direction:column;gap:var(--spacing-xs)}.btn-menu i{font-size:var(--text-2xl)}.btn-menu span{font-size:var(--text-sm)}.btn-menu:hover{background:#ffffff40}.home-footer{text-align:center;color:#ffffffb3;margin-top:auto;padding-top:var(--spacing-xl)}.game-container{padding:var(--spacing-md);max-width:600px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.game-top-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg)}.btn-back{width:44px;height:44px;padding:0;background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md)}.btn-back i{font-size:var(--text-xl)}.level-info{display:flex;flex-direction:column;align-items:center;background:var(--primary-gradient);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);color:#fff;min-width:100px}.level-label{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.level-number{font-size:var(--text-xl);font-weight:700}.game-stats{display:flex;gap:var(--spacing-sm)}.game-stats .stat-item{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-weight:600}.game-stats .stat-item i{font-size:var(--text-lg);color:var(--primary)}.game-stats .stat-item:last-child i{color:var(--danger)}.shape-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:200px;margin:var(--spacing-lg) 0}.shape-grid{display:grid;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.grid-cell{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:var(--text-2xl);font-weight:700;transition:all var(--transition-normal)}.grid-cell.empty{background:transparent}.grid-cell.filled{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md)}.grid-cell.blank{background:var(--bg-tertiary);border:2px dashed var(--border);color:var(--text-muted);cursor:pointer}.grid-cell.blank:hover{border-color:var(--primary);background:var(--bg-primary)}.grid-cell.hinted{background:var(--accent-gradient);animation:pulse 1s ease-in-out 3}.cell-letter{animation:popIn .3s ease}.cell-placeholder{opacity:.5}.attempts-bar{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.attempts-label{font-weight:600;color:var(--text-secondary)}.attempts-dots{display:flex;gap:var(--spacing-sm)}.attempt-dot{width:12px;height:12px;border-radius:var(--radius-full);transition:all var(--transition-normal)}.attempt-dot.active{background:var(--accent);box-shadow:0 0 8px var(--accent)}.attempt-dot.used{background:var(--border)}.options-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.letter-tile{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);color:#fff;border-radius:var(--radius-lg);font-size:var(--text-xl);font-weight:700;box-shadow:var(--shadow-md);transition:all var(--transition-normal);cursor:pointer;padding:0}.letter-tile:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-lg)}.letter-tile:active:not(:disabled){transform:scale(.95)}.letter-tile:disabled{opacity:.3;cursor:not-allowed;transform:scale(.9)}.letter-tile.disabled{background:var(--bg-tertiary);color:var(--text-muted)}.game-actions{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:var(--spacing-sm)}.btn-action{padding:var(--spacing-md);font-size:var(--text-sm);flex-direction:column;gap:var(--spacing-xs);background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-md)}.btn-action i{font-size:var(--text-xl)}.btn-hint i{color:var(--warning)}.btn-shuffle i{color:var(--primary)}.btn-submit{background:var(--accent-gradient);color:#fff;font-size:var(--text-base)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.cost{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.complete-container{padding:var(--spacing-xl);max-width:500px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.celebration{margin-bottom:var(--spacing-xl)}.trophy-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--warning-gradient);border-radius:var(--radius-full);margin:var(--spacing-lg) auto;box-shadow:var(--shadow-glow);animation:bounceIn .6s ease}.trophy-icon i{font-size:var(--text-4xl);color:#fff}.complete-title{font-size:var(--text-3xl);font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stars-container{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.star{font-size:var(--text-3xl);transition:all var(--transition-normal)}.star.earned{color:var(--warning);animation:starPop .5s ease}.star.unearned{color:var(--border)}.word-card{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-lg);width:100%}.completed-word{font-size:var(--text-3xl);font-weight:800;color:var(--primary);margin-bottom:var(--spacing-md)}.word-meaning{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.word-example{font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.rewards-container{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);width:100%}.reward-item{flex:1;display:flex;align-items:center;gap:var(--spacing-md);background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.reward-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);border-radius:var(--radius-lg);color:#fff;font-size:var(--text-lg)}.reward-info{display:flex;flex-direction:column;align-items:flex-start}.reward-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.reward-value{font-size:var(--text-lg);font-weight:700;color:var(--accent)}.complete-actions{display:flex;gap:var(--spacing-md);width:100%}.btn-continue{flex:2;background:var(--accent-gradient);color:#fff;font-size:var(--text-xl)}.btn-home{flex:1;background:var(--bg-secondary);color:var(--text-primary)}.failed-container{padding:var(--spacing-xl);max-width:500px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.failed-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--danger-gradient);border-radius:var(--radius-full);margin:var(--spacing-xl) 0;box-shadow:var(--shadow-lg)}.failed-icon i{font-size:var(--text-4xl);color:#fff}.failed-title{font-size:var(--text-3xl);font-weight:800;color:var(--danger);margin-bottom:var(--spacing-sm)}.failed-message{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.word-reveal{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);width:100%;box-shadow:var(--shadow-md)}.reveal-word{font-size:var(--text-2xl);font-weight:700;color:var(--primary);margin-bottom:var(--spacing-sm)}.reveal-meaning{font-size:var(--text-sm);color:var(--text-secondary)}.lives-info{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--danger);font-weight:600;margin-bottom:var(--spacing-xl)}.lives-info i{font-size:var(--text-xl)}.failed-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;margin-bottom:var(--spacing-xl)}.btn-retry{background:var(--primary-gradient);color:#fff}.btn-skip{background:var(--bg-secondary);color:var(--text-primary)}.ad-placeholder{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-lg);width:100%;text-align:center}.ad-placeholder p{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--spacing-sm)}.btn-ad{background:var(--secondary-gradient);color:#fff;width:auto;margin:0 auto}.settings-container{padding:var(--spacing-lg);max-width:600px;margin:0 auto;min-height:100%}.settings-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.settings-title{font-size:var(--text-2xl);font-weight:700;color:#fff}.settings-section{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-2xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid rgba(255,255,255,.2)}.section-title{font-size:var(--text-lg);font-weight:600;color:#fff;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.section-title i{font-size:var(--text-xl)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid rgba(255,255,255,.1)}.setting-item:last-child{border-bottom:none}.setting-info{flex:1}.setting-label{font-size:var(--text-base);font-weight:600;color:#fff;display:block}.setting-description{font-size:var(--text-sm);color:#ffffffb3;margin-top:var(--spacing-xs)}.toggle-switch{position:relative;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff4d;transition:var(--transition-normal);border-radius:var(--radius-full)}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition-normal);border-radius:var(--radius-full)}input:checked+.toggle-slider{background-color:var(--accent)}input:checked+.toggle-slider:before{transform:translate(22px)}.theme-options{display:flex;gap:var(--spacing-sm)}.theme-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:#fff3;border:2px solid transparent;border-radius:var(--radius-lg);color:#fff;cursor:pointer;transition:all var(--transition-normal)}.theme-btn i{font-size:var(--text-xl)}.theme-btn span{font-size:var(--text-sm);font-weight:500}.theme-btn.active{border-color:#fff;background:#ffffff4d}.btn-edit{width:40px;height:40px;padding:0;background:#fff3;color:#fff;border-radius:var(--radius-lg)}.btn-danger{background:var(--danger-gradient);color:#fff;margin-top:var(--spacing-md)}@keyframes popIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes starPop{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.3) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s ease}@media (max-width: 480px){.grid-cell,.letter-tile{width:44px;height:44px;font-size:var(--text-xl)}.game-title{font-size:var(--text-3xl)}.btn-play{font-size:var(--text-lg)}.menu-options{gap:var(--spacing-sm)}.btn-menu{padding:var(--spacing-md)}.btn-menu i{font-size:var(--text-xl)}}@media (max-width: 360px){.grid-cell,.letter-tile{width:38px;height:38px;font-size:var(--text-lg)}.game-actions{grid-template-columns:1fr}.btn-action{flex-direction:row;justify-content:center}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.hidden{display:none!important}.error-message{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:var(--text-lg);color:var(--text-secondary);text-align:center;padding:var(--spacing-xl)}