#answerPuzzle,#answerPuzzle *{box-sizing:border-box}
#answerPuzzle:not([open]){display:none}
#answerPuzzle{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}
#answerPuzzle::backdrop{background:#172e2780;backdrop-filter:blur(3px)}
body.answer-puzzle-open{overflow:hidden}
.answer-puzzle-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
#answerPuzzleTitle{font-size:20px;margin:0;font-weight:650}
#answerPuzzle button{font-family:inherit;cursor:pointer;touch-action:manipulation}
#answerPuzzle button:disabled{cursor:wait;opacity:.65}
#answerPuzzle button:focus-visible{outline:3px solid #c99c51;outline-offset:3px}
#answerPuzzleClose{width:44px;height:44px;border:0;background:#f1f5ef;border-radius:10px;color:#617764;font-size:26px}
#answerPuzzleHelp{font-size:13px;line-height:1.7;color:#7a8876;margin:10px 0 16px}
.answer-puzzle-picture{position:relative;width:100%;aspect-ratio:360/200;background:#e7eee5;border-radius:10px;overflow:hidden;user-select:none}
#answerPuzzleBackground{display:block;width:100%;height:100%}
#answerPuzzlePiece{position:absolute;left:0;top:0;width:16.666667%;height:32%;pointer-events:none;filter:drop-shadow(0 1px 2px #122e2355)}
.answer-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}
#answerPuzzleTrackText{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:#889780;pointer-events:none;padding-left:22px}
#answerPuzzleFill{position:absolute;left:0;top:0;height:100%;width:56px;background:#dcebd9;border-radius:11px}
#answerPuzzleThumb{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}
#answerPuzzleTrack.dragging #answerPuzzleTrackText{visibility:hidden}
#answerPuzzleMessage{font-size:13px;min-height:22px;line-height:1.7;color:#61785f;margin:12px 0}
#answerPuzzleMessage.error{color:#a5462e}
.answer-puzzle-footer{border-top:1px solid #ebefe8;display:flex;justify-content:space-between;align-items:center;gap:12px}
#answerPuzzleRefresh{min-height:44px;padding:6px 0;background:none;border:0;color:#5b765b;font-size:13px}
.answer-puzzle-footer small{font-size:11px;color:#8f9e89}
@media(max-width:480px){#answerPuzzle{padding:18px}}