body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative}body:before{animation:floatBackground 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#667eea08 0,#0000 50%),radial-gradient(circle at 80% 70%,#764ba208 0,#0000 50%),radial-gradient(circle at 50% 50%,#667eea05 0,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:0}@keyframes floatBackground{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(1deg)}66%{transform:translate(-20px,20px) rotate(-1deg)}}.container{animation:fadeIn .5s ease-in;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000014;margin:20px auto;max-width:650px;padding:40px;position:relative;width:100%;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{margin-bottom:30px;text-align:center}.title{animation:slideDown .6s ease-out;color:#2d3748;font-size:2.8rem;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.subtitle{color:#718096;font-size:1rem;font-weight:400}.controls-panel{margin-bottom:20px}.control-group{align-items:center;display:flex;gap:12px;margin-bottom:15px}.control-group label{color:#4a5568;font-size:.95rem;font-weight:600}.select-difficulty{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:10px 15px;transition:all .2s}.select-difficulty:hover{border-color:#180c2db3}.select-difficulty:focus{border-color:#131f51;box-shadow:0 0 0 3px #667eea1a;outline:none}.stats-bar{grid-gap:10px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);padding:15px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-label{color:#718096;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#2d3748;font-size:1.25rem;font-weight:700}.progress-bar{background:#e2e8f0;border-radius:15px;height:30px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.progress-fill{align-items:center;animation:progressPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#1c1953,#4b8ea2);display:flex;height:100%;justify-content:center;min-width:60px;transition:width .3s ease}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.85}}.progress-text{color:#fff;font-size:.85rem;font-weight:600;text-shadow:0 1px 2px #0003}.game-board{margin-bottom:25px;position:relative}.game-board.blurred{filter:blur(5px);pointer-events:none}.pause-overlay{background:#273141f2;border-radius:12px;box-shadow:0 10px 40px #0000004d;left:50%;padding:30px 60px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.pause-message{color:#fff;font-size:1.8rem;font-weight:700;text-align:center}.grid{grid-gap:0;background:#2d3748;border:3px solid #2d3748;border-radius:8px;display:grid;gap:0;grid-template-columns:repeat(9,1fr);overflow:hidden}.cellWrapper,.grid{aspect-ratio:1;width:100%}.cellWrapper{background:#fff;position:relative}.cellWrapper:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #2d3748}.cellWrapper:nth-child(n+19):nth-child(-n+27),.cellWrapper:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #2d3748}.cell{animation:cellAppear .3s ease-out backwards;background:#fff;border:1px solid #cbd5e0;color:#2d3748;cursor:pointer;font-size:1.4rem;font-weight:600;height:100%;text-align:center;transition:all .15s;width:100%}@keyframes cellAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.cell:focus{background:#edf2f7;outline:none}.cell.initial{background:#f7fafc;color:#1a202c;cursor:default;font-weight:800}.cell.active{background:#bee3f8;border:2px solid #3182ce}.cell.highlight{background:#e6fffa}.cell.same-value{background:#fef5e7}.cell.correct{background:#f0fdf4;color:#22c55e}.cell.incorrect{background:#fef2f2;color:#ef4444}.cell:disabled{cursor:not-allowed}.note{color:#718096;font-size:.6rem;font-weight:600;left:2px;pointer-events:none;position:absolute;top:2px}.win-message{animation:winAppear .5s ease-out,winFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#15192e,#8c4a6f);border-radius:12px;box-shadow:0 10px 30px #667eea4d;color:#fff;margin-bottom:20px;padding:25px;text-align:center}@keyframes winAppear{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes winFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.win-message h2{font-size:2rem;font-weight:700;margin-bottom:10px}.win-message p{font-size:1.1rem;margin:5px 0;opacity:.95}.action-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;letter-spacing:.5px;min-width:120px;overflow:hidden;padding:12px 20px;position:relative;text-transform:uppercase;transition:all .2s}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:active:before{height:300px;width:300px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#667eea,#622f5d);box-shadow:0 4px 15px #667eea4d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#718096;color:#fff}.btn-secondary:hover:not(:disabled){background:#4a5568;transform:translateY(-2px)}.btn-hint{background:#f59e0b;color:#fff}.btn-hint:hover:not(:disabled){background:#d97706;transform:translateY(-2px)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.btn-info{background:#3b82f6;color:#fff}.btn-info:hover:not(:disabled){background:#2563eb;transform:translateY(-2px)}.stats-panel{animation:fadeInUp .4s ease-out;background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;margin-bottom:20px;padding:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-panel h3{color:#2d3748;font-size:1.3rem;font-weight:700;margin-bottom:15px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.stats-item{display:flex;flex-direction:column;gap:5px}.stats-label{color:#718096;font-size:.85rem;font-weight:600}.stats-value{color:#2d3748;font-size:1.5rem;font-weight:700}.footer{border-top:1px solid #e2e8f0;padding-top:20px;text-align:center}.footer p{color:#718096;font-size:.9rem;margin:5px 0}@media (max-width:768px){body{padding:10px}.container{margin:10px auto;padding:20px}.title{font-size:2rem}.subtitle{font-size:.9rem}.stats-bar{gap:8px;grid-template-columns:repeat(2,1fr)}.cell{font-size:1.1rem}.action-buttons{flex-direction:column}.btn{min-width:100%}.stats-grid{grid-template-columns:1fr}}@media (max-width:480px){body{padding:5px}.title{font-size:1.5rem}.cell{font-size:1rem}.container{margin:5px auto;padding:15px}}
/*# sourceMappingURL=main.0b998927.css.map*/