*{box-sizing:border-box;margin:0;padding:0}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:40px;width:100%}.auth-title{color:#333;font-size:28px;font-weight:700;margin-bottom:10px;text-align:center}.auth-subtitle{color:#666;margin-bottom:30px;text-align:center}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:12px;transition:border-color .3s}.form-group input:focus{border-color:#667eea;outline:none}.btn-primary{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:transform .2s}.error-message{background-color:#fee;color:#c33}.error-message,.success-message{border-radius:5px;font-size:14px;padding:12px;text-align:center}.success-message{background-color:#efe;color:#3c3}.auth-footer{margin-top:20px;text-align:center}.auth-footer a{color:#667eea;font-size:14px;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.dashboard-container{background-color:#f5f7fa;min-height:100vh}.dashboard-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:20px 40px}.dashboard-header h1{font-size:28px;margin:0}.welcome-text{margin:5px 0 0;opacity:.9}.header-actions{align-items:center;display:flex;gap:15px}.user-info{align-items:flex-end;display:flex;flex-direction:column}.user-name{font-weight:600}.user-email{font-size:12px;opacity:.8}.dashboard-content{margin:0 auto;max-width:1400px;padding:40px}.action-card,.users-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:30px}.action-card h2,.users-card h2{color:#333;margin-top:0}.upload-section{display:flex;gap:15px;margin:20px 0}.help-text{color:#666;font-size:14px;margin-top:10px}.help-text code{background:#f0f0f0;border-radius:3px;font-family:monospace;padding:2px 6px}.btn-delete,.btn-play,.btn-primary,.btn-secondary{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff}.btn-delete{background:#f44;color:#fff;font-size:12px;padding:6px 12px}.btn-delete:hover{background:#c00}.table-container{overflow-x:auto}.users-table{border-collapse:collapse;margin-top:20px;width:100%}.users-table td,.users-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.users-table th{color:#333;font-weight:600}.users-table th,.users-table tr:hover{background-color:#f8f9fa}.games-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.game-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;padding:30px;text-align:center;transition:transform .3s,box-shadow .3s}.game-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.game-icon{align-items:center;border-radius:50%;display:flex;font-size:40px;height:80px;justify-content:center;margin-bottom:20px;width:80px}.game-card h3{color:#333;font-size:22px;margin:0 0 10px}.game-card p{color:#666;flex-grow:1;font-size:14px;line-height:1.6;margin-bottom:20px}.btn-play{color:#fff;font-size:16px;padding:12px 24px;width:100%}.btn-play:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:15px}.dashboard-content{padding:20px}.upload-section{flex-direction:column}.games-grid{grid-template-columns:1fr}}.game-container{background-color:#f0f0f0;min-height:100vh}.rules-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.rules-content{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;max-width:800px;padding:40px}.game-title{font-size:36px;font-weight:700;margin-bottom:20px}.game-title,.rules-content h3{color:#ff8a00;text-align:center}.rules-content h3{font-size:24px;margin:20px 0}.rules-content p{color:#333;font-size:16px;line-height:1.8}.rules-content ul{font-size:16px;line-height:1.8;list-style:disc;padding-left:40px}.play-button{background:#ff8a00;border:none;border-radius:50px;color:#fff;cursor:pointer;display:block;font-size:24px;font-weight:700;margin:30px auto 0;padding:15px 60px;transition:transform .3s,box-shadow .3s}.play-button:hover{box-shadow:0 10px 20px #ff8a004d;transform:translateY(-3px)}.game-play-area{min-height:100vh}.game-header{grid-gap:10px;align-items:center;background-color:#263238;display:grid;gap:10px;grid-template-columns:150px 1fr 1fr 1fr 1fr auto;padding:10px 20px}.control-buttons{display:flex;gap:10px}.control-btn{background-color:#4e4f4e;border:none;border-radius:5px;cursor:pointer;font-size:18px;height:40px;transition:background-color .3s;width:50px}.control-btn:hover{background-color:#5e5f5e}.game-stat{background-color:#4e4f4e;border-radius:5px;padding:10px;text-align:center}.game-name,.game-stat{color:#fff;font-size:16px;font-weight:700}.game-name{padding-right:20px}.progress-bar{background-color:#d8d9cf;border-radius:4px;height:16px;margin:8px 16px;overflow:hidden}.progress-fill{background-color:#22c55e;border-radius:4px;height:100%;transition:width 1s linear}.game-content{align-items:center;display:flex;flex-direction:column;gap:40px;padding:40px}.grid-container{grid-gap:8px;display:grid;gap:8px;margin:0 auto;max-width:500px}.grid-cell{align-items:center;aspect-ratio:1;background-color:#fff;border:2px solid #ddd;border-radius:8px;display:flex;justify-content:center;padding:10px;transition:all .3s}.grid-cell img{max-height:100%;max-width:100%;object-fit:contain}.question-cell{animation:pulse 1.5s infinite;background-color:#fffacd;border:3px solid #ff8a00}.question-mark{animation:bounce 2s infinite}.removed-cell{background-color:#f9f9f9;border:2px solid #e0e0e0;opacity:.4}.transparent-img{opacity:.15}@keyframes pulse{0%,to{box-shadow:0 0 10px #ff8a0080}50%{box-shadow:0 0 20px #ff8a00cc}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.options-container{background-color:#666;border-radius:10px;flex-wrap:wrap;gap:15px;max-width:800px;padding:20px}.option-cell,.options-container{display:flex;justify-content:center}.option-cell{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;height:80px;padding:10px;transition:all .3s;width:80px}.option-cell:hover{border-color:#ff8a00;box-shadow:0 5px 15px #0003;transform:scale(1.1)}.option-cell.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.option-cell img{max-height:100%;max-width:100%;object-fit:contain}.feedback-animation{align-items:center;animation:feedbackAppear .8s ease-out;display:flex;flex-direction:column;gap:10px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.feedback-animation.correct{color:#22c55e}.feedback-animation.wrong{color:#ef4444}.feedback-icon{animation:iconPop .5s ease-out;height:100px;width:100px}.feedback-text{font-size:32px;text-shadow:2px 2px 4px #0000004d}@keyframes feedbackAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes iconPop{0%{rotate:-180deg;transform:scale(0)}70%{rotate:10deg;transform:scale(1.2)}to{rotate:0deg;transform:scale(1)}}canvas{border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 10px #0000001a}.motion-content{align-items:center;display:flex;flex-direction:column;gap:30px;padding:30px}.level-name{color:#ff8a00;font-size:28px;font-weight:700;margin:0;text-align:center}.motion-grid{grid-gap:3px;background-color:#ddd;border-radius:10px;box-shadow:0 8px 20px #00000026;display:grid;gap:3px;margin:0 auto;max-width:500px;padding:15px}.motion-cell{align-items:center;aspect-ratio:1;border:2px solid #999;border-radius:8px;cursor:pointer;display:flex;height:80px;justify-content:center;position:relative;transition:all .3s;width:80px}.motion-cell.empty{background-color:#f0f0f0!important;border:2px dashed #ccc}.motion-cell.selected-cell{border:4px solid gold;box-shadow:0 0 20px #ffd70099;transform:scale(1.05);z-index:10}.motion-cell.valid-move{animation:validMovePulse 1s infinite;background-color:#d4f4dd!important;border:3px solid #22c55e;cursor:pointer}.motion-cell:hover{box-shadow:0 4px 12px #0003;transform:scale(1.05)}.motion-cell.empty:hover{box-shadow:none;transform:none}.cell-image{max-height:80%;max-width:80%;object-fit:contain;pointer-events:none}.motion-instructions{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;color:#333;font-size:18px;font-weight:600;padding:15px 30px;text-align:center}.motion-instructions p{margin:0}@keyframes validMovePulse{0%,to{box-shadow:0 0 10px #22c55e80}50%{box-shadow:0 0 20px #22c55ecc}}.inductive-content{margin:0 auto;max-width:1400px;padding:20px}.inductive-layout{align-items:flex-start;background:#fff;border-radius:15px;box-shadow:0 8px 20px #0000001a;display:flex;gap:30px;padding:30px}.example-section{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:300px}.section-title{color:#ff8a00;font-size:20px;font-weight:700;margin-bottom:20px;text-align:center}.example-grids{display:flex;flex-direction:column;gap:20px}.pattern-grid-wrapper{background:#f9f9f9;border:2px solid #ddd;border-radius:10px;padding:15px}.pattern-grid{grid-gap:4px;background:#fff;border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:160px;padding:8px;width:160px}.pattern-grid.option-grid{gap:3px;height:140px;padding:6px;width:140px}.pattern-cell{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #ddd;border-radius:4px;display:flex;justify-content:center}.pattern-cell img{max-height:80%;max-width:80%;object-fit:contain}.pattern-hint{color:#666;font-size:14px;font-weight:600;margin-top:15px;text-align:center}.vertical-divider{align-self:stretch;background:linear-gradient(180deg,#ddd,#999,#ddd);border-radius:2px;width:3px}.options-section{align-items:center;display:flex;flex:2 1;flex-direction:column}.options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);width:100%}.option-wrapper{align-items:center;background:#f9f9f9;border:3px solid #ddd;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;padding:15px;transition:all .3s}.option-wrapper:hover{box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.option-wrapper.selected{background:#fffacd;border-color:gold;box-shadow:0 0 20px #ffd70080}.option-wrapper.correct-answer{background:#d4f4dd;border-color:#22c55e}.option-wrapper.wrong-answer{background:#fee;border-color:#ef4444}.option-label{color:#333;font-size:14px;font-weight:700;margin-bottom:10px}.inductive-instructions{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;color:#333;font-size:18px;font-weight:600;margin-top:20px;padding:15px;text-align:center}.inductive-instructions p{margin:0}@media (max-width:768px){.game-header{gap:5px;grid-template-columns:1fr}.game-content{padding:20px}.grid-cell,.option-cell{height:60px;width:60px}.motion-grid{gap:2px;padding:10px}.motion-cell{height:60px;width:60px}.level-name{font-size:22px}.inductive-layout{flex-direction:column;padding:15px}.example-section{min-width:100%}.vertical-divider{height:3px;margin:20px 0;width:100%}.options-grid{grid-template-columns:1fr}.pattern-grid{height:140px;width:140px}.pattern-grid.option-grid{height:120px;width:120px}}.switch-game-content{flex-direction:column;gap:10px;padding:20px}.switch-game-content,.switch-section{align-items:center;display:flex;justify-content:center}.switch-section{margin:10px 0}.symbol-row{gap:15px}.symbol-container,.symbol-row{align-items:center;display:flex;justify-content:center}.symbol-container{background:linear-gradient(145deg,#e6e9f0,#f4f6fa);border-radius:12px;box-shadow:0 4px 12px #00000026;min-height:90px;min-width:90px;padding:12px}.funnel-container{align-items:center;display:flex;justify-content:center;margin:5px 0}.sequence-section{margin:15px 0}.sequence-options{align-items:center;display:flex;gap:20px;justify-content:center}.sequence-option{background:linear-gradient(145deg,#e6e9f0,#f4f6fa);border:3px solid #cbd5e0;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#2d3748;cursor:pointer;font-size:28px;font-weight:700;letter-spacing:4px;min-width:120px;padding:20px 30px;text-align:center;transition:all .3s ease}.sequence-option:hover:not(:disabled){border-color:#667eea;box-shadow:0 6px 16px #0003;transform:translateY(-3px)}.sequence-option:disabled{cursor:not-allowed;opacity:.6}.sequence-option.selected{background:linear-gradient(145deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.sequence-option.correct{animation:correctPulse .5s ease;background:linear-gradient(145deg,#48bb78,#38a169);border-color:#48bb78;color:#fff}.sequence-option.wrong{animation:shake .5s ease;background:linear-gradient(145deg,#f56565,#e53e3e);border-color:#f56565;color:#fff}.sequence-option.pre-selected{background:linear-gradient(145deg,#805ad5,#6b46c1);border-color:#805ad5;box-shadow:0 6px 20px #805ad566;color:#fff;cursor:not-allowed;opacity:.95}.feedback-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.feedback-overlay.correct{background:#48bb7826}.feedback-overlay.wrong{background:#f5656526}.feedback-content{align-items:center;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55);display:flex;flex-direction:column;gap:20px;justify-content:center}.feedback-icon{animation:scaleRotate .6s ease}.feedback-icon svg{filter:drop-shadow(0 8px 20px rgba(0,0,0,.3))}.feedback-icon svg circle{animation:pulseGlow .6s ease}.feedback-icon svg path{stroke-dasharray:100;stroke-dashoffset:100;animation:drawPath .5s ease .2s forwards}.feedback-text{animation:textPop .5s ease .3s both;font-size:48px;font-weight:700;letter-spacing:4px;text-shadow:0 4px 10px #0003;text-transform:uppercase}.feedback-overlay.correct .feedback-text{color:#48bb78;text-shadow:0 4px 20px #48bb7899}.feedback-overlay.wrong .feedback-text{color:#f56565;text-shadow:0 4px 20px #f5656599}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleRotate{0%{transform:scale(0) rotate(-180deg)}60%{transform:scale(1.2) rotate(20deg)}to{transform:scale(1) rotate(0deg)}}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.8;transform:scale(1.05)}}@keyframes drawPath{to{stroke-dashoffset:0}}@keyframes textPop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@media (max-width:768px){.symbol-container{min-height:70px;min-width:70px;padding:8px}.symbol-row{gap:10px}.sequence-options{gap:12px}.sequence-option{font-size:22px;letter-spacing:3px;min-width:90px;padding:15px 20px}.selected-sequence-box{font-size:26px;letter-spacing:4px;padding:12px 25px}.funnel-container svg{height:50px;width:100px}.feedback-icon svg{height:80px;width:80px}.feedback-text{font-size:36px;letter-spacing:3px}}.grid-challenge-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:20px}.memory-grid{grid-gap:8px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);padding:20px}.memory-cell{background:#e5e7eb;border:2px solid #9ca3af;border-radius:8px;height:60px;transition:all .3s ease;width:60px}.memory-cell.highlighted{animation:highlightPulse .5s ease-in-out infinite;background:#fcd34d;border-color:#f59e0b;box-shadow:0 0 20px #fcd34d99}.memory-cell.recall-cell{cursor:pointer}.memory-cell.recall-cell:hover{background:#d1d5db;transform:scale(1.05)}.memory-cell.selected{background:#3b82f6;border-color:#2563eb}.memory-cell.result-cell.correct{background:#10b981;border-color:#059669}.memory-cell.result-cell.missed{background:#fbbf24;border-color:#f59e0b}.memory-cell.result-cell.wrong{background:#ef4444;border-color:#dc2626}.circle-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;height:500px;margin:20px 0;position:relative;width:100%}.circle{background:#9ca3af;border:2px solid #6b7280;border-radius:50%;height:40px;position:absolute;transform:translate(-50%,-50%);transition:all .3s ease;width:40px}.circle-highlighted{animation:highlightPulse .5s ease-in-out infinite;background:#fcd34d;border-color:#f59e0b;box-shadow:0 0 20px #fcd34d99;height:50px;width:50px}.recall-circle{cursor:pointer}.recall-circle:hover{background:#6b7280;transform:translate(-50%,-50%) scale(1.15)}.circle-selected{background:#3b82f6;border-color:#2563eb;box-shadow:0 0 10px #3b82f680}.circle-correct{background:#10b981;border-color:#059669;box-shadow:0 0 10px #10b98180}.circle-missed{background:#fbbf24;border-color:#f59e0b;box-shadow:0 0 10px #fbbf2480}.circle-wrong{background:#ef4444;border-color:#dc2626;box-shadow:0 0 10px #ef444480}@keyframes highlightPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.symmetry-phase{text-align:center}.shape-pair{align-items:center;display:flex;gap:60px;justify-content:center;margin:30px 0}.shape-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:20px}.symmetry-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px}.symmetry-btn{border:none;border-radius:10px;box-shadow:0 4px 12px #00000026;cursor:pointer;font-size:18px;font-weight:700;padding:15px 40px;transition:all .3s ease}.symmetrical-btn{background:linear-gradient(145deg,#10b981,#059669);color:#fff}.symmetrical-btn:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.not-symmetrical-btn{background:linear-gradient(145deg,#ef4444,#dc2626);color:#fff}.not-symmetrical-btn:hover{box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.grid-recall-phase{text-align:center}.submit-btn{background:linear-gradient(145deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:30px;padding:15px 50px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.results-phase{margin:0 auto;max-width:900px;text-align:center}.results-grid-display{margin:30px 0}.result-legend{display:flex;font-size:14px;gap:30px;justify-content:center;margin-top:15px}.legend-box{border-radius:4px;display:inline-block;height:20px;margin-right:8px;vertical-align:middle;width:20px}.legend-box.correct{background:#10b981}.legend-box.missed{background:#fbbf24}.legend-box.wrong{background:#ef4444}.score-display{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:40px 0}.score-item{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;min-width:200px;padding:25px}.score-item h3{color:#6b7280;font-size:16px;margin-bottom:10px}.score-value{color:#1f2937;font-size:36px;font-weight:700;margin:10px 0}.score-item.combined .score-value{color:#667eea}.score-detail{color:#9ca3af;font-size:14px}.pass-message{background:linear-gradient(145deg,#d1fae5,#a7f3d0);border-radius:12px;margin-bottom:20px;padding:30px}.pass-message h2{color:#059669;font-size:32px;margin-bottom:10px}.fail-message{background:linear-gradient(145deg,#fee2e2,#fecaca);border-radius:12px;margin-bottom:20px;padding:30px}.fail-message h2{color:#dc2626;font-size:32px;margin-bottom:10px}.continue-btn,.retry-btn{border:none;border-radius:10px;box-shadow:0 4px 12px #00000026;cursor:pointer;font-size:18px;font-weight:700;padding:15px 50px;transition:all .3s ease}.continue-btn{background:linear-gradient(145deg,#10b981,#059669);color:#fff}.continue-btn:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.retry-btn{background:linear-gradient(145deg,#f59e0b,#d97706);color:#fff}.retry-btn:hover{box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}@media (max-width:768px){.memory-cell{height:50px;width:50px}.circle-container{height:400px}.circle{height:30px;width:30px}.circle-highlighted{height:40px;width:40px}.shape-pair{gap:30px}.shape-pair,.symmetry-buttons{flex-direction:column}.symmetry-btn{width:100%}.score-display{flex-direction:column}.score-item{width:100%}}
/*# sourceMappingURL=main.98ea3af5.css.map*/