/* One instruction at a time, shared across all three rounds. */
.wrapper-order{gap:9px;max-width:96%}
.wrapper-step-number{flex:none;padding:5px 9px;background:#6b3c8c;color:#fff5d1;border-radius:12px;font-size:15px;font-weight:900;white-space:nowrap}
.wrapper-sticker-count{flex:none;border-radius:10px;background:#ecd8f6;padding:4px 8px;font-size:17px;font-weight:900;white-space:nowrap}
.wrapper-step-guide{position:absolute;bottom:1%;left:15%;right:15%;display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 9px;border-radius:18px;background:#352043d9;color:#fff2ba;font-size:14px;font-weight:800;text-align:center;pointer-events:none;z-index:8}
.guide-arrow{font-size:28px;line-height:1;animation:wrapperGuide 1.5s ease-in-out infinite}
.wrapper-step-guide[data-cue=up] .guide-arrow{animation-name:wrapperGuideUp}.wrapper-step-guide[data-cue=down] .guide-arrow{animation-name:wrapperGuideDown}
.wrapper-step-guide[data-cue=left] .guide-arrow{animation-name:wrapperGuideLeft}.wrapper-step-guide[data-cue=right] .guide-arrow{animation-name:wrapperGuideRight}
.wrapper-tab.step-done:before{content:'✓ ';color:#aee7a8}.wrapper-tab[aria-pressed=true]{outline:2px solid #fff4ae;outline-offset:1px}
.wrapper-factory[data-step=pattern] .wrapper-paper-target,.wrapper-factory[data-step=stickers] .wrapper-paper-target.awaiting-sticker{outline:2px dashed #ffe394;outline-offset:2px}
.wrapper-twist:disabled{animation:none;opacity:.45}
.wrapper-pattern{background-repeat:repeat}
.wrapper-candy[data-pattern=stars] .wrapper-pattern,.pattern-choice[data-pattern=stars] .pattern-sample{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M16 3l4 8 9 1-7 7 2 10-8-5-8 5 2-10-7-7 9-1z' fill='%23fff2a2' stroke='%23793b8c' stroke-width='1.5'/%3E%3C/svg%3E");background-size:32px 32px}
.wrapper-candy[data-pattern=hearts] .wrapper-pattern,.pattern-choice[data-pattern=hearts] .pattern-sample{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M16 27C-5 12 8 0 16 10 24 0 37 12 16 27z' fill='%23ffd4df' stroke='%23793b8c' stroke-width='1.5'/%3E%3C/svg%3E");background-size:32px 32px}
.wrapper-candy[data-pattern=zigzags] .wrapper-pattern,.pattern-choice[data-pattern=zigzags] .pattern-sample{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='24'%3E%3Cpath d='M-8 18L8 4 24 18 40 4' fill='none' stroke='%236d3182' stroke-width='9'/%3E%3Cpath d='M-8 18L8 4 24 18 40 4' fill='none' stroke='%23fff1a4' stroke-width='5'/%3E%3C/svg%3E");background-size:32px 24px}
.wrapper-candy[data-pattern=checks] .wrapper-pattern,.pattern-choice[data-pattern=checks] .pattern-sample{background-image:repeating-conic-gradient(#fff0a3 0% 25%,#79448f 0% 50%);background-size:28px 28px}
.wrapper-palette.free-pattern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:460px;width:100%;align-self:center;gap:6px}
.wrapper-palette.free-pattern-grid .wrapper-choice{min-width:0;width:100%;max-width:none;min-height:58px;padding:3px}
@keyframes wrapperGuide{0%,100%{translate:8px 8px;opacity:.6}60%{translate:-6px -10px;opacity:1}}
@keyframes wrapperGuideUp{50%{translate:0 -7px}}@keyframes wrapperGuideDown{50%{translate:0 7px}}
@keyframes wrapperGuideLeft{50%{translate:-7px 0}}@keyframes wrapperGuideRight{50%{translate:7px 0}}
@media(max-width:700px){.wrapper-order{gap:5px}.wrapper-step-number{font-size:12px;padding:5px 6px}.wrapper-sticker-count{font-size:13px;padding:4px 5px}.wrapper-step-guide{left:1%;right:1%;font-size:12px;bottom:2%;padding:5px}.guide-arrow{font-size:24px}.wrapper-palette.free-pattern-grid .pattern-sample{height:25px;width:35px}.wrapper-palette.free-pattern-grid .wrapper-choice span:last-child{font-size:10px}}
@media(max-height:500px) and (min-width:701px){.wrapper-step-guide{font-size:10px;padding:2px;bottom:0}.guide-arrow{font-size:17px}.wrapper-order{font-size:14px}.wrapper-step-number{font-size:12px}.wrapper-palette.free-pattern-grid{gap:2px}.wrapper-palette.free-pattern-grid .wrapper-choice{min-height:34px}.wrapper-palette.free-pattern-grid .pattern-sample{height:15px}}
@media(prefers-reduced-motion:reduce){.guide-arrow{animation:none}}
.wrapper-factory[data-step=pattern] .wrapper-finished,.wrapper-factory[data-step=stickers] .wrapper-finished{animation:none!important;opacity:1}
.wrapper-step-guide{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:92%}

.wrapper-palette:empty{display:none}