@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-primary: #0a0e27;--bg-secondary: #151b3d;--bg-tertiary: #1e2749;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--correct: #10b981;--present: #f59e0b;--absent: #4b5563;--empty: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--glow-primary: 0 0 20px rgba(99, 102, 241, .4);--glow-correct: 0 0 20px rgba(16, 185, 129, .4);--glow-present: 0 0 20px rgba(245, 158, 11, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none;z-index:0;animation:backgroundPulse 15s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:1}50%{opacity:.7}}#root{position:relative;z-index:1}h1{font-size:3rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;margin-bottom:var(--spacing-sm)}h2{font-size:1.5rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-md)}p{color:var(--text-secondary);line-height:1.6}.container{max-width:600px;margin:0 auto;padding:var(--spacing-lg)}.glass-card{background:#1e274999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg)}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-base);font-family:inherit;outline:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn var(--transition-slow) ease-out}.slide-in{animation:slideIn var(--transition-base) ease-out}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);position:relative}.header{text-align:center;margin-bottom:var(--spacing-lg)}.subtitle{font-size:1.125rem;color:var(--text-muted);margin-top:calc(var(--spacing-md) * -1)}.hint{font-size:.875rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.game-container{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center}.board{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.guess-row{display:flex;gap:var(--spacing-xs)}.guess-row.shake{animation:shake .5s ease-in-out}.digit-cell{width:60px;height:70px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;border-radius:var(--radius-md);transition:all var(--transition-base);border:2px solid transparent;position:relative;overflow:hidden}.digit-cell.empty{background:var(--bg-tertiary);border-color:#ffffff1a}.digit-cell.filled{background:var(--bg-secondary);border-color:var(--accent-primary);animation:bounce .3s ease-out;box-shadow:0 0 15px #6366f14d}.digit-cell.correct{background:var(--correct);border-color:var(--correct);color:#fff;animation:flip .6s ease-in-out;box-shadow:var(--glow-correct)}.digit-cell.present{background:var(--present);border-color:var(--present);color:#fff;animation:flip .6s ease-in-out;box-shadow:var(--glow-present)}.digit-cell.absent{background:var(--absent);border-color:var(--absent);color:var(--text-muted);animation:flip .6s ease-in-out}.guess-row.current .digit-cell.empty{border-color:#6366f14d}.message{padding:var(--spacing-sm) var(--spacing-md);background:#6366f133;border:1px solid var(--accent-primary);border-radius:var(--radius-md);color:var(--text-primary);font-weight:600;text-align:center;animation:slideIn .3s ease-out;margin-bottom:var(--spacing-sm)}.message.game-over{background:#8b5cf64d;border-color:var(--accent-secondary);font-size:1.125rem;padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--glow-primary)}.keyboard{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;max-width:500px}.keyboard-row{display:flex;gap:var(--spacing-xs);justify-content:center}.key{min-width:50px;height:58px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;border:none;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;border:2px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.key:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .3s,height .3s}.key:hover:before{width:100%;height:100%}.key:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:0 4px 12px #6366f14d}.key:active:not(:disabled){transform:translateY(0)}.key:disabled{opacity:.5;cursor:not-allowed}.key.special{min-width:80px;font-size:1rem;background:var(--bg-secondary)}.key.submit{background:var(--accent-gradient);color:#fff;font-weight:800;letter-spacing:.05em;box-shadow:var(--shadow-md)}.key.submit:hover:not(:disabled){box-shadow:var(--shadow-lg),var(--glow-primary)}.key.correct{background:var(--correct);border-color:var(--correct);color:#fff}.key.present{background:var(--present);border-color:var(--present);color:#fff}.key.absent{background:var(--absent);border-color:var(--absent);color:var(--text-muted);opacity:.6}.game-over-actions{margin-top:var(--spacing-md)}.game-over-actions .btn-primary{font-size:1.125rem;padding:1rem 2rem}.play-again{padding:var(--spacing-sm) var(--spacing-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-base);border:none;border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff}.play-again:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--glow-primary)}.play-again:active{transform:translateY(0)}.footer{text-align:center;margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.1)}.footer p{font-size:.875rem;color:var(--text-muted)}@media(max-width:640px){h1{font-size:2.5rem}.digit-cell{width:50px;height:60px;font-size:1.75rem}.key{min-width:42px;height:52px;font-size:1.125rem}.key.special{min-width:70px;font-size:.875rem}.container{padding:var(--spacing-sm)}}@media(max-width:480px){h1{font-size:2rem}.digit-cell{width:45px;height:55px;font-size:1.5rem}.key{min-width:38px;height:48px;font-size:1rem}.key.special{min-width:60px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.key:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.g-ads-column{position:fixed;top:0;bottom:0;width:200px;padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:space-between}.g-ads-left{left:0}.g-ads-right{right:0}.toggle-ads{display:flex;justify-content:flex-end;gap:var(--spacing-sm);align-items:center}.toggle-ads-button{background:var(--bg-secondary);color:var(--text-primary);border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);min-width:8rem}.g-ads-hidden{visibility:hidden;opacity:0;pointer-events:none}.toggle-ads-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-ads-switch-input{opacity:0;width:0;height:0}.toggle-ads-switch-label{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-ads-switch-label:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-ads-switch-input:checked+.toggle-ads-switch-label{background-color:#2196f3}.toggle-ads-switch-input:checked+.toggle-ads-switch-label:before{transform:translate(26px)}.toggle-ads-switch-label:hover{opacity:.8}.toggle-ads-switch-input:checked+.toggle-ads-switch-label{background-color:var(--accent-primary)}