@keyframes pulse{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}to{transform:rotateY(180deg) scale(1)}}.tile{width:100%;height:0;padding-bottom:100%;position:relative;perspective:1000px;cursor:pointer}.tile.matched{opacity:.8;pointer-events:none}.tile .tile-inner{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease}.tile.flipped .tile-inner{transform:rotateY(180deg)}.tile .tile-back,.tile .tile-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:48px;box-shadow:var(--shadow)}.tile .tile-back{background:linear-gradient(135deg,var(--color-text-bg),var(--color-bg))}.tile .tile-front{background:linear-gradient(135deg,var(--color-text),var(--color-secondary));transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}.tile .tile-front.pulse{animation:pulse .5s ease-in-out 2}.tile .tile-front img{width:80%;height:80%;object-fit:cover;border-radius:13px;padding:1px}@media (max-width: 768px){.tile{padding-bottom:100%}}@media (max-width: 480px){.tile{padding-bottom:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-board{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;justify-content:center;padding:20px;width:100%;height:100svh;max-width:1200px;flex-grow:1;align-content:center;position:relative}.game-board .win-screen{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));padding:40px;border-radius:15px;box-shadow:0 10px 20px #0000004d;text-align:center;animation:fadeIn .5s ease-in;z-index:1000}.game-board .win-screen h2{font-size:3rem;color:var(--color-text);margin:0 0 20px;text-shadow:2px 2px 5px rgba(0,0,0,.2)}.game-board .win-screen .custom-button{margin:10px}.game-board h2{font-size:1.5rem;color:var(--color-text);margin-bottom:20px}@media (max-width: 768px){.game-board{grid-template-columns:repeat(3,1fr);gap:8px;padding:15px;max-width:100%}.game-board .win-screen{padding:30px}.game-board .win-screen h2{font-size:2.5rem}}@media (max-width: 480px){.game-board{grid-template-columns:repeat(3,1fr);gap:10px;padding:10px;max-width:100%}.game-board .win-screen{padding:20px}.game-board .win-screen h2{font-size:2rem}}.custom-button{padding:10px 20px;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.custom-button.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text)}.custom-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.custom-button.primary:disabled{opacity:.5;cursor:not-allowed}.custom-button.light{background:var(--color-text-bg);color:var(--color-text)}.custom-button.light:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.custom-button.light:disabled{opacity:.5;cursor:not-allowed}.custom-button.secondary{background:var(--color-secondary);color:var(--color-text)}.custom-button.secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.custom-button.secondary:disabled{opacity:.5;cursor:not-allowed}.game-stats{display:flex;justify-content:space-around;align-items:center;padding:15px;border-radius:10px;box-shadow:var(--shadow);transition:transform .2s ease;gap:30px;background:var(--color-text-bg)}.game-stats:hover{transform:translateY(-2px)}.game-stats .stat{display:flex;flex-direction:row;align-items:center;font-family:Arial,sans-serif;gap:5px}.game-stats .label{font-size:.9rem;color:var(--color-text);text-transform:uppercase}.game-stats .value{font-size:1.2rem;font-weight:700;color:var(--color-text);text-shadow:1px 1px 2px rgba(0,0,0,.1)}@media (max-width: 768px){.game-stats{padding:6px;max-width:200px}.game-stats .label{font-size:.8rem}.game-stats .value{font-size:1rem}.game-stats .stat{flex-direction:row}}@media (max-width: 480px){.game-stats{padding:10px;max-width:100%;width:100%}.game-stats .label{font-size:.75rem}.game-stats .value{font-size:.9rem}.game-stats .stat{flex-direction:row}}.game-history-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000}.game-history-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;cursor:pointer}.game-history-modal .modal-content{position:relative;max-width:600px;width:90%;max-height:90vh;padding:20px;background:linear-gradient(135deg,var(--color-text-bg),var(--color-bg));border-radius:10px;box-shadow:var(--shadow);text-align:center;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.game-history-modal .modal-content h2{font-size:1.8rem;color:var(--color-text);margin:0;text-shadow:1px 1px 3px rgba(0,0,0,.1)}.game-history-modal .modal-content .history-stats p{font-size:1rem;color:var(--color-text)}.game-history-modal .modal-content p{font-size:1.1rem;color:var(--color-text);opacity:.7}.game-history-modal .modal-content .sort-controls{display:flex;flex-direction:row;align-items:center;justify-content:end;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--color-secondary)}.game-history-modal .modal-content .sort-controls label{font-size:1rem;color:var(--color-text);text-wrap:nowrap}.game-history-modal .modal-content .history-list{list-style:none;padding:0;margin:0 0 20px}.game-history-modal .modal-content .history-list .history-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid var(--color-secondary);transition:background .3s ease}.game-history-modal .modal-content .history-list .history-item:last-child{border-bottom:none}.game-history-modal .modal-content .history-list .history-item.best-score{background:linear-gradient(15deg,var(--color-secondary),var(--color-bg));font-weight:700}.game-history-modal .modal-content .history-list .history-item span{font-size:1rem;color:var(--color-text)}.game-history-modal .modal-content .history-list .history-item .date{flex:2;text-align:left}.game-history-modal .modal-content .history-list .history-item .attempts,.game-history-modal .modal-content .history-list .history-item .duration{flex:1;text-align:center}.game-history-modal .modal-content .clear-confirmation{padding:15px;border-bottom:1px solid var(--color-secondary);border-top:1px solid var(--color-secondary)}.game-history-modal .modal-content .clear-confirmation p{margin:0 0 10px;font-size:1.1rem;color:var(--color-text);opacity:1}.game-history-modal .modal-content .clear-confirmation .confirmation-buttons{display:flex;gap:10px;justify-content:center}.game-history-modal .modal-content .modal-buttons{display:flex;justify-content:center;gap:15px}@media (max-width: 768px){.modal-content{padding:15px}.modal-content h2{font-size:1.5rem}.modal-content .history-stats p{font-size:.9rem}.modal-content .sort-controls{flex-direction:column;gap:8px}.modal-content .history-list .history-item{flex-direction:column;gap:5px;padding:8px}.modal-content .history-list .history-item span{font-size:.9rem;text-align:center}.modal-content .history-list .history-item .date{text-align:center}.modal-content .clear-confirmation .confirmation-buttons{flex-direction:column;gap:8px}.modal-content .modal-buttons{flex-direction:column;gap:10px}}@media (max-width: 480px){.modal-content{padding:10px;width:95%}.modal-content h2{font-size:1.2rem}.modal-content .history-stats p{font-size:.8rem}.modal-content p,.modal-content .sort-controls label{font-size:.9rem}.modal-content .history-list .history-item{padding:6px}.modal-content .history-list .history-item span{font-size:.8rem}.modal-content .clear-confirmation p{font-size:.9rem}.modal-content .clear-confirmation .confirmation-buttons button,.modal-content .modal-buttons button{font-size:.8rem;padding:6px 12px}}.custom-select{position:relative;width:auto;font-family:Arial,sans-serif}.custom-select .select-header{padding:10px;height:41px;font-size:1rem;background:var(--color-bg);border:2px solid var(--color-primary);border-radius:5px;color:var(--color-text);cursor:pointer;display:flex;gap:36px;justify-content:space-between;align-items:center;transition:box-shadow .2s ease}.custom-select .select-header:hover{box-shadow:0 2px 5px #0000001a}.custom-select .select-header .arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-primary);transition:transform .2s ease}.custom-select .select-header .arrow.open{transform:rotate(180deg)}.custom-select .select-options{position:absolute;top:100%;left:0;width:100%;background:var(--color-bg);border:2px solid var(--color-primary);border-top:none;border-radius:0 0 5px 5px;max-height:200px;overflow-y:auto;z-index:1000;list-style:none;margin:0;padding:0;transform-origin:top;overflow:hidden}.custom-select .option{padding:10px;color:var(--color-primary);cursor:pointer;transition:background-color .2s ease}.custom-select .option:hover:not(.disabled){background:var(--color-text-bg)}.custom-select .option.selected{background:var(--color-primary);color:var(--color-text)}.custom-select .option.disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.custom-select{width:100%}.custom-select .select-header{font-size:.9rem;padding:8px}.custom-select .option{padding:8px}}@media (max-width: 480px){.custom-select .select-header{font-size:.8rem;padding:6px}.custom-select .option{padding:6px}}.App{width:100vw;height:100dvh;max-height:calc(var(--vh, 1vh) * 100);margin:0;padding:20px;background:var(--color-bg);display:flex;gap:20px;flex-direction:column;align-items:center;font-family:Arial,sans-serif;overflow:hidden;position:fixed;top:0;left:0}.App .app-logo{position:absolute;top:10px;left:40px;width:120px;height:auto;filter:drop-shadow(0 2px 5px rgba(0,0,0,.1))}.App .start-screen{display:flex;flex-direction:row;align-items:center;gap:15px;background:var(--color-text-bg);padding:15px;border-radius:8px;box-shadow:var(--shadow)}.App .start-screen select{padding:10px;font-size:1rem;border:none;border-radius:5px;background:#fff;color:var(--color-text);cursor:pointer;transition:box-shadow .2s ease}.App .start-screen select:hover{box-shadow:0 2px 5px #0000001a}.App .game-screen .controls{display:flex;justify-content:center;gap:20px;margin-bottom:20px;border-radius:8px}@media (max-width: 768px){.App{padding:15px}.App .app-logo{width:80px;top:15px;left:15px}.App .start-screen,.App .game-screen .controls{flex-direction:row;gap:10px;padding:10px}.App .start-screen select,.App .game-screen .controls select{font-size:.9rem;padding:8px 16px;width:100%}}@media (max-width: 480px){.App{padding:10px;overflow:auto}.App .app-logo{width:60px;top:10px;left:10px;display:none}.App .start-screen,.App .game-screen .controls{gap:8px;padding:8px;flex-direction:row}.App .start-screen select,.App .game-screen .controls select{font-size:.8rem;padding:6px 12px}}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-bg);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeOut 3s ease-in-out forwards}.splash-screen .splash-logo{height:auto;max-width:50%;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}:root{--color-bg: #ECEBDE;--color-primary: #A59D84;--color-secondary: #C1BAA1;--color-text-bg: #D7D3BF;--color-text: #4A4538;--shadow: 0 4px 10px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:var(--color-bg)}