@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;650;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#363a2e;background:#f7f5ed;font-synthesis:none;font-size:16px;font-weight:400;--ink: #363a2e;--muted: #777b6c;--line: #ddded2;--green: #d7ed58;--paper: #f7f5ed}.color-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 0 12px}.color-choice{min-width:0;min-height:58px;padding:6px 3px;border:2px solid #d9dfeb;border-radius:14px;color:#283752;background:#fff;font-weight:800}.color-choice span{display:block;width:26px;height:26px;margin:0 auto 3px;border:3px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #1c284035,0 3px 7px #17233b24}.color-choice small{display:block;overflow:hidden;font-size:10px;text-overflow:ellipsis}.color-choice.selected{border-color:var(--swatch);background:color-mix(in srgb,var(--swatch) 10%,white);box-shadow:0 4px color-mix(in srgb,var(--swatch) 55%,#17233b);transform:translateY(-2px)}.ui-v2:not(.gallery-open){--ink: #17233b}body.ui-v2:not(.gallery-open){background:#17233b;color:#17233b}.ui-v2:not(.gallery-open) .button.primary{border-color:#5e3cb5;color:#fff;background:linear-gradient(180deg,#986fe8,#7046c6);box-shadow:0 5px #5333a2}.ui-v2:not(.gallery-open) .step-kicker,.ui-v2:not(.gallery-open) .quest-status-copy{color:#53678d}.game-intro h1 em{text-decoration:underline;text-decoration-color:#f4c52f;text-decoration-thickness:8px;text-underline-offset:-3px;text-decoration-skip-ink:none}@media(max-width:900px){body.ui-v2:not(.gallery-open)[data-step="2"]{--v2-panel-h: 46dvh}.ui-v2:not(.gallery-open) .color-palette{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:7px}.ui-v2:not(.gallery-open) .color-choice{min-height:45px;padding:3px 2px;border-radius:10px}.ui-v2:not(.gallery-open) .color-choice span{width:22px;height:22px;margin-bottom:0}.ui-v2:not(.gallery-open) .color-choice small{font-size:9px}.ui-v2:not(.gallery-open)[data-step="2"] .step-kicker,.ui-v2:not(.gallery-open)[data-step="2"] .step-description,.ui-v2:not(.gallery-open)[data-step="2"] .keyboard-help,.ui-v2:not(.gallery-open)[data-step="2"] .button-caption{display:none}.ui-v2:not(.gallery-open)[data-step="2"] #step-content h2{margin-bottom:7px;font-size:22px}.ui-v2:not(.gallery-open)[data-step="2"] .dye-settings{margin-bottom:7px}.ui-v2:not(.gallery-open)[data-step="2"] .dye-setting>span{margin-bottom:3px;font-size:10px}.ui-v2:not(.gallery-open)[data-step="2"] .setting-choice{min-height:34px;padding:3px;font-size:11px}.ui-v2:not(.gallery-open)[data-step="2"] .easy-dye{min-height:36px;margin-top:0;font-size:12px}.ui-v2:not(.gallery-open)[data-step="2"] .dye-progress{margin:5px 0}.ui-v2:not(.gallery-open)[data-step="2"] #next-button{min-height:42px}}@media(max-width:900px)and (max-height:720px){body.ui-v2:not(.gallery-open)[data-step="2"]{--v2-panel-h: 48dvh}.ui-v2:not(.gallery-open)[data-step="2"] .quest-status{display:none}}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.46}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #6c791b;outline-offset:5px}a{color:inherit}button{transition:background .18s,transform .18s,border-color .18s}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}.header{height:103px;margin:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:800 23px Manrope,sans-serif;text-decoration:none;letter-spacing:-1px;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-flower{font:42px Georgia;line-height:1}.brand-dot{color:#91a737}.header nav{display:flex;align-self:stretch;gap:30px}.nav-link{border:0;background:transparent;display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;position:relative;color:#777b6c;padding:3px 0 0}.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";height:3px;background:var(--ink);position:absolute;bottom:-1px;left:0;right:0}.nav-link svg{width:19px;height:19px}.count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:#e9eadf;border-radius:50%;font-size:13px;padding:2px 5px}.header-note{font-size:13px;color:#777b6c;display:flex;align-items:center;gap:8px}.header-credit{color:inherit;text-decoration:none}.header-credit:hover,.header-credit:focus-visible{color:#3d82e6;text-decoration:underline;text-underline-offset:4px}.header-note svg{height:15px;width:15px}main{max-width:1320px;margin:0 auto;padding:45px 50px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.eyebrow,.step-kicker{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 17px}h1{font:650 clamp(34px,3.55vw,53px) / 1.06 "Manrope",sans-serif;letter-spacing:-2.4px;margin:0}h1 br{display:none}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px}.intro-copy{margin:17px 0 0;color:#777b6c;line-height:1.65;font-size:17px}.intro-copy br{display:none}.intro-stamp{width:142px;height:142px;border:1px solid #b4b99d;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:18px 13px 17px;transform:rotate(11deg);margin-right:9px;flex-shrink:0;color:#737b53}.intro-stamp span{display:block;font-size:8px;letter-spacing:.8px;line-height:1.15;text-align:center;white-space:nowrap}.intro-stamp strong{font:italic 24px/1.08 Georgia,serif;text-align:center}.workspace{display:grid;grid-template-columns:minmax(0,1.64fr) minmax(310px,1fr);gap:40px;align-items:stretch}.workbench{background-color:#e8e9e0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:555px;position:relative;background-image:radial-gradient(#aab09a42 .7px,transparent .7px);background-size:15px 15px;transition:background-color 2s}.bench-top,.bench-bottom{display:flex;align-items:center;justify-content:space-between;margin:0 25px;position:relative;z-index:2}.bench-top{height:58px;font-size:11px;letter-spacing:1.3px;gap:14px;color:#69705b}.bench-label{display:flex;gap:8px;align-items:center;font-weight:600}.status-dot{width:5px;height:5px;background:#818d4f;border-radius:100%}.bench-top #edition{border:1px solid #c7ccba;border-radius:3px;padding:5px 7px;font-size:10px}.canvas-wrap{flex:1;min-height:410px;position:relative;display:flex;align-items:stretch;justify-content:center}#shirt-canvas{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:crosshair}.side-note{position:absolute;left:18px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font:italic 14px Georgia;color:#8b907e;pointer-events:none}.bench-bottom{min-height:64px;gap:20px;font-size:16px;font-weight:500;color:#5f6653}#bench-hint{max-width:65%}.text-button{padding:5px 0;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;white-space:nowrap;color:#626b51;text-decoration:underline;text-underline-offset:4px}.text-button svg{width:13px;height:13px}.controls{padding:0 0 0 2px;display:flex;flex-direction:column}.quest-status{padding:12px 14px;margin-bottom:12px;border:1px solid #d9ddc9;border-radius:9px;background:#eff1e4}.quest-status-copy{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:9px;color:#687052;font-size:12px;font-weight:700;letter-spacing:1.1px}.quest-status-copy strong{color:var(--ink);font-size:12px;letter-spacing:.4px;white-space:nowrap}.quest-meter{height:7px;overflow:hidden;border-radius:99px;background:#d9ddca}.quest-meter span{display:block;width:25%;height:100%;border-radius:inherit;background:var(--green);box-shadow:inset 0 0 0 1px #bacf3b;transition:width .35s ease}.steps{list-style:none;display:flex;justify-content:space-between;margin:0 0 36px;padding:0;border-bottom:1px solid var(--line);gap:9px}.steps li{font-size:14px;color:#939787;display:flex;align-items:center;gap:7px;padding:8px 0 22px;position:relative}.steps li span{border:1px solid #d6d9ca;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px}.steps li.active{color:var(--ink);font-weight:600}.steps li.active:after{content:"";position:absolute;height:2px;bottom:-1px;left:0;right:0;background:var(--ink)}.steps li.active span{background:var(--ink);color:#fff;border-color:var(--ink)}.steps li.done span{background:var(--green);border-color:var(--green);color:var(--ink)}.step-kicker{font-size:11px;letter-spacing:1.5px;color:#7b816c;margin-bottom:10px}h2{font:650 30px/1.18 Manrope,sans-serif;letter-spacing:-1.3px;margin:0 0 12px}.step-description{font-size:16px;line-height:1.75;color:#7a7e6f;margin:0 0 22px}.fold-options{display:grid;gap:9px;margin-bottom:23px}.fold-option{background:transparent;border:1px solid var(--line);border-radius:7px;display:flex;text-align:left;align-items:center;gap:15px;min-height:74px;width:100%;padding:10px 15px}.fold-option:hover{background:#eeeee4}.fold-option.selected{border-color:#9ca886;background:#eef0df}.fold-symbol{font:37px/1 Georgia;width:40px;text-align:center;color:#717c54}.fold-1{font-size:44px}.fold-2{font-size:38px}.fold-3{font-size:33px}.fold-4{font-size:39px}.fold-5{font-size:42px}.fold-option strong{display:block;font-size:15px;font-weight:600;margin-bottom:5px}.fold-option small{display:block;font-size:12px;color:#7b806e}.radio-dot{height:14px;width:14px;border-radius:50%;border:1px solid #bcc3ad;margin-left:auto;flex-shrink:0}.selected .radio-dot{border:4px solid #6d7a4d;background:var(--paper)}.button{min-height:49px;border-radius:7px;padding:12px 17px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:1px solid transparent}.button svg{width:17px;height:17px}.button.primary{background:var(--green);color:#344019;border-color:#c6dc49;box-shadow:0 4px #abc42d;margin-bottom:4px}.button.primary:hover:not(:disabled){background:#c9e238;transform:translateY(-1px);box-shadow:0 5px #9eb728}.button.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #9eb728}.button.primary svg:last-child{margin-left:auto}.button.primary svg:first-child{margin-left:0}.button.secondary{background:transparent;border-color:#d2d7c3}.button.secondary:hover:not(:disabled){background:#eeefe4}.button+.button{margin-top:9px}.button-caption{font-size:12px;color:#8b8f7e;text-align:center;margin:12px 0 0;line-height:1.6}.secret-note{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:25px;color:#8a917a}.secret-note svg{width:22px;height:22px;flex-shrink:0}.secret-note p{font-size:14px;line-height:1.7;margin:0}.secret-note p span{font-size:13px;color:#9b9e91}.under-workspace{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:21px 0 53px;color:#929885}.under-workspace>span:first-child{font-size:14px;font-weight:600;letter-spacing:.8px}.under-workspace>span:last-child{font:italic 16px/1.45 Georgia}.tiny-flower{font-size:23px;margin-left:10px;vertical-align:middle}footer{margin:0 5%;padding:27px 0 30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#9a9e8d}footer>span:first-child{font:800 16px Manrope;letter-spacing:-.6px;color:#788064}footer p{font:italic 14px Georgia;margin:0}.footer-credit{color:inherit;font-size:13px;letter-spacing:1px;text-decoration:none}.footer-credit:hover,.footer-credit:focus-visible{color:#60704f;text-decoration:underline;text-underline-offset:4px}.band-visual{display:flex;align-items:center;justify-content:center;gap:30px;height:145px}.rubber-band{height:70px;width:55px;border:5px solid #aaa897;border-radius:50%;transform:rotate(-18deg);box-shadow:inset 1px 1px 2px #0002,1px 1px 2px #0002;transition:opacity .3s,transform .3s}.rubber-band:nth-child(2){transform:rotate(20deg)}.rubber-band:nth-child(3){transform:rotate(-6deg)}.rubber-band.used{opacity:.19;transform:scale(.8)}#add-band{margin-bottom:13px}.dye-bottles{display:flex;gap:12px;margin:30px 0 16px}.dye-settings{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin:0 0 14px}.dye-setting>span{display:block;margin-bottom:7px;color:#717761;font-size:12px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.dye-setting>div{display:flex;gap:5px}.soak-setting{grid-column:1 / -1}.soak-setting>div{display:flex;align-items:baseline;justify-content:space-between}.soak-setting label{color:#717761;font-size:12px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.soak-setting output{color:#426c4d;font-size:13px;font-weight:800}.soak-setting input{width:100%;accent-color:#5f926b}.soak-setting p{margin:4px 0 0;color:#747b70;font-size:11px;line-height:1.3}.finish-soak{margin:14px 0;padding:10px 12px;border:1px solid #d9dfc8;border-radius:10px;background:#fff}.setting-choice{min-width:0;min-height:39px;flex:1;padding:6px 7px;border:1px solid #d2d7c3;border-radius:7px;background:transparent;font-size:13px;font-weight:600}.setting-choice.selected{border-color:#8e9b71;background:#eef1dd;box-shadow:inset 0 0 0 1px #c5cfaa}.setting-choice span{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:4px;border-radius:50%;background:#989b91;color:#fff;font-size:11px}.setting-choice.family-1 span,.bottle.family-1{background-image:repeating-linear-gradient(135deg,#74776f 0,#74776f 5px,#a7a9a1 5px,#a7a9a1 10px)}.dye-choice{border:1px solid var(--line);border-radius:8px;background:transparent;flex:1;padding:17px 8px 12px;display:flex;align-items:center;flex-direction:column;gap:13px}.dye-choice.selected{border-color:#929e78;background:#eeefdf}.dye-choice strong{font-size:12px;font-weight:500}.bottle{height:81px;width:40px;margin-top:23px;border-radius:9px 9px 6px 6px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 5px 0 8px #ffffff40,inset -3px 0 8px #0002;background:#bbbcb5}.bottle:before{content:"";position:absolute;width:19px;height:13px;top:-10px;left:11px;border-radius:3px 3px 0 0;background:#53564d}.bottle:after{content:"";position:absolute;top:-32px;left:16px;width:9px;height:24px;background:#53564d;clip-path:polygon(34% 0,66% 0,100% 100%,0 100%)}.bottle-1{background:#858780}.bottle-2{background:#4a4d45}.bottle-mark{background:#f0f0e3d9;width:30px;font:18px Georgia;text-align:center;padding:6px 0;color:#6b6f61}.dye-progress{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#878c7b;margin:0 0 18px}.keyboard-help{font-size:10px;color:#949989;text-align:center;margin-top:16px}.final-level-card{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;margin:24px 0 26px;padding:16px;border:1px solid #cfd5b9;border-radius:10px;background:#eff2df;box-shadow:0 5px 14px #363a2e0d}.mystery-token{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#3b421f;font:700 25px/1 Manrope,sans-serif;box-shadow:inset 0 0 0 1px #bbcf43}.final-level-card strong,.final-level-card small{display:block}.final-level-card strong{margin-bottom:4px;font-size:17px;font-weight:700}.final-level-card small{color:#68705b;font-size:14px;line-height:1.45}.level-check{display:grid;place-items:center;width:27px;height:27px;border:1px solid #aeb990;border-radius:50%;color:#667349;font-size:15px;font-weight:700}.demo-note{font-size:11px;line-height:1.5;color:#7f826f;background:#eceee0;padding:10px;border-radius:6px}.revealed.blue{background-color:#e0e8ed}.revealed.pink{background-color:#f0e0e5}.reveal-badge{position:absolute;bottom:0;left:0;width:100%;text-align:center;pointer-events:none}.reveal-badge span{display:block;font-size:13px;font-weight:600;letter-spacing:1.2px;margin-bottom:5px;color:#657387}.reveal-badge strong{font:italic 26px Georgia;color:#445b72}.pink .reveal-badge strong{color:#9e536c}.input-label{font-size:14px;font-weight:500;display:flex;gap:7px;margin:14px 0 6px}.input-label span{font-size:12px;font-weight:400;color:#9ba08e}input{background:#faf9f3;border:1px solid #d9ddce;border-radius:5px;width:100%;height:40px;padding:8px 11px;color:var(--ink);font-size:13px}input::placeholder{color:#a2a794}.sticker-row{display:flex;align-items:center;gap:7px;margin:17px 0 23px}.sticker-row>span{font-size:11px;margin-right:auto;color:#7a826a}.sticker-choice{background:transparent;border:1px solid #d9ddce;border-radius:6px;width:34px;height:34px;font:24px Georgia;padding:0;display:flex;align-items:center;justify-content:center}.sticker-choice.selected{border-color:#83925e;background:#e8eecf}#shirt-sticker{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);font:48px Georgia;color:#fffaf2;-webkit-text-stroke:1px #363a2e;pointer-events:none}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 32px);width:max-content;background:#363a2e;color:#fffef6;padding:14px 24px;border-radius:9px;box-shadow:0 5px 25px #0002;font-size:14px;opacity:0;pointer-events:none;z-index:30;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%)}dialog{border:1px solid #cdd2be;border-radius:14px;background:var(--paper);color:var(--ink);width:460px;max-width:calc(100% - 36px);padding:32px;box-shadow:0 25px 80px #0002}dialog::backdrop{background:#30352770;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog p{color:#7b826d;font-size:15px;line-height:1.7}dialog h2{font-size:26px}.dialog-flower{font:50px Georgia;color:#8c9f47;display:block;margin-bottom:15px}.dialog-actions{display:flex;gap:10px;margin-top:25px}.dialog-actions .button+.button{margin-top:0}.gallery-heading{max-width:640px;margin:10px auto 45px;text-align:center}.gallery-heading h1{font-size:48px}.gallery-heading>p:not(.eyebrow){line-height:1.7;color:#80866f;font-size:14px;max-width:510px;margin:20px auto}.gallery-heading .button{width:max-content;margin:0 auto}.gallery-actions{display:flex;justify-content:center;gap:10px}.gallery-heading .gallery-actions .button{width:auto;margin:0}.make-another-inline{display:flex;width:max-content;min-height:42px;margin:13px auto 0;font-size:14px;font-weight:600}.clothesline{display:grid;grid-template-columns:repeat(3,1fr);gap:70px 34px;padding:35px 15px;min-height:300px}.gallery-shirt{position:relative;transform:rotate(-3deg);text-align:center;min-width:0}.gallery-shirt:nth-child(3n+2){transform:rotate(3deg)}.gallery-shirt:before{content:"";position:absolute;height:2px;top:-15px;background:#a3a58d;width:calc(100% + 42px);left:-20px;transform:rotate(3deg)}.gallery-shirt:after{content:"";position:absolute;top:-22px;left:24%;width:12px;height:30px;border-radius:2px;background:#b5a283;box-shadow:130px 0 #b5a283}.gallery-shirt img{width:100%;height:auto;display:block;box-shadow:1px 6px 17px #38402012;border:8px solid #fdfbf5}.gallery-shirt h3{font:italic 21px Georgia;margin:15px 0 5px;overflow-wrap:anywhere}.gallery-shirt p{font-size:12px;color:#8d947c;margin:0}.gallery-empty{grid-column:1/-1;text-align:center;padding:35px 20px;color:#81876f}.gallery-empty>span{font:70px Georgia;color:#8c9b5a}.gallery-empty h2{font-size:26px;color:var(--ink)}.gallery-empty p{font-size:14px}.gallery-empty .button{width:max-content;margin:25px auto}.gallery-refresh{display:flex;margin:20px auto 50px}.confetti{position:fixed;top:-20px;left:var(--x);background:var(--c);width:8px;height:13px;pointer-events:none;z-index:40;animation:confetti 3.5s var(--delay) ease-in forwards}.canvas-error{position:absolute;top:10%;right:10%;bottom:10%;left:10%;background:#f7f5edef;padding:35px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;text-align:center;line-height:1.6}.canvas-error p{color:#7c816e}@keyframes confetti{to{transform:translateY(105vh) rotate(var(--turn));opacity:.3}}@media(min-width:1450px){main{padding-top:58px}.intro{margin-bottom:45px}.workbench{min-height:610px}.canvas-wrap{min-height:460px}.intro-copy{font-size:16px}}@media(max-width:1100px){.header-note{display:none}main{padding:35px 35px 0}.workspace{gap:27px;grid-template-columns:minmax(0,1.3fr) minmax(295px,1fr)}h1 br,.intro-copy br{display:block}.intro-stamp{margin-right:40px}.side-note{left:10px}.bench-top,.bench-bottom{margin:0 17px}.under-workspace>span:first-child{max-width:45%;line-height:1.7}.clothesline{gap:65px 25px}}@media(max-width:760px){.header{height:auto;min-height:110px;flex-wrap:wrap;justify-content:center;gap:12px;padding-top:19px;margin:0 20px}.brand{font-size:21px}.brand-flower{font-size:34px}.header nav{justify-content:center;gap:35px;width:100%;height:42px}.nav-link{font-size:14px;align-items:flex-start;padding-top:4px}.nav-link svg{height:17px;width:17px}main{padding:30px 20px 0}.intro{margin-bottom:26px;gap:15px}.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:14px}h1{font-size:36px;letter-spacing:-1.8px}.intro-copy{font-size:12px;line-height:1.7;margin-top:13px}.intro-stamp{width:87px;height:87px;margin-right:3px;gap:6px}.intro-stamp span{font-size:6px;letter-spacing:.7px}.intro-stamp strong{font-size:18px}.workspace{display:flex;flex-direction:column;gap:24px}.workbench{min-height:365px;order:0}.canvas-wrap{min-height:285px}.bench-top{height:43px;font-size:8px}.bench-top #edition{font-size:8px}.bench-bottom{min-height:43px;font-size:10px}.side-note,.text-button{font-size:11px}.controls{padding:0}.steps{margin-bottom:26px}.steps li{font-size:13px;padding-bottom:17px;gap:9px}.steps li span{width:24px;height:24px;font-size:11px}h2{font-size:28px}.step-kicker{font-size:10px}.step-description{font-size:15px;margin-bottom:20px}.fold-option{min-height:74px}.fold-option strong{font-size:15px}.fold-option small{font-size:12px}.fold-options{gap:10px}.button{min-height:50px;font-size:14px}.button-caption{font-size:11px}.secret-note{justify-content:center;padding-top:23px}.secret-note p{font-size:11px}.secret-note p span{font-size:10px}.under-workspace{margin:25px 0 35px;justify-content:center}.under-workspace>span:first-child{display:none}.under-workspace>span:last-child{font-size:13px}footer{margin:0 20px;padding:23px 0;gap:13px;flex-wrap:wrap}footer>span:first-child{font-size:14px}footer p{font-size:12px}.footer-credit{font-size:8px;width:100%;text-align:center}.input-label{font-size:13px}input{font-size:16px;height:46px}.sticker-choice{width:39px;height:39px}.sticker-row>span{font-size:12px}.reveal-badge strong{font-size:22px}.reveal-badge span{font-size:8px}#shirt-sticker{font-size:32px}.dye-bottles{margin-top:15px}.dye-choice{max-width:150px;padding-bottom:14px}.dye-bottles{justify-content:center}.gallery-heading h1{font-size:35px}.gallery-heading>p:not(.eyebrow){font-size:13px}.clothesline{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 23px;padding:30px 0}.gallery-shirt:after{left:20%;box-shadow:75px 0 #b5a283;width:9px;height:23px;top:-21px}.gallery-shirt img{border-width:4px}.gallery-shirt h3{font-size:18px}.gallery-shirt p{font-size:11px}.gallery-empty{padding:25px 0}.gallery-empty .button{max-width:100%}.dialog-actions{flex-direction:column}.keyboard-help{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:760px){.intro{align-items:center;gap:10px}.intro>div:first-child{flex:1;min-width:0}.intro h1{font-size:29px;letter-spacing:-1.5px}.intro-stamp{width:68px;height:68px;margin-right:0;gap:5px}.intro-stamp strong{font-size:15px}.intro-stamp span{font-size:5px;letter-spacing:.35px}.intro-copy{font-size:12px}.intro-copy br{display:none}}@media(max-width:760px){.workbench{position:sticky;top:0;z-index:5;box-shadow:0 4px 14px #363a2e0d}}.gallery-shirt img{border:0;box-shadow:none}.gallery-shirt:before{top:7px}.gallery-shirt:nth-child(3n+2):before{transform:rotate(-3deg)}.gallery-shirt:after{content:none}.clothespins{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.clothespins:before,.clothespins:after{content:"";position:absolute;top:-4px;width:11px;height:28px;border-radius:2px;background:linear-gradient(90deg,#b7a07c,#d3bd99 50%,#ab9676);box-shadow:1px 2px 3px #363a2e20}.clothespins:before{left:32%}.clothespins:after{right:32%}@media(max-width:760px){.clothespins:before,.clothespins:after{width:8px;height:21px}}.band-visual{height:104px;gap:22px;margin:8px 0 16px}.band-pick{width:70px;height:88px;display:grid;place-items:center;border:0;background:transparent;touch-action:none;cursor:grab;flex-shrink:0}.band-pick .rubber-band{display:block;width:49px;height:62px;pointer-events:none}.band-pick.used{opacity:.18}.band-count{font-size:14px;color:#6d755d;white-space:nowrap}.band-ghost{position:fixed;width:72px;height:50px;border:5px solid #868273;border-radius:50%;transform:translate(-50%,-50%) rotate(-15deg);pointer-events:none;z-index:100;box-shadow:0 4px 8px #0002}.workbench.drop-ready{outline:3px dashed #6d7a4d;outline-offset:-6px}.easy-actions{display:flex;gap:9px;margin-bottom:12px}.easy-actions #add-band{margin:0;flex:1}.easy-actions #undo-band{width:70px;margin:0}.easy-dye{margin:8px 0 12px;min-height:42px}.dye-bottles{margin-top:20px}.dye-progress{margin-bottom:12px}#sticker-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;clip-path:url(#shirt-sticker-clip)}.sticker-clip-defs{position:absolute;width:0;height:0}.placed-sticker{position:absolute;display:grid;place-items:center;width:max(44px,calc(var(--sticker-size) * 1.3));height:max(44px,calc(var(--sticker-size) * 1.3));padding:0;border:1px dashed transparent;border-radius:8px;background:transparent;transform:translate(-50%,-50%);pointer-events:auto;touch-action:none;cursor:grab;line-height:1}.placed-sticker span{color:var(--sticker-color, #fffaf2);pointer-events:none}.placed-sticker svg{display:block;width:var(--sticker-size);height:var(--sticker-size);overflow:visible;fill:currentColor;stroke:#34372c;stroke-width:12;stroke-linejoin:round;paint-order:stroke fill}.placed-sticker.selected{border-color:#606d40;background:#ffffff15}.placed-sticker.dragging{cursor:grabbing;background:#ffffff30}.placed-sticker:disabled{opacity:1;pointer-events:none}.placed-sticker:not(:disabled):active{transform:translate(-50%,-50%)}.finish-heading .step-description{margin-bottom:14px}.finish-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:15px;gap:20px}.finish-tabs button{background:transparent;border:0;padding:10px 0;font-size:14px;font-weight:600;min-height:44px;color:#7c836b}.finish-tabs [aria-selected=true]{color:var(--ink);box-shadow:0 2px var(--ink)}.sticker-browser{padding:10px;border:1px solid #d8dfed;border-radius:9px;background:#fff}.sticker-search{display:block;margin-bottom:8px}.sticker-search input{width:100%;min-height:38px;padding:7px 10px;border:1px solid #cbd4e2;border-radius:7px;font:600 13px Manrope,sans-serif}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sticker-palette{display:grid;grid-template-columns:repeat(8,minmax(36px,1fr));gap:7px;align-items:center;max-height:108px;overflow-y:auto;padding:2px}.sticker-palette .sticker-choice{width:100%;height:44px;color:#17233b}.sticker-palette .sticker-choice svg{width:25px;height:25px;fill:currentColor}.random-stickers{min-height:44px;border:1px solid #c9d1b5;border-radius:6px;background:#eef1e1;padding:8px 12px;font-size:13px}.sticker-category-tabs{display:flex;gap:6px;margin-bottom:8px;overflow-x:auto;padding-bottom:2px}.sticker-category-tabs button{flex:0 0 auto;min-height:34px;padding:4px 10px;border:1px solid #d5dcc5;border-radius:999px;color:#697267;background:#fff;font:700 11px Manrope}.sticker-category-tabs button[aria-selected=true]{border-color:#5f926b;color:#315f41;background:#edf4df}.sticker-browser-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;color:#737c62;font-size:12px}.sticker-browser-empty{min-height:48px;margin:0;display:grid;place-items:center;color:#737c62;font-size:13px}.sticker-browser-empty[hidden]{display:none}.sticker-colors{display:flex;align-items:center;gap:7px;min-height:38px;font-size:13px}.sticker-colors>span{margin-right:auto}.sticker-color{width:25px;height:25px;padding:0;border:2px solid #fff;border-radius:999px;outline:1px solid #cbd3bd;background:var(--swatch)}.sticker-color[aria-pressed=true]{outline:2px solid #3d82e6;outline-offset:2px;transform:scale(1.08)}.editor-instruction{font-size:13px;color:#737c62;line-height:1.5;margin:12px 0}.field-error{margin:5px 0 0;color:#a62646;font-size:12px;line-height:1.3}.name-fields input[aria-invalid=true]{border-color:#c83f61;box-shadow:0 0 0 2px #c83f6122}.sticker-tools{margin:12px 0 18px;min-height:104px}.sticker-tools.empty{display:flex;align-items:center;justify-content:center;font:italic 15px Georgia;color:#808a6f;border:1px dashed #d4d9c7;border-radius:7px}.size-control{display:flex;align-items:center;gap:10px;font-size:13px}.size-control input{flex:1;min-width:60px;accent-color:#6b784b;cursor:pointer;padding:0;border:0;background:transparent;min-height:44px;touch-action:pan-y}.size-control .text-button{min-height:44px;font-size:13px}.size-control>span{min-width:20px;font-variant-numeric:tabular-nums}.move-controls{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:13px}.move-controls>span{margin-right:auto}.move-controls button{border:1px solid #d0d7bf;border-radius:6px;background:transparent;height:44px;min-width:44px;font-size:20px}.move-controls .center-sticker{font-size:13px;padding:0 10px}.name-fields{margin-bottom:20px}.name-fields .input-label{font-size:14px}.name-fields input{font-size:16px;min-height:44px}.name-fields .input-label span{font-size:12px}body[data-step="4"] .secret-note{display:none}.reveal-badge span{font-size:10px;letter-spacing:1px}@media(max-width:900px){body:not(.gallery-open){height:100dvh;overflow:hidden}body:not(.gallery-open) #app{height:100%;display:flex;flex-direction:column}.header{height:60px;min-height:60px;flex:0 0 60px;padding:0 12px;margin:0;gap:10px;flex-wrap:nowrap;justify-content:space-between}.brand{font-size:17px;letter-spacing:-.7px;gap:5px}.brand-flower{font-size:27px}.header-note{display:none}.header nav{width:auto;gap:14px;height:60px;flex-shrink:0}.nav-link{font-size:14px;align-items:center;padding:0;gap:4px}.nav-link svg{display:none}.nav-link .count{font-size:12px;min-width:18px;height:18px}body:not(.gallery-open) main{padding:0 12px 10px;flex:1;min-height:0;width:100%}#studio-view{height:100%;display:flex;flex-direction:column}.intro{margin:0;height:38px;min-height:38px;flex:0 0 38px;justify-content:center}.intro>div:first-child{flex:initial}.intro .eyebrow{font-size:12px;letter-spacing:1.3px;text-align:center;margin:0}.intro h1,.intro-copy,.intro-stamp{display:none}.workspace{min-height:0;flex:1;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(180px,37%) minmax(0,1fr);gap:12px}.workbench{min-height:0;height:auto;position:relative;top:auto;order:initial;box-shadow:none;border-radius:10px}.bench-top{height:28px;min-height:28px;font-size:12px;margin:0 12px;letter-spacing:.5px}.bench-top #edition{display:none}.canvas-wrap{min-height:0;flex:1}.side-note{display:none}.bench-bottom{min-height:34px;height:34px;margin:0 12px;font-size:13px;gap:8px}.bench-bottom .text-button{font-size:13px;min-height:34px}#bench-hint{max-width:74%;line-height:1.2}.bench-label{gap:6px}.controls{display:flex;min-height:0;overflow:hidden;padding:0}.quest-status{padding:8px 10px;margin-bottom:8px;border-radius:8px}.quest-status-copy{margin-bottom:6px;font-size:12px;letter-spacing:.65px}.quest-status-copy strong{font-size:12px}.quest-meter{height:6px}.steps{flex:0 0 39px;margin:0 0 10px;gap:5px}.steps li{font-size:14px;padding:0 0 10px;gap:5px}.steps li span{height:24px;width:24px;font-size:13px}#step-content{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;padding:2px 2px 5px;scroll-padding:8px;-webkit-overflow-scrolling:touch}.step-kicker,.button-caption,.keyboard-help,.secret-note,.under-workspace,body:not(.gallery-open) footer{display:none}#step-content h2{font-size:25px;letter-spacing:-.7px;margin:0 0 5px}.step-description{font-size:16px;line-height:1.5;margin:0 0 12px}.step-description br{display:none}.fold-options{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.fold-option{flex-direction:column;gap:5px;text-align:center;padding:8px 3px;min-height:78px;border-radius:7px}.fold-option small,.radio-dot{display:none}.fold-option strong{font-size:14px;margin:0}.fold-symbol{font-size:29px;width:auto;height:31px}.fold-1{font-size:36px}.fold-2{font-size:30px}.fold-3{font-size:27px}.fold-4{font-size:31px}.fold-5{font-size:33px}.button{min-height:48px;padding:10px 12px;font-size:15px;border-radius:7px}.band-visual{height:76px;margin:4px 0 10px;gap:15px}.band-pick{height:72px;width:60px}.band-pick .rubber-band{height:50px;width:40px}.band-count{font-size:14px}.easy-actions{margin-bottom:8px}.dye-bottles{margin:8px 0;gap:9px;justify-content:stretch}.dye-settings{gap:8px;margin:2px 0 6px}.dye-setting>span{margin-bottom:4px;font-size:12px}.setting-choice{min-height:36px;padding:5px;font-size:13px}.setting-choice span{width:19px;height:19px;font-size:10px}.dye-choice{max-width:none;flex-direction:row;justify-content:center;gap:8px;padding:8px;min-height:68px}.dye-choice strong{font-size:14px}.bottle{width:25px;height:34px;margin-top:12px;border-radius:6px}.bottle:before{width:13px;height:8px;left:6px;top:-6px}.bottle:after{height:12px;width:7px;left:9px;top:-16px}.bottle-mark{font-size:12px;width:20px;padding:2px 0}.easy-dye{margin:8px 0;min-height:40px}.dye-progress{margin:3px 0 8px;font-size:14px}.dye-progress .text-button{font-size:14px;min-height:32px}.final-level-card{grid-template-columns:46px 1fr auto;gap:11px;margin:14px 0 18px;padding:13px}.mystery-token{width:46px;height:46px;font-size:22px}.final-level-card strong{font-size:16px}.final-level-card small{font-size:14px}.reveal-badge{bottom:-4px}.reveal-badge span{font-size:8px;letter-spacing:.4px}.reveal-badge strong{font-size:17px}body[data-step="4"] .bench-bottom{min-height:44px;height:44px}body[data-step="4"] .bench-bottom #bench-hint{visibility:visible;max-width:70%;font-size:13px;line-height:1.2}.finish-heading .step-description{margin-bottom:5px;font-size:16px}.finish-tabs{margin-bottom:9px;gap:20px}.finish-tabs button{padding:6px 0;min-height:36px;font-size:14px}.sticker-palette{gap:5px;grid-template-columns:repeat(4,1fr)}.sticker-palette .sticker-choice{width:100%;min-width:32px;height:42px;font-size:26px}.random-stickers{font-size:13px;padding:5px;min-height:42px;grid-column:span 2}.editor-instruction{font-size:14px;margin:7px 0;line-height:1.4}.sticker-tools{min-height:92px;margin:4px 0 9px}.sticker-tools.empty{font-size:14px;min-height:65px}.size-control{gap:7px}.size-control input{height:36px;min-height:36px}.size-control .text-button{min-height:36px}.move-controls{margin-top:2px;gap:6px}.move-controls button{height:38px;min-width:40px}.name-fields{margin:0 0 14px}.name-fields .input-label{margin-top:8px;font-size:14px}.name-fields input{height:42px;min-height:42px}body.gallery-open main{padding:25px 20px}.gallery-open #studio-view{display:none}}@media(max-width:380px){.brand{font-size:15px}.brand-flower{font-size:23px}.header nav{gap:9px}.nav-link{font-size:12px}.header{padding:0 10px}.random-stickers{font-size:12px}.sticker-palette{gap:3px}.sticker-palette .sticker-choice{min-width:28px}.setting-choice{font-size:12px}.setting-choice span{display:none}.band-visual{gap:8px}}@media(max-width:900px)and (max-height:720px){.header,.header nav{height:52px;min-height:52px;flex-basis:52px}.intro{height:30px;min-height:30px;flex-basis:30px}.quest-status{display:none}.workspace{grid-template-rows:minmax(150px,33%) minmax(0,1fr);gap:8px}.steps{margin-bottom:6px}#step-content h2{font-size:21px}.step-description{font-size:15px;margin-bottom:7px}.fold-options{margin:8px 0}.fold-option{min-height:70px}.sticker-tools{min-height:80px}.finish-heading .step-description{font-size:15px}}@media(max-width:900px)and (orientation:landscape)and (max-height:550px){.intro{display:none}.workspace{grid-template-columns:44% minmax(0,1fr);grid-template-rows:1fr;gap:12px}.header,.header nav{height:45px;min-height:45px;flex-basis:45px}body:not(.gallery-open) main{padding-top:8px}.bench-top{font-size:11px}.bench-bottom #bench-hint{display:none}}.nav-mobile{display:none}@media(max-width:900px){.nav-desktop{display:none}.nav-mobile{display:inline}.nav-link{white-space:nowrap}.header nav{flex-shrink:0}.workspace{grid-template-rows:minmax(180px,42%) minmax(0,1fr)}.reveal-badge span{display:none}#toast{bottom:auto;top:62px;font-size:13px;padding:10px 16px}}@media(max-width:900px)and (max-height:720px){.workspace{grid-template-rows:minmax(160px,40%) minmax(0,1fr)}}@media(max-width:900px)and (orientation:landscape)and (max-height:550px){.workspace{grid-template-rows:1fr}}@media(max-width:900px){#finish-decorating{position:sticky;bottom:0;z-index:1}}@media(max-width:900px)and (orientation:portrait){body[data-step="2"] .workspace{grid-template-rows:minmax(155px,34%) minmax(0,1fr)}}.game-intro{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;min-height:100dvh;overflow:hidden;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:radial-gradient(circle at 12% 18%,#fff8 0 4px,transparent 5px),radial-gradient(circle at 86% 13%,#efad2d 0 6px,transparent 7px),radial-gradient(circle at 78% 82%,#59976b 0 5px,transparent 6px),linear-gradient(145deg,#ffe9a5,#c7e8c9 52%,#f5cf91);background-size:62px 62px,94px 94px,78px 78px,auto;transition:opacity .38s ease,transform .38s ease}.game-intro:before,.game-intro:after{content:"";position:absolute;width:min(58vw,630px);aspect-ratio:1;border:2px solid #fff8;border-radius:44% 56% 60% 40%;transform:rotate(18deg)}.game-intro:before{top:-36%;left:-18%}.game-intro:after{right:-20%;bottom:-40%;transform:rotate(-24deg)}.game-intro.leaving{opacity:0;transform:scale(1.025);pointer-events:none}.game-intro-card{position:relative;z-index:2;width:min(100%,590px);padding:clamp(28px,5vw,50px);border:2px solid #fff;border-radius:34px;text-align:center;background:#fffdf3ed;box-shadow:0 22px 60px #455b3535,inset 0 1px #fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.game-intro-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 20px;border:2px solid #f0c85a;border-radius:24px;color:#3f7951;background:linear-gradient(145deg,#fff7cc,#e2f0d7);box-shadow:0 7px #d7b74d;transform:rotate(-3deg)}.game-intro-icon svg{width:38px;height:38px;stroke-width:1.45}.game-intro-kicker{margin:0 0 13px;color:#56705a;font-size:12px;font-weight:800;letter-spacing:2.2px}.game-intro h1{max-width:520px;margin:0 auto;color:#2f3b2e;font-family:"DM Serif Display",Georgia,serif;font-size:clamp(34px,4.6vw,50px);font-weight:400;line-height:1.12;letter-spacing:-.7px}.game-intro h1 em{color:#4d7756;font-family:inherit;font-weight:inherit;letter-spacing:inherit}.game-intro-copy{max-width:460px;margin:24px auto 0;color:#4d604e;font:600 clamp(19px,2.3vw,23px) / 1.45 "DM Sans",sans-serif;letter-spacing:-.2px}.game-intro-levels{display:flex;align-items:center;justify-content:center;gap:9px;margin:25px 0 20px;color:#687263;font-size:12px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.game-intro-levels i{width:5px;height:5px;border-radius:50%;background:#e6b62c}.game-intro .game-intro-button{width:100%;min-height:56px;font-size:17px}.game-intro-note{margin:16px 0 0;color:#788174;font-size:13px}.game-intro-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.game-intro-sparkles span{position:absolute;z-index:1;color:#fff;font-size:24px;text-shadow:0 3px 12px #54644330;animation:game-intro-float 4.5s ease-in-out infinite alternate}.game-intro-sparkles span:nth-child(1){top:10%;left:8%;color:#e7a928}.game-intro-sparkles span:nth-child(2){top:23%;right:9%;color:#fff;font-size:15px;animation-delay:-1s}.game-intro-sparkles span:nth-child(3){right:13%;bottom:17%;color:#4f8e61;animation-delay:-2.2s}.game-intro-sparkles span:nth-child(4){bottom:13%;left:11%;color:#eea43b;font-size:18px;animation-delay:-.7s}.game-intro-sparkles span:nth-child(5){top:9%;right:28%;color:#5b9569;font-size:17px;animation-delay:-1.6s}.game-intro-sparkles span:nth-child(6){bottom:8%;right:33%;color:#fff;font-size:12px;animation-delay:-3s}@keyframes game-intro-float{0%{transform:translateY(-7px) rotate(-8deg)}to{transform:translateY(9px) rotate(9deg)}}body.ui-v2:not(.gallery-open){min-height:100dvh;overflow:hidden;background:#e4ecd4;color:#2f3b2e}.ui-v2:not(.gallery-open) #app,.ui-v2:not(.gallery-open) main,.ui-v2:not(.gallery-open) #studio-view{width:100%;height:100dvh;max-width:none;min-height:0}.ui-v2:not(.gallery-open) main{margin:0;padding:0}.ui-v2:not(.gallery-open) .header{position:absolute;inset:0 0 auto;z-index:30;width:100%;height:72px;margin:0;padding:0 26px;border:0;color:#2e3a2c;background:linear-gradient(180deg,#fffdf4f2,#fffdf4bd);box-shadow:0 8px 24px #4657331a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ui-v2:not(.gallery-open) .brand{color:#356342;font-size:24px;text-shadow:0 1px white}.ui-v2:not(.gallery-open) .brand-flower{color:#e0a51e}.ui-v2:not(.gallery-open) .brand-dot{color:#e0a51e}.ui-v2:not(.gallery-open) .nav-link.active:after{height:5px;border-radius:9px 9px 0 0;background:linear-gradient(90deg,#47865c,#e5b62f)}.ui-v2:not(.gallery-open) .intro,.ui-v2:not(.gallery-open) .under-workspace,.ui-v2:not(.gallery-open) footer,.ui-v2:not(.gallery-open) .secret-note{display:none}.ui-v2:not(.gallery-open) .workspace{width:100%;height:100dvh;min-height:0;padding:88px 18px 18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(345px,390px);grid-template-rows:1fr;gap:18px}.ui-v2:not(.gallery-open) .workbench{position:relative;top:auto;min-height:0;height:100%;border:2px solid #ffffffb8;border-radius:30px;background-color:#d8e7b8;background-image:radial-gradient(circle at 13% 17%,#ffffffd9 0 3px,transparent 4px),radial-gradient(circle at 86% 22%,#f5b936 0 5px,transparent 6px),radial-gradient(circle at 76% 80%,#5ca36f8f 0 4px,transparent 5px),linear-gradient(145deg,#ffe59a,#bce6c5 52%,#f7c985);background-size:58px 58px,86px 86px,72px 72px,auto;box-shadow:inset 0 0 90px #ffffff48,0 18px 45px #40543135}.ui-v2:not(.gallery-open) .workbench.revealed.pink{background-color:#f7b2d4;background-image:radial-gradient(circle at 13% 17%,#ffffffdf 0 3px,transparent 4px),radial-gradient(circle at 86% 22%,#fff1a4 0 5px,transparent 6px),radial-gradient(circle at 76% 80%,#a867df91 0 4px,transparent 5px),linear-gradient(145deg,#ffc6e3,#f39ccf 52%,#c8b4ff)}.ui-v2:not(.gallery-open) .bench-top{height:55px;min-height:55px;margin:0 24px;color:#334b35;font-size:13px;font-weight:800;letter-spacing:1px}.ui-v2:not(.gallery-open) .status-dot{width:9px;height:9px;background:#e4a91f;box-shadow:0 0 0 5px #ffffff75}.ui-v2:not(.gallery-open) .bench-top #edition{border:1px solid #ffffffd9;border-radius:999px;padding:7px 10px;color:#3d5b41;background:#ffffff8f;font-size:12px}.ui-v2:not(.gallery-open) .canvas-wrap{min-height:0}.ui-v2:not(.gallery-open) .side-note{left:22px;color:#405f43;font-size:16px;font-weight:600}.ui-v2:not(.gallery-open) .bench-bottom{min-height:62px;margin:0 24px;color:#344b36;font-size:16px}.ui-v2:not(.gallery-open) .bench-bottom .text-button{min-height:42px;padding:0 14px;border:1px solid #ffffffba;border-radius:999px;color:#35553b;background:#ffffff75;text-decoration:none}.ui-v2:not(.gallery-open) .controls{min-height:0;height:100%;overflow:hidden;padding:16px;border:2px solid #ffffff;border-radius:30px;background:#fffdf9ed;box-shadow:0 18px 45px #40543135;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ui-v2:not(.gallery-open) .quest-status{border-color:#d7dfb8;border-radius:16px;background:#f2f4d8}.ui-v2:not(.gallery-open) .quest-status-copy{color:#54725a}.ui-v2:not(.gallery-open) .quest-meter{background:#dce3bd}.ui-v2:not(.gallery-open) .quest-meter span{border:0;background:linear-gradient(90deg,#4f9565,#e8ba2d,#ef8e3b);box-shadow:none}.ui-v2:not(.gallery-open) .steps{flex:0 0 auto;margin-bottom:18px;border-color:#dfe3ca}.ui-v2:not(.gallery-open) .steps li span{border:2px solid #d6dec1;background:#fff}.ui-v2:not(.gallery-open) .steps li.active span{border-color:#3f7951;background:#3f7951}.ui-v2:not(.gallery-open) .steps li.done span{border-color:#f1cf4e;background:#f1d957}.ui-v2:not(.gallery-open) .steps li.active:after{height:4px;border-radius:99px;background:#3f7951}.ui-v2:not(.gallery-open) #step-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.ui-v2:not(.gallery-open) #step-content h2{color:#2f3b2e}.ui-v2:not(.gallery-open) .step-kicker{color:#4f7958}.ui-v2:not(.gallery-open) .step-description{color:#697267}.ui-v2:not(.gallery-open) .fold-option,.ui-v2:not(.gallery-open) .dye-choice,.ui-v2:not(.gallery-open) .setting-choice,.ui-v2:not(.gallery-open) .button.secondary{border-color:#d9dfc8;background:#fff}.ui-v2:not(.gallery-open) .fold-option.selected,.ui-v2:not(.gallery-open) .dye-choice.selected,.ui-v2:not(.gallery-open) .setting-choice.selected{border-color:#5f926b;background:#edf4df;box-shadow:inset 0 0 0 1px #acc8a9}.ui-v2:not(.gallery-open) .button{border-radius:999px;font-weight:800}.ui-v2:not(.gallery-open) .button.primary{border-color:#316743;color:#fff;background:linear-gradient(180deg,#5da773,#3f8055);box-shadow:0 5px #2d603f}.ui-v2:not(.gallery-open) .button.primary:hover:not(:disabled){background:linear-gradient(180deg,#69b27e,#478c5d);box-shadow:0 6px #2d603f}.ui-v2:not(.gallery-open) .final-level-card,.ui-v2:not(.gallery-open) .sticker-tools{border-color:#d5dfbc;background:#f2f4dc}.ui-v2:not(.gallery-open) .mystery-token{color:#fff;background:linear-gradient(145deg,#edbd32,#4c9362);box-shadow:0 4px #356d48}@media(max-width:900px){body.ui-v2:not(.gallery-open){--v2-panel-h: 42dvh}.ui-v2:not(.gallery-open) #app{display:block}.ui-v2:not(.gallery-open) .header{height:58px;min-height:58px;padding:0 13px;background:#ffffffd6}.ui-v2:not(.gallery-open) .header nav{height:58px;gap:13px}.ui-v2:not(.gallery-open) .brand{font-size:17px}.ui-v2:not(.gallery-open) .brand-flower{font-size:27px}.ui-v2:not(.gallery-open) .nav-link{color:#61705f;font-size:13px}.ui-v2:not(.gallery-open) .nav-link.active{color:#2f3b2e}.ui-v2:not(.gallery-open) main{width:100%;height:100dvh;padding:0}.ui-v2:not(.gallery-open) .intro{display:none}.ui-v2:not(.gallery-open) .workspace{position:relative;display:block;width:100%;height:100dvh;padding:0}.ui-v2:not(.gallery-open) .workbench{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100%;border:0;border-radius:0;box-shadow:inset 0 0 70px #ffffff42}.ui-v2:not(.gallery-open) .bench-top{position:absolute;z-index:4;top:68px;left:13px;right:13px;width:auto;height:34px;min-height:34px;margin:0;padding:0 12px;border:1px solid #ffffffb5;border-radius:999px;background:#ffffff85;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-size:12px}.ui-v2:not(.gallery-open) .bench-top #edition{display:block;padding:4px 7px;font-size:11px}.ui-v2:not(.gallery-open) .canvas-wrap{position:absolute;z-index:1;inset:52px 7px calc(var(--v2-panel-h) + 34px);min-height:0}.ui-v2:not(.gallery-open) .side-note,.ui-v2:not(.gallery-open) .reveal-badge span{display:none}.ui-v2:not(.gallery-open) .reveal-badge{bottom:44px}.ui-v2:not(.gallery-open) .reveal-badge strong{padding:7px 14px;border-radius:999px;color:#8d3765;background:#fff9;font-size:20px}.ui-v2:not(.gallery-open) .bench-bottom,.ui-v2:not(.gallery-open)[data-step="4"] .bench-bottom{position:absolute;z-index:6;left:13px;right:13px;bottom:calc(var(--v2-panel-h) + 7px);width:auto;height:44px;min-height:44px;margin:0;padding:0 6px 0 12px;border:1px solid #ffffffb5;border-radius:15px;color:#344b36;background:#ffffffa3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-size:13px}.ui-v2:not(.gallery-open) .bench-bottom .text-button{min-height:34px;padding:0 9px;border:0;background:transparent;font-size:13px;flex-shrink:0}.ui-v2:not(.gallery-open) #bench-hint,.ui-v2:not(.gallery-open)[data-step="4"] #bench-hint{max-width:60%;visibility:visible;font-size:13px;line-height:1.16}.ui-v2:not(.gallery-open) .controls{position:absolute;z-index:10;left:0;right:0;bottom:0;width:100%;height:var(--v2-panel-h);min-height:0;padding:11px 14px max(10px,env(safe-area-inset-bottom));border:0;border-top:2px solid white;border-radius:27px 27px 0 0;background:#fffdf9f5;box-shadow:0 -15px 35px #4054312e}.ui-v2:not(.gallery-open) .controls:before{content:"";width:44px;height:5px;margin:-3px auto 7px;border-radius:99px;background:#b9c9a6;flex:0 0 5px}.ui-v2:not(.gallery-open) .quest-status{flex:0 0 auto;padding:7px 10px;margin-bottom:7px;border-radius:12px}.ui-v2:not(.gallery-open) .quest-status-copy{margin-bottom:5px;font-size:11px}.ui-v2:not(.gallery-open) .quest-status-copy strong{font-size:11px}.ui-v2:not(.gallery-open) .steps{flex:0 0 37px;margin-bottom:8px;gap:4px}.ui-v2:not(.gallery-open) .steps li{padding-bottom:8px;font-size:13px}.ui-v2:not(.gallery-open) .steps li span{width:23px;height:23px;font-size:12px}.ui-v2:not(.gallery-open) #step-content{flex:1;min-height:0;padding:1px 2px 8px;overflow-y:auto}.ui-v2:not(.gallery-open) #step-content h2{font-size:24px}.ui-v2:not(.gallery-open) .step-description{font-size:15px;line-height:1.42}.ui-v2:not(.gallery-open) .button{min-height:46px}.ui-v2:not(.gallery-open) .fold-options{margin:9px 0}.ui-v2:not(.gallery-open)[data-step="0"] .step-description,.ui-v2:not(.gallery-open)[data-step="0"] .button-caption{display:none}.ui-v2:not(.gallery-open)[data-step="0"] .fold-options{gap:6px;margin:7px 0}.ui-v2:not(.gallery-open)[data-step="0"] .fold-option{min-height:57px;gap:2px;padding:5px 2px}.ui-v2:not(.gallery-open)[data-step="0"] .fold-option strong{font-size:12px}.ui-v2:not(.gallery-open)[data-step="0"] .fold-symbol{height:24px;font-size:24px;line-height:24px}.ui-v2:not(.gallery-open)[data-step="0"] .fold-1{font-size:29px}.ui-v2:not(.gallery-open)[data-step="0"] .fold-2{font-size:25px}.ui-v2:not(.gallery-open)[data-step="0"] .fold-3{font-size:23px}.ui-v2:not(.gallery-open)[data-step="0"] .fold-4{font-size:26px}.ui-v2:not(.gallery-open)[data-step="0"] .fold-5{font-size:28px}.ui-v2:not(.gallery-open) .dye-settings{margin-top:0}body.ui-v2:not(.gallery-open)[data-step="2"],body.ui-v2:not(.gallery-open)[data-step="4"]{--v2-panel-h: 58dvh}.ui-v2:not(.gallery-open)[data-step="1"] .step-description,.ui-v2:not(.gallery-open)[data-step="2"] .step-description,.ui-v2:not(.gallery-open)[data-step="3"] .step-description,.ui-v2:not(.gallery-open)[data-step="4"] .finish-heading .step-description{display:none}.ui-v2:not(.gallery-open)[data-step="1"] .band-visual{height:62px;margin:0 0 5px}.ui-v2:not(.gallery-open)[data-step="1"] .band-pick{height:60px}.ui-v2:not(.gallery-open)[data-step="2"] #step-content h2{margin-bottom:7px}.ui-v2:not(.gallery-open)[data-step="2"] .dye-settings{margin-bottom:4px}.ui-v2:not(.gallery-open)[data-step="2"] .dye-bottles{margin:4px 0}.ui-v2:not(.gallery-open)[data-step="2"] .dye-choice{min-height:58px;padding:5px}.ui-v2:not(.gallery-open)[data-step="2"] .easy-dye{min-height:38px;margin:4px 0}.ui-v2:not(.gallery-open)[data-step="2"] .dye-progress{min-height:30px;margin:0 0 4px}.ui-v2:not(.gallery-open)[data-step="3"] .final-level-card{margin:8px 0 12px;padding:10px}.ui-v2:not(.gallery-open)[data-step="4"] .quest-status{display:none}.ui-v2:not(.gallery-open)[data-step="4"] .finish-heading h2{margin-bottom:5px}.ui-v2:not(.gallery-open)[data-step="4"] .sticker-tools.empty{min-height:54px}.ui-v2:not(.gallery-open) #step-content[data-finish-tab=share] .finish-heading{display:none}.ui-v2:not(.gallery-open) #step-content[data-finish-tab=share] .name-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.ui-v2:not(.gallery-open) #step-content[data-finish-tab=share] .name-fields .input-label{margin-top:0;font-size:12px}.ui-v2:not(.gallery-open) #step-content[data-finish-tab=share] .name-fields input{min-width:0;height:40px;min-height:40px;padding:8px;font-size:14px}.ui-v2:not(.gallery-open) #step-content[data-finish-tab=share] .button+.button{margin-top:5px}}body.ui-v2:not(.gallery-open){--ink: #17233b;background:#17233b;color:#17233b}.ui-v2:not(.gallery-open) .header{color:#17233b;background:#fffaf1ed;box-shadow:0 8px 24px #101a3033}.ui-v2:not(.gallery-open) .brand{color:#17233b}.ui-v2:not(.gallery-open) .brand-flower,.ui-v2:not(.gallery-open) .brand-dot{color:#ef426f}.ui-v2:not(.gallery-open) .nav-link.active:after{background:linear-gradient(90deg,#3d82e6,#8058d6,#e84064,#f4c52f)}.ui-v2:not(.gallery-open) .workbench,.ui-v2:not(.gallery-open) .workbench.revealed.rainbow{background-color:#d9f6ef;background-image:radial-gradient(circle at 12% 16%,#fff 0 3px,transparent 4px),radial-gradient(circle at 86% 22%,#f4c52f 0 5px,transparent 6px),radial-gradient(circle at 76% 80%,#8058d699 0 4px,transparent 5px),linear-gradient(145deg,#9ee7ef,#fff2a5 47%,#ffc2d7);box-shadow:inset 0 0 90px #ffffff5c,0 18px 45px #101a3059}.ui-v2:not(.gallery-open) .controls{border-color:#fff;background:#fffaf4f5;box-shadow:0 18px 45px #101a3059}.ui-v2:not(.gallery-open) .quest-status,.ui-v2:not(.gallery-open) .final-level-card,.ui-v2:not(.gallery-open) .sticker-tools{border-color:#d8dfed;background:#f1f5ff}.ui-v2:not(.gallery-open) .quest-meter span{background:linear-gradient(90deg,#3d82e6,#8058d6,#e84064,#f4c52f)}.ui-v2:not(.gallery-open) .steps li.active span{border-color:#3d82e6;background:#3d82e6}.ui-v2:not(.gallery-open) .steps li.active:after{background:linear-gradient(90deg,#3d82e6,#8058d6,#e84064)}.ui-v2:not(.gallery-open) .steps li.done span{border-color:#f4c52f;background:#f4c52f}.ui-v2:not(.gallery-open) .button.primary{border-color:#5e3cb5;background:linear-gradient(180deg,#986fe8,#7046c6);box-shadow:0 5px #5333a2}.ui-v2:not(.gallery-open) .button.primary:hover:not(:disabled){background:linear-gradient(180deg,#a77ff0,#7b51d0);box-shadow:0 6px #5333a2}.ui-v2:not(.gallery-open) .mystery-token{background:linear-gradient(145deg,#f4c52f,#ef426f,#8058d6);box-shadow:0 4px #5333a2}.game-intro{background:radial-gradient(circle at 12% 18%,#fff9 0 4px,transparent 5px),radial-gradient(circle at 86% 13%,#f4c52f 0 6px,transparent 7px),radial-gradient(circle at 78% 82%,#e84064 0 5px,transparent 6px),linear-gradient(145deg,#68d8df,#8669dc 47%,#f77f9f);background-size:62px 62px,94px 94px,78px 78px,auto}.game-intro-card{background:#fffaf2f2;box-shadow:0 22px 60px #17233b55,inset 0 1px #fff}.game-intro-icon{border-color:#ef426f;color:#7046c6;background:linear-gradient(145deg,#fff1a9,#ffd4e1);box-shadow:0 7px #c83259}.game-intro h1,.game-intro h1 em{color:#17233b}@media(max-width:900px){body.ui-v2:not(.gallery-open)[data-step="2"]{--v2-panel-h: 46dvh}.ui-v2:not(.gallery-open)[data-step="2"] .step-kicker,.ui-v2:not(.gallery-open)[data-step="2"] .step-description,.ui-v2:not(.gallery-open)[data-step="2"] .keyboard-help,.ui-v2:not(.gallery-open)[data-step="2"] .button-caption{display:none}}@media(max-width:900px)and (max-height:720px){body.ui-v2:not(.gallery-open)[data-step="2"]{--v2-panel-h: 48dvh}}@media(max-width:600px){.game-intro{padding-right:14px;padding-left:14px}.game-intro-card{padding:28px 22px 24px;border-radius:28px}.game-intro-icon{width:62px;height:62px;margin-bottom:19px;border-radius:20px}.game-intro-icon svg{width:34px;height:34px}.game-intro h1{font-size:clamp(31px,9.1vw,38px);line-height:1.1;letter-spacing:-.4px}.game-intro-copy{margin-top:19px;font-size:19px;line-height:1.42}.game-intro-levels{gap:7px;margin:21px 0 17px;font-size:10px}}@media(max-height:640px){.game-intro-card{padding-top:20px;padding-bottom:18px}.game-intro-icon{width:52px;height:52px;margin-bottom:13px;border-radius:17px}.game-intro-icon svg{width:29px;height:29px}.game-intro-kicker{margin-bottom:9px}.game-intro h1{font-size:clamp(28px,7vw,35px);line-height:1.09}.game-intro-copy{margin-top:14px;font-size:17px;line-height:1.38}.game-intro-levels{margin:14px 0 12px}.game-intro .game-intro-button{min-height:50px}.game-intro-note{margin-top:11px}}@media(prefers-reduced-motion:reduce){.game-intro,.game-intro-sparkles span{animation:none;transition:none}}@media(max-width:380px){.ui-v2:not(.gallery-open) .header{padding:0 10px}.ui-v2:not(.gallery-open) .brand{flex-shrink:0;font-size:15px}.ui-v2:not(.gallery-open) .header nav{gap:9px}.ui-v2:not(.gallery-open) .nav-link{font-size:12px}}@media(max-width:900px)and (max-height:720px){body.ui-v2:not(.gallery-open){--v2-panel-h: 46dvh}.ui-v2:not(.gallery-open) .quest-status{display:none}}@media(max-width:900px)and (orientation:landscape)and (max-height:550px){body.ui-v2:not(.gallery-open){--v2-panel-h: 100dvh}.ui-v2:not(.gallery-open) .workbench{right:54%;width:46%}.ui-v2:not(.gallery-open) .header{width:46%}.ui-v2:not(.gallery-open) .canvas-wrap{top:43px;right:4px;bottom:43px;left:4px}.ui-v2:not(.gallery-open) .bench-top{top:49px}.ui-v2:not(.gallery-open) .bench-bottom,.ui-v2:not(.gallery-open)[data-step="4"] .bench-bottom{bottom:5px}.ui-v2:not(.gallery-open) .controls{left:46%;width:54%;height:100%;border-radius:24px 0 0 24px;border-top:0;border-left:2px solid white}}@media(min-width:901px)and (max-height:780px){.ui-v2:not(.gallery-open)[data-step="2"] .quest-status{padding:8px 12px;margin-bottom:6px}.ui-v2:not(.gallery-open)[data-step="2"] .steps{margin-bottom:8px}.ui-v2:not(.gallery-open)[data-step="2"] .steps li{padding-bottom:12px}.ui-v2:not(.gallery-open)[data-step="2"] .step-kicker,.ui-v2:not(.gallery-open)[data-step="2"] .step-description,.ui-v2:not(.gallery-open)[data-step="2"] .keyboard-help,.ui-v2:not(.gallery-open)[data-step="2"] .button-caption{display:none}.ui-v2:not(.gallery-open)[data-step="2"] #step-content h2{margin-bottom:7px;font-size:24px}.ui-v2:not(.gallery-open)[data-step="2"] .color-palette{gap:4px;margin-bottom:6px}.ui-v2:not(.gallery-open)[data-step="2"] .color-choice{min-height:47px;padding:3px}.ui-v2:not(.gallery-open)[data-step="2"] .color-choice span{width:22px;height:22px;margin-bottom:0}.ui-v2:not(.gallery-open)[data-step="2"] .dye-settings{margin-bottom:6px}.ui-v2:not(.gallery-open)[data-step="2"] .dye-setting>span{margin-bottom:3px;font-size:10px}.ui-v2:not(.gallery-open)[data-step="2"] .setting-choice{min-height:34px;padding:3px;font-size:11px}.ui-v2:not(.gallery-open)[data-step="2"] .easy-dye{min-height:38px;margin-top:0}.ui-v2:not(.gallery-open)[data-step="2"] .dye-progress{margin:5px 0}.ui-v2:not(.gallery-open)[data-step="2"] #next-button{min-height:42px}}