.slide-puzzle-board{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px;border-radius:20px;margin:0 auto;display:flex;justify-content:center;align-items:center;min-height:400px;box-shadow:0 8px 32px #0000001a}.puzzle-container{display:grid;gap:8px;padding:15px;background:#ffffff1a;border-radius:15px;backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000026}.puzzle-container[style*="3"]{width:300px;height:300px}.puzzle-container[style*="4"]{width:320px;height:320px}.puzzle-container[style*="5"]{width:340px;height:340px}.puzzle-tile{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:2px solid #e9ecef;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#495057;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.puzzle-tile:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000026}.puzzle-tile.numbered{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;text-shadow:0 2px 4px #0000004d}.puzzle-tile.numbered:hover{background:linear-gradient(135deg,#218838 0%,#1e7e34 100%)}.puzzle-tile.correct{background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);border-color:#004085}.puzzle-tile.correct:hover{background:linear-gradient(135deg,#0056b3 0%,#004085 100%)}.puzzle-tile.empty{background:transparent;border:2px dashed #ffffff4d;cursor:default}.puzzle-tile.empty:hover{transform:none;box-shadow:0 4px 12px #0000001a}.puzzle-tile.invalid-move{animation:invalidMove .5s ease}@keyframes invalidMove{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.puzzle-tile.complete{animation:completePulse .8s ease}@keyframes completePulse{0%{transform:scale(1)}50%{transform:scale(1.2);background:linear-gradient(135deg,#28a745 0%,#20c997 100%);box-shadow:0 8px 24px #28a74599}100%{transform:scale(1)}}.puzzle-container[style*="3"] .puzzle-tile{width:80px;height:80px;font-size:28px}.puzzle-container[style*="4"] .puzzle-tile{width:65px;height:65px;font-size:24px}.puzzle-container[style*="5"] .puzzle-tile{width:56px;height:56px;font-size:20px}.slide-puzzle-stats .stat-number{color:#667eea;font-weight:700}.slide-puzzle-stats .stat-label{color:#6c757d;font-size:.9em}.difficulty-card{border:2px solid #e9ecef;transition:all .3s ease;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%)}.difficulty-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.difficulty-card.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.difficulty-card.selected:hover{background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%)}.btn-puzzle-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;transition:all .3s ease}.btn-puzzle-primary:hover{background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.slide-puzzle-board{padding:15px;min-height:350px}.puzzle-container{gap:6px;padding:12px}.puzzle-container[style*="3"]{width:250px;height:250px}.puzzle-container[style*="3"] .puzzle-tile{width:70px;height:70px;font-size:24px}.puzzle-container[style*="4"]{width:270px;height:270px}.puzzle-container[style*="4"] .puzzle-tile{width:58px;height:58px;font-size:20px}.puzzle-container[style*="5"]{width:290px;height:290px}.puzzle-container[style*="5"] .puzzle-tile{width:50px;height:50px;font-size:18px}}@media (max-width: 480px){.slide-puzzle-board{padding:10px;min-height:300px}.puzzle-container{gap:4px;padding:10px}.puzzle-container[style*="3"]{width:220px;height:220px}.puzzle-container[style*="3"] .puzzle-tile{width:64px;height:64px;font-size:22px}.puzzle-container[style*="4"]{width:240px;height:240px}.puzzle-container[style*="4"] .puzzle-tile{width:52px;height:52px;font-size:18px}.puzzle-container[style*="5"]{width:260px;height:260px}.puzzle-container[style*="5"] .puzzle-tile{width:44px;height:44px;font-size:16px}}.game-info{background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border-radius:10px;padding:15px;margin:10px 0;backdrop-filter:blur(5px)}.game-info .badge{font-size:.9em;padding:8px 12px;border-radius:6px}.performance-display{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;padding:12px;border-radius:8px;margin:10px 0}.performance-item{text-align:center;color:#fff}.performance-item .number{font-size:1.2em;font-weight:700}.performance-item .label{font-size:.8em;opacity:.8}@media print{.slide-puzzle-board{background:#fff;color:#000;box-shadow:none}.puzzle-tile{background:#fff;border:2px solid #000;box-shadow:none}.puzzle-tile.numbered{background:#f0f0f0}}