.avatar-selection{text-align:center;padding:20px;background-color:#f0f7ff;min-height:100vh;display:flex;flex-direction:column;align-items:center}.avatar-selection h1{color:#ff6b6b;font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.avatar-selection h2{color:#4a90e2;font-size:1.8rem;margin-bottom:30px}.avatars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;max-width:600px;margin:0 auto 30px;padding:20px}.avatar-button{background:#fff;border:3px solid #e0e0e0;border-radius:15px;padding:15px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:10px}.avatar-button:hover{transform:scale(1.05);border-color:#4a90e2}.avatar-button.selected{border-color:#ff6b6b;background-color:#fff3f3;transform:scale(1.1)}.avatar-emoji{font-size:3rem}.avatar-name{font-size:1.2rem;color:#333}.name-form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:300px}.name-input{padding:12px;font-size:1.2rem;border:2px solid #e0e0e0;border-radius:10px;text-align:center}.name-input:focus{outline:none;border-color:#4a90e2}.start-button{background-color:#4caf50;color:#fff;padding:15px;border:none;border-radius:10px;font-size:1.2rem;cursor:pointer;transition:background-color .3s ease}.start-button:hover:not(:disabled){background-color:#45a049}.start-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 600px){.avatar-selection h1{font-size:2rem}.avatar-selection h2{font-size:1.5rem}.avatars-grid{grid-template-columns:repeat(2,1fr)}}.game-menu{padding:20px;background-color:#f0f7ff;min-height:100vh}.game-menu-header{text-align:center;margin-bottom:40px;display:flex;align-items:center;justify-content:center;gap:20px}.game-menu-header h1{color:#ff6b6b;font-size:2.5rem;margin:0}.player-avatar{font-size:3rem;background:#fff;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000001a}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding:20px}.game-card{background:#fff;border-radius:20px;padding:30px;text-align:center;cursor:pointer;transition:all .3s ease;border:none;box-shadow:0 4px 8px #0000001a}.game-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.game-card.selected{border:3px solid #ff6b6b;transform:scale(1.05)}.game-icon{font-size:4rem;display:block;margin-bottom:15px}.game-card h2{color:#4a90e2;font-size:1.8rem;margin:10px 0}.game-card p{color:#666;font-size:1.1rem;margin:0}@media (max-width: 768px){.game-menu-header h1{font-size:2rem}.player-avatar{font-size:2.5rem;width:60px;height:60px}.games-grid{grid-template-columns:1fr;padding:10px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:15px;max-width:500px;width:90%;text-align:center;box-shadow:0 4px 6px #0000001a}.modal-content h2{color:#333;margin-bottom:20px}.summary{background-color:#f8f9fa;padding:20px;border-radius:10px;margin:20px 0}.summary h3{color:#4a90e2;margin-bottom:15px}.summary-stats{display:flex;justify-content:center;gap:30px}.stat{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-value{font-size:2rem;font-weight:700;color:#333}.warning{color:#f44336;font-size:.9rem;margin:20px 0}.modal-actions{display:flex;justify-content:center;gap:15px}.modal-actions button{padding:10px 20px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s}.cancel-button{background-color:#e0e0e0;color:#333}.cancel-button:hover{background-color:#d5d5d5}.confirm-button{background-color:#f44336;color:#fff}.confirm-button:hover{background-color:#d32f2f}@media (max-width: 480px){.modal-content{padding:20px}.summary-stats{flex-direction:column;gap:15px}}.profile{padding:20px;min-height:100vh;background-color:#f0f7ff}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:40px;background:#fff;padding:20px;border-radius:15px;box-shadow:0 2px 4px #0000001a}.player-info{display:flex;align-items:center;gap:15px}.player-avatar{font-size:2.5rem;background:#f5f5f5;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.profile h1{color:#4a90e2;font-size:2rem;margin:0}.games-progress{background:#fff;padding:30px;border-radius:15px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.games-progress h2{color:#333;margin-bottom:20px;text-align:center}.progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.progress-card{background:#f8f9fa;border-radius:12px;padding:20px;text-align:center;transition:transform .3s ease}.completedgame{background:#fffefe;opacity:.5}.progress-card:hover{transform:translateY(-5px)}.game-icon{font-size:3rem;margin-bottom:10px}.progress-card h3{color:#4a90e2;margin-bottom:15px}.progress-info{display:flex;flex-direction:column;gap:10px}.status-badge{display:inline-block;padding:5px 10px;border-radius:20px;font-size:.9rem;font-weight:700}.status-badge.completed{background-color:#4caf50;color:#fff}.status-badge.pending{background-color:#ff9800;color:#fff}.score-info{display:flex;justify-content:center;gap:10px;font-size:1.1rem}.score-label{color:#666}.score-value{color:#4a90e2;font-weight:700}.logout-button{display:block;margin:0 auto;padding:12px 24px;background-color:#f44336;color:#fff;border:none;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:background-color .3s}.logout-button:hover{background-color:#d32f2f}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center}.player-info{flex-direction:column}.progress-grid{grid-template-columns:1fr}}.game-stats{display:flex;justify-content:center;gap:20px;padding:15px;background:#fff;border-radius:15px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-label{font-size:.9rem;color:#666}.stat-value{font-size:1.2rem;font-weight:700}.stat-value.success{color:#4caf50}.stat-value.error{color:#f44336}.stat-value.score{color:#2196f3}@media (max-width: 480px){.game-stats{flex-wrap:wrap;gap:10px}.stat-item{flex:1 1 40%}}.animal-pairs{padding:20px;max-width:800px;margin:0 auto}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;perspective:1000px}.card{aspect-ratio:1;background:none;border:none;cursor:pointer;padding:0}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s}.card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:2.5rem;border-radius:10px;box-shadow:0 2px 4px #0000001a}.card-front{background-color:#4a90e2;color:#fff}.card-back{background-color:#fff;transform:rotateY(180deg)}.card.matched{opacity:.7;cursor:default}@media (max-width: 480px){.cards-grid{grid-template-columns:repeat(3,1fr)}}.word-search{padding:5px;width:100%;margin:0 auto}.word-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;justify-content:center}.word{background-color:#e0e0e0;padding:5px 10px;border-radius:15px;font-size:1.1rem}.word.found{background-color:#4caf50;color:#fff}.grid{display:flex;flex-direction:column;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a}.row{display:flex;justify-content:center;align-items:center}.cell{width:40px;height:40px;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;background:none;cursor:pointer;transition:background-color .3s;background-color:#af814c}.cell:hover{background-color:#02aa10}.cell.selected{background-color:#65baff}.found{background-color:#4caf50}@media (max-width: 480px){.cell{width:20px;height:20px;font-size:.8rem}}.animal-match{padding:20px;max-width:800px;margin:0 auto}.match-container{display:flex;gap:40px;justify-content:center}.match-column{display:flex;flex-direction:column;gap:15px}.match-card{width:120px;height:120px;border:2px solid #722f2f;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#4e2c2c;cursor:pointer;transition:all .3s ease}.match-card.emoji{font-size:3rem}.match-card.name{font-size:1.5rem;font-weight:700}.match-card:hover:not(.matched){transform:translateY(-5px);box-shadow:0 4px 8px #0000001a}.match-card.selected{border-color:#4a90e2;background-color:#e3f2fd}.match-card.matched{opacity:.5;cursor:default;border-color:#4caf50}@media (max-width: 600px){.match-container{gap:20px}.match-card{width:100px;height:100px;font-size:1.5rem}.match-card.emoji{font-size:2.5rem}.match-card.name{font-size:1.2rem}}.app{min-height:100vh;width:100%;background-color:#f0f7ff}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a}.back-button{background:none;border:none;color:#4a90e2;font-size:1.1rem;cursor:pointer;padding:5px 10px;border-radius:5px;transition:background-color .3s}.back-button:hover{background-color:#f5f5f5}.player-info{display:flex;align-items:center;gap:10px;font-size:1.2rem}.player-avatar{background:#f5f5f5;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.btn-profile{position:fixed;top:10px;right:10px;font-family:Comic Sans MS,cursive,sans-serif;background-color:#fff;color:#00f;font-size:30px}.player-avatar{cursor:pointer;transition:all .3s ease-in-out}.player-avatar:hover{transform:scale(1.1)}:root{line-height:1.5;font-weight:400;width:100%;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}