.tile-wrapper{width:70px;height:70px;perspective:800px;cursor:pointer}.tile-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease}.tile-wrapper.flipped .tile-inner{transform:rotateY(180deg)}.tile-front,.tile-back{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:5px;backface-visibility:hidden;display:flex;justify-content:center;align-items:center}.tile-front{background:linear-gradient(to bottom right,#999,#666);border:2px solid #ccc;z-index:2}.tile-back{background:linear-gradient(to top left,#fff,#ddd);border:2px solid #ddd;transform:rotateY(180deg)}.tile-back svg{width:50px;height:50px;color:#444}.tile-wrapper.matched .tile-back{background:#b0ffb0!important;border:2px solid #66cc66;box-shadow:0 0 10px #66cc6680}.tile-wrapper.matched .tile-inner{animation:pop .3s ease}@keyframes pop{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}to{transform:rotateY(180deg) scale(1)}}@media (max-width: 480px){.tile-wrapper{width:35px;height:35px}.tile-back svg{width:22px;height:22px}}.board-placeholder,.board-container{width:100%;display:flex;justify-content:center;position:relative}.board{display:grid;gap:5px;background:#ddd;padding:10px;border-radius:10px}.board.easy{grid-template-columns:repeat(4,1fr)}.board.medium{grid-template-columns:repeat(5,1fr)}.board.hard{grid-template-columns:repeat(6,1fr)}.board.hard--placeholder{grid-template-columns:repeat(12,1fr)}.placeholder-tile{width:50px;height:50px;background:linear-gradient(to top left,#bbb,#999);border-radius:5px}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;border-radius:10px}.overlay__text{color:#fff;font-size:18px;text-align:center;font-weight:700}.highlighted-text{color:#4caf50;font-weight:700}@media (max-width: 768px){.tile-wrapper{width:55px;height:55px}.tile-back svg{width:35px;height:35px}.board.hard--placeholder{grid-template-columns:repeat(8,1fr)}}@media (max-width: 480px){.tile-wrapper{width:35px;height:35px}.tile-back svg{width:22px;height:22px}.pagination{flex-direction:column;gap:8px}.board{gap:3px}.board.hard--placeholder{grid-template-columns:repeat(6,1fr)}.placeholder-tile{width:35px;height:35px;background:linear-gradient(to top left,#bbb,#999);border-radius:2px}}.button{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background .3s,transform .2s;background-color:#212121}.button.primary{background-color:#4caf50;color:#fff}.button.primary:hover{background-color:#45a049}.button.secondary{background-color:#f44336;color:#fff}.button.secondary:hover{background-color:#d32f2f}.button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.difficulty-selector{text-align:center;margin:15px 0}.difficulty-selector p{font-size:18px;font-weight:700;margin-bottom:10px;color:#333}.buttons{display:flex;justify-content:center;gap:10px}.difficulty-button{padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background .3s,transform .2s;background-color:#ddd}.difficulty-button:hover{background-color:#bbb}.difficulty-button.active{background-color:#56b3a2;color:#fff;transform:scale(1.1)}.game-history{width:250px;background:#ddd;padding:15px;border-radius:10px;box-shadow:0 4px 10px #0003}.game-history__heading{font-size:20px;margin-bottom:10px;text-align:center}.game-history__list{list-style:none;padding:0;max-height:540px}.game-history__list-item{background:#fff;margin:5px 0;padding:8px;border-radius:5px;box-shadow:0 2px 5px #0000001a;font-size:14px;display:flex;flex-direction:column;align-items:center}.game-history__details{margin:3px 0}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.pagination__button{padding:5px 10px;border:none;border-radius:5px;cursor:pointer;font-size:14px;background-color:#4caf50;color:#fff;transition:background .3s}.pagination__button:hover{background-color:#45a049}.pagination__button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.tile-wrapper{width:55px;height:55px}.tile-back svg{width:35px;height:35px}}@media (max-width: 480px){.tile-wrapper{width:35px;height:35px}.tile-back svg{width:22px;height:22px}.pagination{flex-direction:column;gap:8px}}@media (max-width: 1080px){.game-history{width:100%;margin-top:20px}}.timer{font-size:18px;font-weight:700;margin:10px 0;color:#222}body{font-family:Arial,sans-serif;background:linear-gradient(to right,#74ebd5,#acb6e5);display:flex;justify-content:center;align-items:center;margin:0;height:100vh}.app{text-align:center;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0003;max-width:1420px;color:#444;display:flex;gap:16px;flex-wrap:wrap}.app__title{font-size:32px;color:#444;font-weight:700}.app__game-actions{margin-top:24px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.app_game-container{width:700px;display:flex;flex-direction:column;align-items:center;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0003}@media (max-width: 1080px){body{align-items:flex-start}.app{align-items:center}.app_game-container{width:100%}}@media (max-width: 768px){.app__title{font-size:24px}}@media (max-width: 480px){.app__game-actions{flex-direction:column}}