.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#2c3e50;color:#fff;padding:1rem;text-align:center}.app-header h1{margin:0;font-size:2rem}.app-content{flex:1;padding:1rem;max-width:1200px;margin:0 auto;width:100%}.start-game-prompt{margin:2rem auto;padding:2rem;text-align:center;background-color:#f5f5f5;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:600px}.start-game-prompt h2{margin-bottom:1rem;color:#2c3e50}.start-game-prompt p{margin-bottom:.8rem;color:#555;font-size:1.1rem}.game-controls{padding:20px;background-color:#ffffffe6;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}@media (max-width: 56.25em){.game-controls{flex-direction:column;gap:15px}}.game-controls__stats{display:flex;gap:20px}@media (max-width: 37.5em){.game-controls__stats{flex-direction:column;gap:10px}}.game-controls__difficulty{display:flex;align-items:center;gap:10px}.game-controls__difficulty select{padding:8px;border-radius:5px;border:1px solid #ccc}.game-controls__buttons{display:flex;gap:10px}@media (max-width: 37.5em){.game-controls__buttons{flex-direction:column;width:100%;gap:8px}}.game-controls__button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative}@media (max-width: 37.5em){.game-controls__button{width:100%;margin:0;transform-origin:center}}.game-controls__button--start{background-color:#2ecc71;color:#fff;font-size:1.1rem;padding:12px 24px;box-shadow:0 4px 10px #0003;transition:all .3s ease}.game-controls__button--start:hover{background-color:#29b765;transform:scale(1.03)}.game-controls__button--start:disabled{background-color:#2ecc7199;transform:scale(.95);box-shadow:0 2px 5px #0000001a;cursor:not-allowed;opacity:.8}@media (max-width: 37.5em){.game-controls__button--start{padding:12px 16px;font-size:1rem;box-shadow:0 2px 6px #0003}}.game-controls__button--highlight{transform:scale(1.05);box-shadow:0 6px 15px #0000004d}.game-controls__button--highlight:hover{background-color:#26ab5f;transform:scale(1.08)}@media (max-width: 37.5em){.game-controls__button--highlight{transform:none;box-shadow:0 4px 8px #00000040}.game-controls__button--highlight:hover{transform:none}}.game-controls__button--reset{background-color:#e74c3c;color:#fff;padding:10px 20px;box-shadow:0 3px 8px #00000026}.game-controls__button--reset:hover{background-color:#d62c1a;transform:scale(1.03)}@media (max-width: 37.5em){.game-controls__button--reset{padding:12px 16px;font-size:1rem}}.game-board{display:grid;gap:16px;margin:20px auto;max-width:1200px;justify-content:center;grid-template-columns:repeat(3,120px);grid-template-rows:repeat(2,120px)}@media (max-width: 75em){.game-board{grid-template-columns:repeat(3,100px);grid-template-rows:repeat(2,100px)}}@media (max-width: 56.25em){.game-board{grid-template-columns:repeat(3,80px);grid-template-rows:repeat(2,80px);gap:12px}}@media (max-width: 37.5em){.game-board{grid-template-columns:repeat(2,90px);grid-template-rows:repeat(3,90px);gap:12px}}.game-board.difficulty-medium{grid-template-columns:repeat(5,120px);grid-template-rows:repeat(2,120px)}@media (max-width: 75em){.game-board.difficulty-medium{grid-template-columns:repeat(5,100px);grid-template-rows:repeat(2,100px)}}@media (max-width: 56.25em){.game-board.difficulty-medium{grid-template-columns:repeat(5,80px);grid-template-rows:repeat(2,80px)}}@media (max-width: 37.5em){.game-board.difficulty-medium{grid-template-columns:repeat(2,90px);grid-template-rows:repeat(5,90px)}}.game-board.difficulty-hard{grid-template-columns:repeat(4,120px);grid-template-rows:repeat(3,120px)}@media (max-width: 75em){.game-board.difficulty-hard{grid-template-columns:repeat(4,100px);grid-template-rows:repeat(3,100px)}}@media (max-width: 56.25em){.game-board.difficulty-hard{grid-template-columns:repeat(4,80px);grid-template-rows:repeat(3,80px)}}@media (max-width: 37.5em){.game-board.difficulty-hard{grid-template-columns:repeat(2,90px);grid-template-rows:repeat(6,90px)}}.card{position:relative;width:120px;height:120px;perspective:1000px;cursor:pointer}@media (max-width: 75em){.card{width:100px;height:100px}}@media (max-width: 56.25em){.card{width:80px;height:80px}}@media (max-width: 37.5em){.card{width:90px;height:90px}}.card__inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px #0003;border-radius:8px}.card.flipped .card__inner{transform:rotateY(180deg)}.card__face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;overflow:hidden}.card__face--front{background:linear-gradient(135deg,#3498db,#2ecc71)}.card__face--front .card__pattern{width:100%;height:100%;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.1),rgba(255,255,255,.1) 10px,transparent 10px,transparent 20px)}.card__face--back{transform:rotateY(180deg);background-color:#fff;display:flex;justify-content:center;align-items:center}.card__image{width:90%;height:90%;object-fit:cover;border-radius:4px}.card.matched .card__inner{box-shadow:0 0 15px #2ecc71}.game-summary{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn .3s ease-in-out}.game-summary__content{background-color:#fff;border-radius:8px;padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 4px 20px #0003;animation:scaleIn .3s ease-in-out}.game-summary__title{font-size:2rem;margin-bottom:.5rem;color:#4caf50;animation:bounce 1s ease infinite}.game-summary__subtitle{font-size:1.2rem;margin-bottom:1.5rem;color:#333}.game-summary__best-score{background-color:gold;color:#333;padding:.6rem;border-radius:4px;font-weight:700;margin:1rem 0;animation:pulse 1.5s infinite}.game-summary__stats{margin-bottom:2rem}.game-summary__stat{display:flex;justify-content:space-between;padding:.8rem 1rem;background-color:#f5f5f5;margin-bottom:.5rem;border-radius:4px}.game-summary__stat:last-child{margin-bottom:0}.game-summary__stat-label{font-weight:700;color:#555}.game-summary__stat-value{font-weight:600;color:#2196f3}.game-summary__previous-best{margin-top:1rem;padding:.8rem;background-color:#f0f0f0;border-radius:4px}.game-summary__previous-best-title{font-weight:700;margin-bottom:.3rem}.game-summary__previous-best-stat{color:#2196f3;font-weight:600}.game-summary__buttons{display:flex;justify-content:center;margin-top:1.5rem}.game-summary__button{padding:.8rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s ease}.game-summary__button--primary{background-color:#4caf50;color:#fff}.game-summary__button--primary:hover{background-color:#3d8b40}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:101;overflow:hidden}.confetti-piece{position:absolute;top:-10%;width:.5rem;height:.5rem;background-color:red;opacity:.7;animation:fall linear forwards}.confetti-piece:nth-child(odd){animation-name:fall-rotate-left}.confetti-piece:nth-child(2n){animation-name:fall-rotate-right}@keyframes fall{0%{top:-10%;transform:translate(0) rotate(0)}to{top:100%;transform:translate(20px)}}@keyframes fall-rotate-left{0%{top:-10%;transform:translate(0) rotate(0)}to{top:100%;transform:translate(-100px) rotate(-360deg)}}@keyframes fall-rotate-right{0%{top:-10%;transform:translate(0) rotate(0)}to{top:100%;transform:translate(100px) rotate(360deg)}}.game-history{margin-top:2rem}.game-history__toggle{background-color:#3f51b5;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.game-history__toggle:hover{background-color:#32408f}.game-history__content{margin-top:1rem;padding:1.5rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a}.game-history__title{font-size:1.5rem;margin-bottom:1rem;color:#333}.game-history__empty{color:#666;font-style:italic;padding:1rem 0}.game-history__list{max-height:300px;overflow-y:auto;margin-bottom:1rem}.game-history__table{width:100%;border-collapse:collapse}.game-history__table th,.game-history__table td{padding:.8rem;text-align:left;border-bottom:1px solid #ddd}.game-history__table th{font-weight:700;color:#555;position:sticky;top:0;background-color:#f9f9f9}.game-history__table tr:hover{background-color:#f0f0f0}.game-history__clear{background-color:#f44336;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.game-history__clear:hover{background-color:#ea1c0d}@media (max-width: 600px){.game-history__table{font-size:.85rem}.game-history__table th,.game-history__table td{padding:.6rem .4rem}}.motivational-character{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;z-index:999}.motivational-character__bubble{position:relative;max-width:250px;padding:15px;background-color:#fff;border-radius:20px;box-shadow:0 4px 8px #00000026;margin-bottom:15px;transform-origin:bottom right;animation:pop-in .3s ease-out;display:flex}.motivational-character__bubble:after{content:"";position:absolute;bottom:-10px;right:20px;width:20px;height:20px;background-color:#fff;transform:rotate(45deg);box-shadow:4px 4px 8px #0000001a}.motivational-character__text{margin:0;font-size:1rem;line-height:1.4}.motivational-character__text--start{color:#3498db}.motivational-character__text--progress{color:#2ecc71}.motivational-character__text--hint{color:#f39c12}.motivational-character__text--encouragement{color:#9b59b6}.motivational-character__text--celebration{color:#e74c3c;font-weight:700}.motivational-character__text--mismatch{color:#e74c3c;font-style:italic}.motivational-character__avatar{width:60px;height:60px;background-color:#3498db;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 8px #0003;cursor:pointer;margin-bottom:5px}.motivational-character__face{width:40px;height:40px;background-color:#fff;border-radius:50%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.motivational-character__eyes{width:24px;display:flex;justify-content:space-between;margin-bottom:4px}.motivational-character__eyes:before,.motivational-character__eyes:after{content:"";width:6px;height:6px;background-color:#333;border-radius:50%;display:block}.motivational-character__mouth{width:16px;height:6px;border-radius:0 0 8px 8px;background-color:#333;margin-top:4px;transition:all .3s ease}.motivational-character__mouth--sad{border-radius:8px 8px 0 0;transform:translateY(5px)}.motivational-character__mouth--happy{height:8px;border-radius:0 0 10px 10px;transform:scaleY(1.2);width:20px}.motivational-character__toggle{background-color:#3498db;color:#fff;border:none;padding:6px 12px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.motivational-character__toggle:hover{background-color:#217dbb}.character-toggle-standalone{position:fixed;bottom:20px;right:20px;z-index:9999;background-color:#3498db;color:#fff;border:none;padding:6px 12px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.character-toggle-standalone:hover{background-color:#217dbb}@keyframes pop-in{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background-color:#f5f5f5;line-height:1.6}button{font-family:inherit}