.game-container{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:600px}.game-info{display:flex;justify-content:space-between;width:100%;font-size:1.2rem;font-weight:600}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:300px;height:300px;background-color:var(--grid-bg);padding:10px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.grid-cell{background-color:var(--grid-cell);border-radius:8px;transition:all .1s ease}.grid-cell.active{background-color:var(--grid-active);box-shadow:0 0 15px var(--grid-active);transform:scale(1.05)}.controls{display:flex;gap:2rem;width:100%;justify-content:center}.btn{padding:.8rem 2rem;border-radius:8px;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;background-color:var(--secondary-color);color:#fff}.btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--primary-color)}.btn-match{flex:1;height:80px;font-size:1.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:2px solid transparent}.btn-match span{font-size:.8rem;opacity:.8;font-weight:400}.btn-match.correct{background-color:var(--success-color);border-color:#fff}.btn-match.wrong{background-color:var(--error-color);border-color:#fff}.start-screen,.game-over-screen{text-align:center;display:flex;flex-direction:column;gap:1.5rem;background:#ffffff0d;padding:3rem;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.n-selector{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.n-value{font-size:2rem;font-weight:800;color:var(--accent-color)}:root{--bg-color: #0f172a;--text-color: #f8fafc;--primary-color: #3b82f6;--secondary-color: #64748b;--accent-color: #8b5cf6;--success-color: #22c55e;--error-color: #ef4444;--grid-bg: #1e293b;--grid-cell: #334155;--grid-active: #3b82f6;--font-main: "Inter", sans-serif;--font-display: "Outfit", sans-serif}body{margin:0;font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:2rem}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{font-family:var(--font-display);font-size:3rem;margin:0;background:linear-gradient(to right,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-header p{font-size:1.2rem;color:var(--secondary-color);margin-top:.5rem}button{cursor:pointer;font-family:var(--font-main);border:none;outline:none;transition:all .2s ease}