.DotToDot-module__LCB0Pa__page{color:#2a2a2a;background:#f2e9d0;place-items:center;padding:clamp(8px,3vmin,24px);display:grid;position:fixed;inset:0;overflow:hidden;container-type:size}.DotToDot-module__LCB0Pa__page:after{content:"";z-index:10;pointer-events:none;background:0 0;transition:background .22s;position:absolute;inset:0}.DotToDot-module__LCB0Pa__flashCorrect:after{background:#1b9e6f2e}.DotToDot-module__LCB0Pa__flashWrong:after{background:#d23c3c38}.DotToDot-module__LCB0Pa__canvas{background-color:#fffdf6;background-image:linear-gradient(#5e7cac47 1px,#0000 1px),linear-gradient(90deg,#5e7cac47 1px,#0000 1px);background-size:22px 22px;border-radius:20px;width:min(100cqw,100cqh,640px);height:min(100cqw,100cqh,640px);animation:.32s DotToDot-module__LCB0Pa__canvasPop;position:relative;box-shadow:0 10px 30px #3c280a38,inset 0 0 0 2px #5e7cac59;container-type:size}.DotToDot-module__LCB0Pa__svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.DotToDot-module__LCB0Pa__line{stroke:#2a2a2a;stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:miter}.DotToDot-module__LCB0Pa__rewardGroup{transform-box:fill-box;transform-origin:50%;animation:.42s DotToDot-module__LCB0Pa__fillPop}.DotToDot-module__LCB0Pa__rewardFill{stroke:#2a2a2a;stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linejoin:miter;animation:1.6s linear infinite DotToDot-module__LCB0Pa__rainbowTurn}.DotToDot-module__LCB0Pa__rewardShrink{animation:.62s cubic-bezier(.55,.06,.68,.19) forwards DotToDot-module__LCB0Pa__shrinkAway}.DotToDot-module__LCB0Pa__sparkle{fill:#fffdf6;transform-box:fill-box;transform-origin:50%;opacity:0;pointer-events:none;animation:.9s ease-in-out infinite DotToDot-module__LCB0Pa__twinkle}.DotToDot-module__LCB0Pa__revealImage{transform-box:fill-box;transform-origin:50%;pointer-events:none;animation:.62s cubic-bezier(.22,1.2,.36,1) both DotToDot-module__LCB0Pa__revealPop}.DotToDot-module__LCB0Pa__dot{cursor:pointer;z-index:2;width:min(32px, calc(var(--hit,12) * .9vmin));width:min(32px, calc(var(--hit,12) * 1cqmin));height:min(32px, calc(var(--hit,12) * .9vmin));height:min(32px, calc(var(--hit,12) * 1cqmin));background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.DotToDot-module__LCB0Pa__dot.DotToDot-module__LCB0Pa__dotNext{z-index:3;width:max(44px, min(64px, calc(var(--hit,12) * .9vmin)));width:max(44px, min(64px, calc(var(--hit,12) * 1cqmin)));height:max(44px, min(64px, calc(var(--hit,12) * .9vmin)));height:max(44px, min(64px, calc(var(--hit,12) * 1cqmin)))}.DotToDot-module__LCB0Pa__dot:disabled{cursor:default}.DotToDot-module__LCB0Pa__canvasDone .DotToDot-module__LCB0Pa__dot,.DotToDot-module__LCB0Pa__canvasDone .DotToDot-module__LCB0Pa__dotNumber{opacity:0;pointer-events:none;transition:opacity .32s}@media (hover:hover){.DotToDot-module__LCB0Pa__dot:not(:disabled):hover .DotToDot-module__LCB0Pa__dotMark{transform:scale(1.25)}}.DotToDot-module__LCB0Pa__dot:focus-visible{outline-offset:2px;border-radius:50%;outline:3px solid #0a7269}.DotToDot-module__LCB0Pa__dotMark{aspect-ratio:1;pointer-events:none;background:#fff;border:2px solid #2a2a2a;border-radius:50%;width:clamp(7px,2cqmin,11px);transition:transform .16s,background .16s,border-color .16s;display:block;box-shadow:0 1px 2px #00000040}.DotToDot-module__LCB0Pa__dotJoined .DotToDot-module__LCB0Pa__dotMark{background:#2a2a2a}.DotToDot-module__LCB0Pa__dotNext .DotToDot-module__LCB0Pa__dotMark{animation:1.1s ease-in-out infinite DotToDot-module__LCB0Pa__dotPulse}.DotToDot-module__LCB0Pa__dotWrong .DotToDot-module__LCB0Pa__dotMark{background:#d23c3c;border-color:#d23c3c;animation:.42s DotToDot-module__LCB0Pa__dotShake}.DotToDot-module__LCB0Pa__dotNumber{z-index:3;color:#5a5344;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(9px,2.4cqmin,14px);font-weight:700;line-height:1;position:absolute;transform:translate(-50%,-50%)translate(.55em,-1.35em)}@keyframes DotToDot-module__LCB0Pa__canvasPop{0%{opacity:.5;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes DotToDot-module__LCB0Pa__fillPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes DotToDot-module__LCB0Pa__rainbowTurn{0%{filter:hue-rotate()drop-shadow(0 0 6px #ffffffe6)}to{filter:hue-rotate(360deg)drop-shadow(0 0 6px #ffffffe6)}}@keyframes DotToDot-module__LCB0Pa__twinkle{0%,to{opacity:0;rotate:none;scale:.2}50%{opacity:1;rotate:45deg;scale:1}}@keyframes DotToDot-module__LCB0Pa__shrinkAway{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.04)}}@keyframes DotToDot-module__LCB0Pa__revealPop{0%{opacity:0;transform:scale(.12)}40%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes DotToDot-module__LCB0Pa__dotPulse{0%,to{transform:scale(1);box-shadow:0 0 #118ab273}50%{transform:scale(1.35);box-shadow:0 0 0 6px #118ab200}}@keyframes DotToDot-module__LCB0Pa__dotShake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.DotToDot-module__LCB0Pa__canvas,.DotToDot-module__LCB0Pa__rewardFill,.DotToDot-module__LCB0Pa__sparkle,.DotToDot-module__LCB0Pa__dotMark{animation:none}.DotToDot-module__LCB0Pa__rewardShrink{opacity:0;animation:none}.DotToDot-module__LCB0Pa__revealImage{animation:none}.DotToDot-module__LCB0Pa__sparkle{opacity:1}.DotToDot-module__LCB0Pa__dotMark{transition:none}}