#downloadPuzzle,#downloadPuzzle *{box-sizing:border-box}
#downloadPuzzle:not([open]){display:none}
#downloadPuzzle{position:fixed;inset:0;margin:auto;width:400px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);padding:22px;border:0;border-radius:18px;background:#fff;color:#294338;box-shadow:0 18px 70px #142d2440;overflow:auto;text-align:left}
#downloadPuzzle::backdrop{background:#172e2780;backdrop-filter:blur(3px)}
body.download-puzzle-open{overflow:hidden}
.download-puzzle-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
#downloadPuzzleTitle{font-size:20px;margin:0;font-weight:650}
#downloadPuzzle button{font-family:inherit;cursor:pointer;touch-action:manipulation}
#downloadPuzzle button:disabled{cursor:wait;opacity:.65}
#downloadPuzzle button:focus-visible{outline:3px solid #c99c51;outline-offset:3px}
#downloadPuzzleClose{width:44px;height:44px;border:0;background:#f1f5ef;border-radius:10px;color:#617764;font-size:26px}
#downloadPuzzleHelp{font-size:13px;line-height:1.7;color:#7a8876;margin:10px 0 16px}
.download-puzzle-picture{position:relative;width:100%;aspect-ratio:360/200;background:#e7eee5;border-radius:10px;overflow:hidden;user-select:none}
#downloadPuzzleBackground{display:block;width:100%;height:100%}
#downloadPuzzlePiece{position:absolute;left:0;top:0;width:16.666667%;height:32%;pointer-events:none;filter:drop-shadow(0 1px 2px #122e2355)}
.download-puzzle-track{height:56px;border:1px solid #dce6d9;background:#f0f5ed;border-radius:12px;margin-top:18px;position:relative;user-select:none;-webkit-user-select:none}
#downloadPuzzleTrackText{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:#889780;pointer-events:none;padding-left:22px}
#downloadPuzzleFill{position:absolute;left:0;top:0;height:100%;width:56px;background:#dcebd9;border-radius:11px}
/* 优先于通用按钮的 touch-action，避免手机滚动手势触发 pointercancel。 */
#downloadPuzzle #downloadPuzzleThumb{position:absolute;left:0;top:-1px;width:56px;height:56px;border:0;border-radius:11px;background:#286b52;color:white;font-size:30px;line-height:1;padding:0;touch-action:none;box-shadow:0 3px 7px #1d392020}
#downloadPuzzleTrack.dragging #downloadPuzzleTrackText{visibility:hidden}
#downloadPuzzleMessage{font-size:13px;min-height:22px;line-height:1.7;color:#61785f;margin:12px 0}
#downloadPuzzleMessage.error{color:#a5462e}
#downloadPuzzle.notice-only #downloadPuzzleHelp,
#downloadPuzzle.notice-only #downloadPuzzlePicture,
#downloadPuzzle.notice-only #downloadPuzzleTrack,
#downloadPuzzle.notice-only .download-puzzle-footer{display:none}
#downloadPuzzle.notice-only #downloadPuzzleMessage{font-size:15px;line-height:1.8;margin:18px 0 8px}
.download-puzzle-footer{border-top:1px solid #ebefe8;display:flex;justify-content:space-between;align-items:center;gap:12px}
#downloadPuzzleRefresh{min-height:44px;padding:6px 0;background:none;border:0;color:#5b765b;font-size:13px}
.download-puzzle-footer small{font-size:11px;color:#8f9e89}
@media(max-width:480px){#downloadPuzzle{padding:18px}}