.start-screen{flex-direction:column;align-items:center;gap:20px;max-width:500px;margin:0 auto;padding:20px 16px;display:flex}.start-screen__title{color:#ff9800;margin:0;font-size:32px}.start-screen__images{width:100%}.image-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding:8px 4px;display:flex;overflow-x:auto}.image-carousel::-webkit-scrollbar{display:none}.image-card{cursor:pointer;scroll-snap-align:start;border:3px solid #ddd;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:calc(25% - 8px);min-width:100px;padding:10px;transition:border-color .2s;display:flex}.image-card img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.image-card span{color:#666;font-size:14px}.image-card--selected{background:#fff3e0;border-color:#ff9800}.image-card--upload{background:#e3f2fd;border-color:#2196f3}.carousel-hint{text-align:center;color:#999;margin-top:4px;font-size:12px}.upload-btn{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:8px;width:100%;padding:10px 20px;font-size:16px}.upload-input{display:none}.start-screen__error{color:#f44336;font-size:14px}.start-screen__difficulty{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.difficulty-btn{cursor:pointer;white-space:nowrap;background:#e0e0e0;border:2px solid #bdbdbd;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.difficulty-btn--selected{background:#fff3e0;border-color:#ff9800}.start-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:12px;width:100%;max-width:300px;padding:14px 40px;font-size:20px;transition:opacity .2s}.start-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.start-screen{gap:16px;padding:16px 12px}.start-screen__title{font-size:28px}.image-card{border-width:2px;min-width:90px;padding:8px}.difficulty-btn{padding:8px 12px;font-size:13px}.start-btn{padding:12px 24px;font-size:18px}}.puzzle-piece{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background-repeat:no-repeat;border:2px solid #ddd;border-radius:4px;width:100%;height:100%;transition:transform .2s,box-shadow .2s;position:relative}.puzzle-piece:hover:not(.puzzle-piece--placed){transform:scale(1.05);box-shadow:0 2px 8px #0003}.puzzle-piece--placed{cursor:default;opacity:.85;border-color:#4caf50}.puzzle-piece--dragging{opacity:.7;z-index:10;transform:scale(1.1);box-shadow:0 4px 16px #0000004d}.puzzle-piece--selected{border-width:3px;border-color:#ff9800;box-shadow:0 0 8px #ff980080}.puzzle-piece__check{color:#4caf50;background:#fffc;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;line-height:1;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-screen{flex-direction:column;align-items:center;gap:16px;max-width:700px;margin:0 auto;padding:16px;display:flex}.game-sidebar{flex-direction:row;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.reference-image{border:2px solid #ddd;border-radius:8px;overflow:hidden}.reference-image img{object-fit:cover;width:80px;height:80px;display:block}.game-reset-btn{color:#fff;cursor:pointer;background:#f44336;border:none;border-radius:8px;padding:8px 16px;font-size:14px}.game-main{justify-content:center;width:100%;display:flex}.puzzle-grid{background:#333;border:3px solid #333;border-radius:8px;gap:2px;display:grid}.puzzle-cell{aspect-ratio:1;width:100%;overflow:hidden}@media (width<=480px){.game-screen{gap:12px;padding:12px 8px}.reference-image img{width:60px;height:60px}.game-reset-btn{padding:6px 12px;font-size:12px}}.complete-screen{flex-direction:column;align-items:center;gap:16px;max-width:500px;margin:0 auto;padding:30px 16px;display:flex}.complete-screen__celebration{font-size:48px}.complete-screen__encouragement{color:#ff9800;font-size:24px;font-weight:700}.complete-screen__image{border:3px solid #4caf50;border-radius:12px;width:100%;max-width:300px;overflow:hidden}.complete-screen__image img{aspect-ratio:1;object-fit:contain;width:100%;display:block}.complete-screen__time{color:#666;font-size:16px}.complete-screen__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.play-again-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:12px;padding:12px 24px;font-size:18px}.choose-image-btn{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:12px;padding:12px 24px;font-size:18px}@media (width<=480px){.complete-screen{gap:12px;padding:20px 12px}.complete-screen__celebration{font-size:36px}.complete-screen__encouragement{font-size:20px}.complete-screen__image{max-width:200px}.play-again-btn,.choose-image-btn{padding:10px 20px;font-size:16px}}#root{width:100%;margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Arial Rounded MT Bold,sans-serif}#root{width:100%;min-height:100vh}