*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.jigsaw-puzzle{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.game-setup{background:#fff;padding:40px;border-radius:15px;box-shadow:0 10px 30px #0000004d;max-width:600px;width:100%}.game-setup h2{text-align:center;color:#333;margin-bottom:30px;font-size:28px}.setup-section{margin-bottom:30px}.setup-section label{display:block;font-weight:600;color:#555;margin-bottom:10px;font-size:16px}.difficulty-buttons{display:flex;gap:10px;flex-wrap:wrap}.difficulty-buttons button{flex:1;min-width:120px;padding:12px 20px;border:2px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s}.difficulty-buttons button:hover{border-color:#667eea;background:#f0f4ff}.difficulty-buttons button.active{background:#667eea;color:#fff;border-color:#667eea}.image-selection{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.image-option{cursor:pointer;border:3px solid transparent;border-radius:8px;overflow:hidden;transition:all .3s;aspect-ratio:1}.image-option:hover{border-color:#667eea;transform:scale(1.05)}.image-option.selected{border-color:#667eea;box-shadow:0 0 15px #667eea80}.image-option img{width:100%;height:100%;object-fit:cover;display:block}.file-input{width:100%;padding:10px;border:2px dashed #ddd;border-radius:8px;cursor:pointer;font-size:14px}.custom-preview{margin-top:15px;border:3px solid #667eea;border-radius:8px;overflow:hidden;max-width:200px}.custom-preview img{width:100%;display:block}.start-button{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:transform .2s}.start-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.game-container{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000004d;max-width:1400px;width:100%;position:relative}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.game-header h2{color:#333;font-size:24px;margin:0}.timer{font-size:20px;font-weight:600;color:#667eea;padding:8px 16px;background:#f0f4ff;border-radius:8px}.solved-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.solved-message{background:#fff;padding:50px;border-radius:20px;text-align:center;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.solved-message h2{color:#333;font-size:36px;margin-bottom:20px}.solved-message p{color:#666;font-size:18px;margin-bottom:10px}.solve-time{font-size:48px;font-weight:700;color:#667eea;margin:20px 0}.play-again-btn{padding:15px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:transform .2s;margin-top:20px}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.puzzle-layout{display:grid;grid-template-columns:300px 1fr 300px;gap:30px;margin-bottom:20px;align-items:start}.reference-section,.grid-section,.tray-section{display:flex;flex-direction:column}.reference-section h3,.grid-section h3,.tray-section h3{color:#333;font-size:18px;margin-bottom:10px;text-align:center}.reference-image{border:3px solid #ddd;border-radius:8px;overflow:hidden;aspect-ratio:1;width:100%}.reference-image img{width:100%;height:100%;object-fit:cover;display:block}.puzzle-grid{display:grid;gap:3px;background:#333;padding:3px;border-radius:8px;aspect-ratio:1;width:100%;min-width:320px;max-width:480px;margin:0 auto}.grid-slot{background:#f0f0f0;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s;border:3px dashed #ccc;min-height:60px}.grid-slot:hover{background:#e8f0ff;border-color:#667eea}.grid-slot.correct{background:#e8f5e9;border:3px solid #4caf50}.puzzle-piece{width:100%;height:100%;object-fit:cover;cursor:move;-webkit-user-select:none;user-select:none;transition:opacity .2s}.puzzle-piece:hover{opacity:.8}.pieces-tray{display:grid;gap:10px;padding:15px;background:#f8f9fa;border:2px solid #ddd;border-radius:8px;min-height:300px;max-height:600px;overflow-y:auto;align-content:start;justify-content:center}.tray-piece{aspect-ratio:1;border:2px solid #ddd;border-radius:4px;overflow:hidden;cursor:move;transition:all .2s;background:#fff;width:100%;height:100%}.tray-piece:hover{border-color:#667eea;transform:scale(1.05);box-shadow:0 2px 8px #667eea4d}.tray-piece img{width:100%;height:100%;object-fit:cover;display:block}.controls{display:flex;gap:10px;justify-content:center}.controls button{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;background:#667eea;color:#fff}.controls button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}@media(max-width:1200px){.puzzle-layout{grid-template-columns:1fr;gap:20px}.reference-section{order:1}.grid-section{order:2}.tray-section{order:3}.reference-image{max-width:250px;margin:0 auto}.puzzle-grid{max-width:400px}}@media(max-width:768px){.jigsaw-puzzle{padding:10px}.game-setup,.game-container{padding:20px}.image-selection{grid-template-columns:repeat(2,1fr)}.difficulty-buttons{flex-direction:column}.puzzle-grid{max-width:100%;min-width:280px}.grid-slot{min-height:50px}.pieces-tray{max-height:400px;gap:8px}.reference-image{max-width:200px}.solved-message{padding:30px}.solved-message h2{font-size:28px}.solve-time{font-size:36px}}@media(max-width:480px){.game-container{padding:15px}.puzzle-grid{min-width:240px;gap:2px;padding:2px}.grid-slot{min-height:40px;border:2px dashed #ccc}.grid-slot.correct{border:2px solid #4caf50}.reference-image{max-width:180px}.pieces-tray{gap:6px;padding:10px}.game-header h2{font-size:18px}.timer{font-size:16px;padding:6px 12px}}