.start-screen{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);max-width:760px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;align-items:stretch;gap:18px;margin:0 auto;padding:22px 18px;display:flex}.start-screen__header{text-align:center}.start-screen__title{letter-spacing:.02em;color:var(--text-main);margin:0;font-size:38px}.start-screen__subtitle{color:var(--text-soft);margin-top:8px;font-size:15px}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);margin:0 0 10px;font-size:14px}.start-screen__images{border-radius:var(--radius-lg);background:#ffffffa6;border:1px solid #7d8ec433;width:100%;padding:14px}.image-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding:4px 2px 8px;display:flex;overflow-x:auto}.image-carousel::-webkit-scrollbar{display:none}.image-card{cursor:pointer;scroll-snap-align:start;background:#fffc;border:2px solid #7b88b84d;border-radius:14px;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:calc(25% - 8px);min-width:108px;padding:8px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex}.image-card:hover{border-color:#5a67ff80;transform:translateY(-2px);box-shadow:0 8px 20px #5a67ff29}.image-card img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.image-card span{text-align:center;color:var(--text-soft);font-size:13px;font-weight:600}.image-card--selected{border-color:var(--brand);background:linear-gradient(160deg,#e0e6ffe6,#eef8ffe6);box-shadow:0 10px 24px #3f4de833}.image-card--upload{background:linear-gradient(160deg,#def5fff2,#e7eefff2);border-color:#29a0ec}.carousel-hint{text-align:center;color:#7382a3;margin-top:6px;font-size:12px}.upload-btn{color:#fff;letter-spacing:.01em;cursor:pointer;background:linear-gradient(135deg,#4d86ff 0%,#5b64ff 100%);border:none;border-radius:12px;width:100%;padding:12px 20px;font-size:15px;font-weight:700;transition:transform .18s,filter .18s;box-shadow:0 10px 18px #4d78ff40}.upload-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.upload-input{display:none}.start-screen__error{color:var(--danger);font-size:14px}.start-screen__difficulty{border-radius:var(--radius-lg);background:#ffffffa6;border:1px solid #7d8ec433;flex-wrap:wrap;justify-content:flex-start;gap:10px;padding:14px;display:flex}.start-screen__difficulty .section-title{width:100%;margin-bottom:2px}.difficulty-btn{color:#455074;cursor:pointer;white-space:nowrap;background:#f4f6ff;border:2px solid #d7def8;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s}.difficulty-btn--selected{border-color:var(--accent);color:#8a4200;background:linear-gradient(135deg,#ffddbab3,#ffc697bf);box-shadow:0 8px 18px #ff8f3d33}.start-btn{color:#fff;letter-spacing:.03em;cursor:pointer;background:linear-gradient(135deg,#2ac79b 0%,#1ea97c 100%);border:none;border-radius:14px;align-self:center;width:100%;max-width:360px;padding:14px 40px;font-size:18px;font-weight:800;transition:transform .2s,opacity .2s,box-shadow .2s;box-shadow:0 12px 24px #1ea97c40}.start-btn:hover:not(:disabled){transform:translateY(-2px)}.start-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}@media (width<=480px){.start-screen{border-radius:18px;gap:16px;padding:16px 12px}.start-screen__title{font-size:30px}.start-screen__subtitle{font-size:14px}.image-card{border-width:2px;min-width:94px;padding:7px}.start-screen__images,.start-screen__difficulty{padding:12px}.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 #f0f6ffcc;border-radius:8px;width:100%;height:100%;transition:transform .2s,box-shadow .2s,border-color .2s,opacity .2s;position:relative}.puzzle-piece:hover:not(.puzzle-piece--placed){border-color:#fff;transform:scale(1.045);box-shadow:0 8px 18px #101c474d}.puzzle-piece--placed{cursor:default;opacity:.92;border-color:#27d392d9;box-shadow:inset 0 0 0 1px #ffffff73}.puzzle-piece--dragging{opacity:.78;z-index:10;transform:scale(1.1);box-shadow:0 12px 24px #101c4761}.puzzle-piece--selected{border-width:3px;border-color:#ffbc62;box-shadow:0 0 0 2px #ffbc6259,0 10px 18px #ff98004d}.puzzle-piece__check{color:#1ea97c;background:#ffffffeb;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%);box-shadow:0 6px 12px #19856238}.game-screen{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);max-width:780px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;align-items:center;gap:14px;margin:0 auto;padding:22px 18px;display:flex}.game-header{text-align:center}.game-header__title{color:var(--text-main);margin:0;font-size:30px}.game-header__desc{color:var(--text-soft);margin-top:6px;font-size:14px}.game-sidebar{border-radius:var(--radius-lg);background:#ffffffb3;border:1px solid #7d8ec433;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.reference-image{box-shadow:var(--shadow-md);border:2px solid #6273b047;border-radius:12px;overflow:hidden}.reference-image img{object-fit:cover;width:88px;height:88px;display:block}.game-help{min-width:220px;color:var(--text-soft);flex:1;font-size:13px;line-height:1.45}.game-reset-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff667f 0%,#ef4d71 100%);border:none;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:700;transition:transform .18s,filter .18s;box-shadow:0 10px 18px #ef4d7140}.game-reset-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.game-main{justify-content:center;width:100%;display:flex}.puzzle-grid{background:linear-gradient(155deg,#314179eb,#222f5af2);border:3px solid #1e2d5ad9;border-radius:16px;gap:3px;padding:4px;display:grid;box-shadow:0 20px 35px #1d284d47}.puzzle-cell{aspect-ratio:1;border-radius:8px;width:100%;overflow:hidden}@media (width<=480px){.game-screen{border-radius:18px;gap:12px;padding:16px 10px}.game-header__title{font-size:26px}.game-sidebar{text-align:center;justify-content:center}.game-help{min-width:100%}.reference-image img{width:72px;height:72px}.game-reset-btn{padding:8px 14px;font-size:12px}}.complete-screen{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);max-width:680px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;align-items:center;gap:14px;margin:0 auto;padding:30px 20px;display:flex}.complete-screen__badge{color:#3a4bc6;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#5a67ff24,#54bcff2b);border:1px solid #5a67ff40;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700}.complete-screen__celebration{font-size:52px}.complete-screen__encouragement{color:var(--text-main);text-align:center;font-size:30px;font-weight:800}.complete-screen__image{border:3px solid #1ea97cb3;border-radius:16px;width:100%;max-width:340px;overflow:hidden;box-shadow:0 14px 26px #1ea97c3d}.complete-screen__image img{aspect-ratio:1;object-fit:contain;width:100%;display:block}.complete-screen__time{color:var(--text-soft);background:#ffffffb3;border:1px solid #7d8ec438;border-radius:10px;padding:8px 12px;font-size:16px;font-weight:600}.complete-screen__actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:420px;display:flex}.play-again-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2ac79b 0%,#1ea97c 100%);border:none;border-radius:12px;flex:1;min-width:160px;padding:12px 24px;font-size:17px;font-weight:700;transition:transform .18s,filter .18s;box-shadow:0 10px 18px #1ea97c3d}.choose-image-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4d86ff 0%,#5b64ff 100%);border:none;border-radius:12px;flex:1;min-width:160px;padding:12px 24px;font-size:17px;font-weight:700;transition:transform .18s,filter .18s;box-shadow:0 10px 18px #4d78ff3d}.play-again-btn:hover,.choose-image-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}@media (width<=480px){.complete-screen{border-radius:18px;gap:12px;padding:20px 12px}.complete-screen__badge{font-size:12px}.complete-screen__celebration{font-size:42px}.complete-screen__encouragement{font-size:24px}.complete-screen__image{max-width:240px}.play-again-btn,.choose-image-btn{padding:10px 18px;font-size:16px}}#root{width:100%;margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-1:#f5f7ff;--bg-2:#eefaf5;--text-main:#1d2840;--text-soft:#55607a;--brand:#5a67ff;--brand-strong:#3f4de8;--accent:#ff8f3d;--success:#1ea97c;--danger:#ef4d71;--card-bg:#ffffffe6;--card-border:#ffffffbf;--shadow-lg:0 22px 45px #324a9024;--shadow-md:0 12px 26px #2a3f791f;--radius-xl:24px;--radius-lg:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-main);background:radial-gradient(1200px 600px at -10% -10%, #dbe7ff 0%, transparent 55%), radial-gradient(800px 500px at 110% 10%, #d8f7e8 0%, transparent 60%), linear-gradient(160deg, var(--bg-1) 0%, var(--bg-2) 100%);min-height:100vh;font-family:Avenir Next,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}#root{width:100%;min-height:100vh;padding:22px 14px 28px}