@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:12px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .3s ease}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button,.card-container{-webkit-user-select:none;user-select:none}.game-header{display:flex;justify-content:space-between;align-items:center;padding:10px 5%;color:#fff;border-radius:12px;box-shadow:0 4px 8px #0003}.logo{display:flex;align-items:center}.header-logo{min-width:260px;max-height:120px;margin:0;object-fit:cover;object-position:center}.logo.clickable{cursor:pointer;transition:transform .3s ease}.logo.clickable:hover{transform:scale(1.05)}.score-container{display:flex;gap:20px}.score{display:flex;flex-direction:column;align-items:center;color:#0082c8;padding:20px;border-radius:12px;width:160px;box-shadow:0 4px 8px #0000001a;text-align:center}.score-label{font-size:.85rem;font-weight:700;text-transform:uppercase}.score-value{font-size:1.85rem;font-weight:700;color:#fff}.current-score,.best-score{background-color:#000000b3}.best-score{color:#ff9800}.card-container{perspective:1000px;width:300px;height:380px;margin:10px;cursor:pointer;transition:transform .2s}.card-container:hover{transform:translateY(-10px)}.card-container.flipped .card{transform:rotateY(180deg)}.card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;border-radius:12px;box-shadow:0 4px 8px #0003}.card-front,.card-back{position:absolute;width:100%;height:100%;border-radius:12px;display:flex;flex-direction:column;align-items:center;background-color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-front{justify-content:space-between;padding:15px;transform:rotateY(0)}.card-back{background-color:#fff;transform:rotateY(180deg);padding:0;justify-content:center}.card-front img{width:100%;height:100%;object-fit:cover;overflow:hidden;margin-bottom:10px;border-radius:12px}.card-back img{width:100%;height:100%;object-fit:contain}.card-front h3{margin:0;font-size:1.2rem;text-align:center;color:#0082c8;font-weight:700}@media (max-width: 768px){.card-container{width:100%;height:300px}.card{border-radius:20px}.card-front{padding:8px}.card-front h3{font-size:1rem}.card-front img{height:100%;margin-bottom:5px}}@media (max-width: 480px){.card-container{width:100%;height:250px}.card{border-radius:18px}.card-front{padding:6px}.card-front h3{font-size:.9rem}.card-front img,.card-back img{height:100%}}.game-board{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:0 5%;padding:40px;background-color:#000000b3;border-radius:12px}.start-screen{display:flex;justify-content:center;align-items:center}.start-content{background-color:#000000b3;border-radius:12px;width:100%;padding:20px 30px;text-align:center;box-shadow:0 8px 16px #0003;color:#fff}.logo-container{display:flex;justify-content:center}.game-logo{max-width:550px;min-width:550px;max-height:350px;display:block;margin:0 auto;object-fit:cover;object-position:center}.game-subtitle{color:#fff;font-size:2.8rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.difficulty-section{margin:20px 0}.difficulty-section h3{color:#ff9800;margin-bottom:15px;font-size:1.8rem}.difficulty-options{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.difficulty-button{background-color:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:15px 20px;width:220px;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;color:#fff;font-size:1.2rem;cursor:pointer}.difficulty-button:hover{background-color:#fff3;transform:translateY(-5px)}.difficulty-button.selected{background-color:#ff98004d;border-color:#ff9800;box-shadow:0 0 10px #ff980080}.difficulty-info{font-size:.8rem;opacity:.8;margin-top:5px}.start-button{background-color:#ff9800;color:#fff;border:none;border-radius:12px;padding:15px 40px;font-size:1.8rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000004d;margin:10px 0}.start-button:hover{background-color:#f57c00;transform:scale(1.05)}@media (max-width: 768px){.start-content{padding:15px 20px;margin:0 20px}.game-logo{max-width:90%;min-width:auto}.game-subtitle{font-size:2rem}.difficulty-section h3{font-size:1.5rem}.difficulty-button{width:180px;padding:12px 15px;font-size:1rem}.start-button{padding:12px 30px;font-size:1.5rem}}@media (max-width: 480px){.start-content{padding:0 5px;margin:0 10px}.game-logo{max-width:100%;max-height:200px}.game-subtitle{font-size:1.6rem}.difficulty-section h3{font-size:1.3rem}.difficulty-options{gap:10px}.difficulty-button{width:100%;max-width:200px;padding:10px;font-size:.9rem}.difficulty-info{font-size:.7rem}.start-button{padding:10px 25px;font-size:1.3rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.game-modal{background-color:#fff;border-radius:12px;padding:30px;width:90%;max-width:500px;box-shadow:0 10px 30px #0000004d;text-align:center;animation:scaleIn .3s ease-out}.game-modal.win{background-color:#e3f2fd;border:3px solid #2196f3}.game-modal.lose{background-color:#ffebee;border:3px solid #f44336}.modal-title{font-size:2.5rem;margin-bottom:20px;color:#0082c8}.win .modal-title{color:#2196f3}.lose .modal-title{color:#f44336}.modal-content{margin-bottom:30px}.modal-content p{font-size:1.2rem;margin-bottom:20px;line-height:1.6}.modal-scores{display:flex;justify-content:space-around;margin:30px 0}.modal-score{display:flex;flex-direction:column;align-items:center;background-color:#f5f5f5;padding:15px;border-radius:12px;min-width:120px}.modal-score span{font-size:1.2rem;font-weight:700}.modal-score .score-value{font-size:2.5rem;color:#0082c8;font-weight:700;margin-top:5px}.win .modal-score .score-value{color:#2196f3}.lose .modal-score .score-value{color:#f44336}.modal-actions{display:flex;justify-content:center;gap:20px}.modal-button{padding:15px 30px;font-size:1.2rem;border:none;border-radius:12px;cursor:pointer;font-weight:700;transition:all .3s ease}.play-again{background-color:#4caf50;color:#fff}.play-again:hover{background-color:#388e3c;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.settings-panel{position:fixed;bottom:20px;left:20px;z-index:900}.settings-toggle{width:50px;height:60px;border-radius:50%;background-color:#0e70a5;color:#fff;border:none;font-size:1.6rem;cursor:pointer;box-shadow:0 4px 8px #0003;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.settings-toggle:hover{background-color:#0092ec;transform:scale(1.05)}.settings-content{position:absolute;bottom:70px;left:0;background-color:#000c;color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #0000004d;width:300px;animation:slideUp .3s ease-out}.settings-content h3{color:#ff9800;margin-top:0;margin-bottom:15px;font-size:1.5rem;text-align:center}.setting-option{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.setting-option span{font-size:1rem}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#ff9800}input:focus+.slider{box-shadow:0 0 1px #ff9800}input:checked+.slider:before{transform:translate(26px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.settings-content{width:350px;bottom:80px;left:10px}}@media (max-width: 480px){.settings-toggle{width:40px;height:40px;font-size:1.4rem}.settings-content{width:300px;bottom:60px;left:0;padding:15px}.setting-option span{font-size:.9rem}}.help-panel{position:fixed;bottom:20px;right:20px;z-index:100}.help-toggle{width:50px;height:60px;border-radius:50%;background-color:#ff9800;color:#fff;border:none;font-size:1.6rem;font-weight:700;cursor:pointer;box-shadow:0 4px 8px #0003;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.help-toggle:hover{background-color:#f57c00;transform:scale(1.05)}.help-content{position:absolute;bottom:70px;right:0;width:350px;background-color:#000c;color:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 15px #0000004d}.help-content h3{margin-top:0;margin-bottom:15px;color:#ff9800;font-size:1.5rem;text-align:center}.instructions p{margin-bottom:10px;line-height:1.4}.help-panel.open .help-toggle{background-color:#f44336}@media (max-width: 768px){.help-panel{bottom:10px;right:10px}.help-content{width:400px;bottom:70px;right:10px;padding:15px}}@media (max-width: 480px){.help-toggle{width:40px;height:40px;font-size:1.4rem}.help-content{width:300px;bottom:60px;right:0;padding:15px}}.game-page{min-height:100dvh;position:relative;overflow:hidden}.game-background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:var(--background-image);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}.game-container{margin:0 auto;position:relative;min-height:100dvh;display:flex;flex-direction:column;box-sizing:border-box}.game-area{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:100%}:root{--primary-color: #0082c8;--secondary-color: #fbff00;--background-image: url(/images/1357556.jpg);--text-color: #333;--border-radius: 12px;--box-shadow: 0 4px 8px rgba(0, 0, 0, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.6}button{font-family:Poppins,sans-serif;cursor:pointer}html{font-size:16px}@media (max-width: 768px){html{font-size:14px}.game-header{flex-direction:column;gap:15px}.score-container{width:100%;justify-content:space-around}.game-board{padding:10px}.card-container{width:150px;height:210px}}@media (max-width: 480px){html{font-size:12px}.card-container{width:120px;height:180px}.game-title{font-size:2.2rem}}