.sliding-puzzle-grid{display:grid;gap:3px;max-width:400px;margin:0 auto;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:2px solid var(--border-color)}.sliding-puzzle-grid.size-3{grid-template-columns:repeat(3,1fr)}.sliding-puzzle-grid.size-4{grid-template-columns:repeat(4,1fr)}.sliding-puzzle-grid.size-5{grid-template-columns:repeat(5,1fr)}.puzzle-tile{aspect-ratio:1;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--text-primary);transition:all var(--transition-fast);user-select:none;position:relative;overflow:hidden}.puzzle-tile:hover{transform:scale(1.05);border-color:var(--primary-color);box-shadow:var(--shadow-medium)}.puzzle-tile.moveable{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-color:var(--primary-color)}.puzzle-tile.moveable:hover{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));transform:scale(1.1)}.puzzle-tile.empty{background:0 0;border:2px dashed var(--border-color);cursor:default;opacity:.3}.puzzle-tile.empty:hover{transform:none;border-color:var(--border-color);box-shadow:none}.puzzle-tile.animated{transition:.3s cubic-bezier(.4, 0, .2, 1)}.puzzle-tile.correct-position{background:#d1fae5;border-color:#10b981;color:#065f46}.puzzle-tile.correct-position.moveable{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.puzzle-tile.image-tile{background-size:cover;background-position:center;color:transparent;border:1px solid rgba(255,255,255,.3)}.puzzle-tile.image-tile .tile-number{background:rgba(0,0,0,.7);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.875rem;position:absolute;top:.25rem;left:.25rem}.high-scores-list{max-height:200px;overflow-y:auto}.score-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-bottom:1px solid var(--border-color)}.score-item:last-child{border-bottom:none}.score-rank{font-weight:700;color:var(--primary-color);min-width:2rem}.score-details{display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary);flex:1;justify-content:center}.score-value{font-weight:700;color:var(--text-primary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-primary);padding:2rem;border-radius:var(--radius-lg);max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-large)}.help-content h3{margin-top:1rem;margin-bottom:.5rem;color:var(--primary-color)}.help-content ul{padding-left:1.5rem}.help-content li{margin-bottom:.5rem}#final-stats{background:var(--bg-secondary);padding:1rem;border-radius:var(--radius-md)}.gap-md{gap:var(--spacing-md)}.justify-center{justify-content:center}@media (max-width:768px){.sliding-puzzle-grid{max-width:300px;gap:2px;padding:.5rem}.puzzle-tile{font-size:1.2rem}.game-score{font-size:.875rem}.modal-content{padding:1rem;width:95%}}@media (max-width:480px){.sliding-puzzle-grid{max-width:250px}.puzzle-tile{font-size:1rem}.game-controls{flex-direction:column;gap:.5rem}.game-controls .btn{width:100%}}