.play-modes{display:flex;align-items:center;gap:16px;min-height:46px;flex-shrink:0}.mode-tabs{display:flex;gap:3px;background:#ebe7ee;border:1px solid #e4dfe9;border-radius:14px;padding:3px}.mode-tabs button{min-height:40px;padding:0 18px;display:flex;align-items:center;gap:7px;border-radius:11px;color:#83748f;font-size:13px;font-weight:650;white-space:nowrap}.mode-tabs button.selected{background:#fff;color:#72549b;box-shadow:0 2px 6px #5542640c}.mode-description{font-size:12px;color:#8a7c91}.trace-shelf{align-self:center;background:#fffdfb;border:1px solid #e8e3eb;border-radius:22px;padding:15px 12px;max-height:100%;overflow:auto}.trace-shelf-title{font-size:11px;font-weight:650;letter-spacing:1px;color:#8b7b99;text-align:center}.trace-mini{aspect-ratio:1;width:100%;margin:10px 0;background:#f7f3fa;border-radius:14px}.trace-mini svg{width:100%;height:100%}.trace-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.trace-steps li{display:flex;align-items:center;gap:7px;min-height:37px;padding:4px 5px;border-radius:9px;color:#aa9db3;font-size:11px}.trace-steps li>span{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border-radius:50%;background:#f2eef5;font-size:11px}.trace-steps b{font-weight:550}.trace-steps li.current{background:#f0eafa;color:#76569f}.trace-steps li.current>span{color:#fff;background:#9a80bb}.trace-steps li.complete{color:#6d977f}.trace-steps li.complete>span{background:#eaf4ed;color:#6d977f}.trace-instruction{display:none;justify-content:space-between;align-items:center;gap:10px;flex-shrink:0;min-height:62px;padding:9px 15px;background:#fffdfb;border:1px solid #e8e1ed;border-radius:14px}.trace-side-help{margin-top:10px;padding-top:10px;border-top:1px solid #eee7f1}.trace-side-help p{font-size:10px;line-height:1.7;color:#8a7997;margin-bottom:9px}.trace-side-help .trace-demo{width:100%;padding:0 5px}.trace-instruction strong{font-size:13px;color:#71568d}.trace-instruction p{margin-top:5px;font-size:11px;color:#908098;line-height:1.5}.trace-demo{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 13px;border-radius:10px;background:#f1eafa;color:#81669f;font-size:12px;white-space:nowrap;flex-shrink:0}.trace-paper svg{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.trace-marker{pointer-events:none}.trace-dock{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;flex-shrink:0;border:1px solid #e8e2eb;background:#fff;border-radius:17px;padding:6px 14px}.trace-feedback{display:flex;gap:9px;align-items:center;color:#7c6a8c;font-size:12px;line-height:1.6;min-width:0}.trace-feedback svg{color:#9b82bb}.trace-inks{display:flex;gap:1px;flex-shrink:0}.trace-picker{width:700px;text-align:left}.trace-patterns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.trace-patterns button{border:2px solid #ece5f0;background:#fff;border-radius:15px;padding:5px 5px 13px;text-align:center}.trace-patterns button.selected{border-color:#ac92c8}.trace-patterns button>div{aspect-ratio:1;border-radius:10px}.trace-patterns svg{width:100%;height:100%}.trace-patterns strong{display:block;font-size:13px;margin:11px 0 5px}.trace-patterns span{font-size:11px;color:#9a8aa5}@media (min-width:701px) and (max-width:1100px) and (orientation:portrait){.trace-shelf{display:none}.trace-instruction{display:flex}.trace-workspace .painting-space{flex:1}}@media (max-width:700px){.play-modes{gap:8px;min-height:46px;justify-content:center}.mode-tabs{width:100%}.mode-tabs button{flex:1;justify-content:center;padding:0 7px;font-size:12px;gap:5px}.mode-tabs button svg{width:16px}.mode-description,.trace-shelf{display:none}.trace-instruction{display:flex;padding:8px 10px}.trace-instruction p{font-size:10px}.trace-demo{padding:0 9px;font-size:11px}.trace-dock{padding:7px 10px;flex-direction:column;gap:2px}.trace-feedback{font-size:11px;min-height:33px}.trace-inks{justify-content:center}.trace-patterns{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}}.workout-workspace{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;flex:1;min-height:0;color:#454149}.workout-toolbar{background:#eeedf0;border:1px solid #e2dfe5;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:7px 5px;overflow:auto;min-height:0}.workout-toolbar>button{width:46px;min-height:44px;display:grid;place-items:center;border-radius:10px;color:#74707e;flex-shrink:0}.workout-toolbar>button.active{background:#3f3748;color:#fff;box-shadow:0 2px 3px #36284020}.workout-toolbar .workout-menu{font-size:25px;color:#3d3645;background:#e5e2e9;line-height:1}.workout-toolbar>button:disabled{opacity:.3}.workout-tool-space{flex:1;min-height:10px}.workout-ink{width:39px;height:39px;border-radius:50%;position:relative;flex-shrink:0;cursor:pointer;border:3px solid #fff8;box-shadow:0 0 0 1px #41354415}.workout-ink input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.workout-width{display:flex;align-items:center;flex-direction:column;gap:6px;font-size:9px;color:#827a8b;flex-shrink:0}.workout-width input{writing-mode:vertical-lr;direction:rtl;width:30px;height:112px;accent-color:#a199ac;cursor:pointer}.workout-width output{font-variant-numeric:tabular-nums}.workout-main{display:flex;flex-direction:column;min-width:0;min-height:0;gap:0}.workout-heading{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.workout-heading>div:first-child>span{font-size:10px;letter-spacing:1px;color:#a09586}.workout-heading h1{font-size:19px;font-weight:650;color:#484046;margin-top:2px;letter-spacing:1px}.workout-heading-actions{display:flex;align-items:center;gap:6px}.workout-heading-actions>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid #e5ddd3;padding:4px 12px;border-radius:10px;background:#fffcf8;font-size:11px;color:#766879;white-space:nowrap}.workout-heading-actions>button.selected,.workout-heading-actions>button[aria-pressed=true]{background:#eee6f5;border-color:#d2bbdf;color:#81539b}.workout-heading-actions img{height:32px;width:35px;object-fit:contain;border-radius:4px}.workout-progress{height:4px;background:#eae4dd;overflow:hidden;border-radius:9px 9px 0 0;margin:0 3px}.workout-progress i{display:block;height:100%;background:#b69ac7;transition:width .2s ease}.workout-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;background:#faf6ec;border:1px solid #eee7dc;border-top:0;border-radius:0 0 12px 12px;overflow:hidden;container-type:size}.workout-paper{aspect-ratio:1200/850;width:100%;max-height:100%;flex-shrink:0}@supports (width:1cqh){.workout-paper{width:min(100cqw,calc(100cqh * 1200 / 850))}}.workout-paper canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.workout-reference{position:absolute;right:14px;top:14px;width:190px;border:1px solid #e0d4c6;border-radius:12px;padding:7px;background:#fffdf6;box-shadow:0 5px 23px #58433616}.workout-reference>div{display:flex;align-items:center;justify-content:space-between;padding-left:5px;color:#806d58;font-size:11px}.workout-reference button{width:44px;height:44px;border-radius:8px;font-size:23px}.workout-reference img{display:block;width:100%;border-radius:6px}.workout-reference>span{display:block;font-size:9px;color:#a18c72;text-align:center;margin:7px 0 2px}.workout-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#faf6ec;color:#968573;font-size:13px;gap:16px}.workout-loading button{background:#eee4d5;border-radius:10px;padding:12px 20px;min-height:44px}.workout-complete{position:absolute;bottom:15px;display:flex;align-items:center;gap:9px;padding:11px 18px;border-radius:30px;background:#eff2e6e8;color:#62774f;font-size:12px;pointer-events:none}.workout-footer{display:flex;align-items:center;gap:20px;padding:13px 3px 8px;min-height:79px;flex-shrink:0}.workout-step{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.workout-step small{font-size:10px;letter-spacing:.5px;color:#a29686}.workout-step strong{font-size:14px;font-weight:600;color:#65526d}.workout-step p{font-size:11px;color:#9b8c7b;line-height:1.6}.workout-scores{display:flex;gap:14px;white-space:nowrap}.workout-scores>span{display:flex;flex-direction:column;gap:6px;color:#a29487;font-size:10px}.workout-scores b{font-size:17px;color:#8e6a9f;font-weight:550;font-variant-numeric:tabular-nums}.workout-step-actions{display:flex;align-items:center;gap:6px}.workout-step-actions button{min-height:44px;min-width:44px;border-radius:11px;background:#ece5ef;color:#92769d;font-size:14px}.workout-step-actions .workout-next{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 16px;background:#9575a9;color:#fff;font-size:12px}.workout-step-actions button:disabled{opacity:.4;cursor:default}.workout-tip{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#9c8d7d;min-height:30px;line-height:1.6}.workout-tip>div{display:flex;gap:8px}.workout-tip button{width:22px;height:22px;min-width:22px;border:3px solid #fff8;border-radius:50%;box-shadow:0 0 0 1px #a3938c30}.workout-tip button[aria-pressed=true]{outline:1px solid #9b81a7;outline-offset:2px}.workout-picker{width:820px;text-align:left}.workout-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.workout-lessons>button{padding:10px 10px 16px;background:#fffdf8;border:1px solid #e6ddd0;border-radius:16px;text-align:left;overflow:hidden}.workout-lessons>button.selected{border-color:#a383b8;box-shadow:0 0 0 2px #a383b820}.workout-lessons img{display:block;width:100%;height:175px;object-fit:contain;border-radius:8px;background:#fff}.workout-lessons strong{display:block;font-size:14px;margin:12px 5px 7px;color:#65526d}.workout-lessons span{font-size:11px;color:#aa9680;margin-left:5px}.workout-lessons small{display:block;font-size:10px;color:#a1968b;margin:7px 5px 0;line-height:1.6}.workout-basic{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;gap:6px}.workout-return{min-height:36px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;align-self:flex-start;background:#ede6f2;border-radius:9px;padding:0 12px;color:#866897}.workout-basic>.play-workspace{flex:1}@media (max-width:700px){.workout-workspace{grid-template-columns:46px minmax(0,1fr);gap:6px;min-height:570px}.workout-toolbar{padding:5px 0;border-radius:10px;gap:4px}.workout-toolbar>button{width:42px}.workout-ink{width:32px;height:32px}.workout-width input{height:95px}.workout-heading{align-items:center;min-height:58px;gap:6px}.workout-heading h1{font-size:16px}.workout-heading>div:first-child>span{font-size:8px;letter-spacing:0}.workout-heading-actions{gap:3px}.workout-heading-actions>button{padding:3px 7px}.workout-heading-actions>button>span{display:none}.workout-heading-actions img{width:28px;height:28px}.workout-stage{min-height:270px;container-type:normal}.workout-paper{width:100%;height:auto;max-height:none}.workout-reference{width:120px;right:6px;top:6px;padding:5px}.workout-reference>span{display:none}.workout-reference>div{font-size:9px}.workout-footer{flex-wrap:wrap;gap:10px;padding-top:11px}.workout-step{flex-basis:100%}.workout-step p{font-size:10px}.workout-step-actions{margin-left:auto}.workout-scores{gap:16px}.workout-scores b{font-size:15px}.workout-tip{align-items:flex-start;gap:8px;margin-top:7px;flex-wrap:wrap}.workout-tip>div{margin-top:3px}.workout-complete{font-size:10px;bottom:8px;margin:0 8px;padding:8px;border-radius:10px}.workout-lessons{gap:9px}.workout-lessons img{height:135px}.workout-lessons>button{padding:6px 6px 12px}.workout-lessons span,.workout-lessons small{font-size:9px}}.music-player{position:relative;flex-shrink:0;margin-left:auto;z-index:25}.music-trigger{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid #e8e2ed;border-radius:13px;background:#fffc;color:#8d79a8}.music-trigger.music-on{background:#eee7f8;border-color:#d7c7e9;color:#785b9b}.music-dot{position:absolute;width:7px;height:7px;right:7px;top:7px;border:1.5px solid #fff;border-radius:50%;background:#83b399}.music-panel{position:absolute;top:calc(100% + 10px);right:0;width:310px;max-width:calc(100vw - 40px);padding:17px;border:1px solid #e6ddec;border-radius:20px;background:#fffcfa;box-shadow:0 14px 45px #49335824;color:#695478}.music-heading{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:13px}.music-heading h2{font-size:16px;line-height:1.5}.music-heading p{font-size:10px;color:#a191ac;margin-top:3px}.music-heading>button{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#f3edf7;font-size:24px;color:#95809f}.music-tracks{display:flex;flex-direction:column;gap:6px}.music-tracks>button{display:flex;align-items:center;gap:9px;width:100%;min-height:61px;text-align:left;padding:8px;border:1px solid #efe8f2;border-radius:12px;background:#fff}.music-tracks>button.selected{border-color:#cebbe2;background:#f8f3fc}.music-art{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:11px}.music-track-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.music-track-text strong{font-size:12px;font-weight:650}.music-track-text small{font-size:9px;color:#9e8ba8;white-space:nowrap}.music-track-state{font-size:9px;color:#9473b3;flex-shrink:0;min-width:18px;text-align:center}.music-track-state>span{color:#c5b7ce}.music-controls{display:flex;align-items:center;justify-content:space-between;margin-top:13px;gap:12px}.music-play{display:flex;align-items:center;justify-content:center;gap:7px;background:#9176b6;color:#fff;border-radius:11px;min-height:44px;padding:0 16px;font-size:12px;min-width:119px}.music-volume-value{font-size:11px;color:#9a85a7;font-variant-numeric:tabular-nums}.music-volume{display:flex;align-items:center;gap:10px;margin-top:7px;color:#9a85a7}.music-volume input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;width:100%;min-width:0;height:44px;margin:0;accent-color:#9e83bf;cursor:pointer;touch-action:pan-y}.music-volume input::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:#e8dfef}.music-volume input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border:3px solid white;border-radius:50%;background:#9e83bf;box-shadow:0 1px 5px #5d417835}.music-volume input::-moz-range-track{height:6px;border-radius:6px;background:#e8dfef}.music-volume input::-moz-range-thumb{width:12px;height:12px;border:3px solid white;border-radius:50%;background:#9e83bf;box-shadow:0 1px 5px #5d417835}.music-error{font-size:11px;color:#a45846;line-height:1.7;padding-top:7px}@media (max-width:700px){.music-player{margin-left:0}.music-panel{width:302px;padding:15px}.play-modes .mode-tabs{min-width:0}.play-modes .mode-tabs button{padding:0 5px}}.studio-audio{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.studio-audio .music-player{margin-left:0}.sound-controls{position:relative;z-index:26;flex-shrink:0}.sound-trigger{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid #e8e2ed;border-radius:13px;background:#fffc;color:#928599;font-size:12px;font-weight:650}.sound-trigger.sound-on{color:#785b9b;background:#eee7f8;border-color:#d7c7e9}.sound-panel{position:absolute;top:calc(100% + 10px);right:0;width:310px;max-width:calc(100vw - 32px);padding:17px;border:1px solid #e6ddec;border-radius:20px;background:#fffcfa;box-shadow:0 14px 45px #49335824;color:#695478}.sound-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}.sound-heading h2{font-size:16px;line-height:1.5}.sound-heading p{font-size:11px;color:#9b87a8;margin-top:4px}.sound-heading>button{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#f3edf7;font-size:24px;color:#95809f}.sound-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f6f1fa;padding:12px;border-radius:13px;text-align:left}.sound-toggle strong{display:block;font-size:13px}.sound-toggle small{display:block;font-size:10px;color:#9985a5;margin-top:5px}.sound-switch{position:relative;width:38px;height:23px;flex-shrink:0;border-radius:20px;background:#cfc6d7;transition:background .2s}.sound-switch i{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .2s}.sound-switch.on{background:#9b85b9}.sound-switch.on i{transform:translate(15px)}.sound-volume{display:block;margin-top:17px;font-size:12px}.sound-volume>span{display:flex;justify-content:space-between}.sound-volume b{font-weight:500;color:#9985a5;font-variant-numeric:tabular-nums}.sound-volume input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;background:transparent;accent-color:#9b85b9;cursor:pointer;touch-action:pan-y}.sound-volume input:disabled{opacity:.4;cursor:default}.sound-volume input::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:#e8dfef}.sound-volume input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border:3px solid white;border-radius:50%;background:#9b85b9;box-shadow:0 1px 5px #5d417835}.sound-volume input::-moz-range-track{height:6px;border-radius:6px;background:#e8dfef}.sound-volume input::-moz-range-thumb{width:12px;height:12px;border:3px solid white;border-radius:50%;background:#9b85b9;box-shadow:0 1px 5px #5d417835}.sound-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sound-previews button{min-width:0;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #e8deef;background:#fff;border-radius:12px;color:#8c70aa;font-size:10px}.sound-note{font-size:11px;line-height:1.7;color:#9b87a8;margin-top:12px}@media (max-width:700px){.studio-audio{gap:5px;margin-left:0}.sound-trigger{width:44px;padding:0;justify-content:center}.sound-trigger>span{display:none}.sound-panel{right:0;width:302px;padding:15px}.play-modes{gap:5px}.play-modes .mode-tabs button{font-size:11px;gap:3px;padding:0 4px}}@media (prefers-reduced-motion:reduce){.sound-switch,.sound-switch i{transition:none}}:root{font-family:ui-rounded,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#403b4b;background:#f6f5f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#403b4b;--muted:#817b89;--purple:#765cad;--line:#e8e5ec}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{border:0;background:none;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background .18s,box-shadow .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:default;opacity:.38}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8066ba;outline-offset:3px}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{vertical-align:middle}.play-app{height:100dvh;min-height:580px;width:100%;margin:0 auto;padding:8px 12px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.park-topbar{display:flex;flex-direction:column;gap:6px;flex-shrink:0;min-width:0}.play-app.puzzle-app{height:auto;min-height:100dvh;overflow:visible;background:radial-gradient(ellipse at 15% 0,#f3f7e9 0,transparent 50%),#f8f8f1}.park-header-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#8b9d80}.park-header-note>span{color:#d7b257;font-size:20px}.park-loading{min-height:350px;display:grid;place-items:center;color:#8d9d82;font-size:14px}.play-header{height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:1px;white-space:nowrap}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:1.8px;color:#827b8c;margin-top:3px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:#91ab79;color:#fff;border-radius:16px 16px 16px 7px;box-shadow:0 3px #d9e5ca;transform:rotate(-6deg)}.header-actions{display:flex;align-items:center;gap:10px}.save-status{display:flex;align-items:center;gap:7px;font-size:11px;color:#746f7b;margin-right:12px;white-space:nowrap}.status-dot{height:6px;width:6px;background:#8da795;border-radius:50%;flex-shrink:0}.save-status.save-error{color:#9c432f}.save-error .status-dot{background:#c36746}.gallery-button,.done-button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;font-size:13px;font-weight:650;padding:0 17px;white-space:nowrap}.gallery-button{background:#fff;border:1px solid var(--line);box-shadow:0 2px 3px #47385504}.gallery-button svg{color:#8871b5}.gallery-button b{font-size:11px;line-height:20px;min-width:20px;background:#f0eaf8;color:#73599b;border-radius:6px}.done-button{background:#f2cb6e;color:#5e4724;box-shadow:0 3px #e4b858;min-width:114px}.done-button:disabled{opacity:1;background:#eee9dd;color:#a29883;box-shadow:none}.play-workspace{flex:1;min-height:0;display:grid;grid-template-columns:128px minmax(0,1fr);gap:10px}.brush-shelf{align-self:center;background:#fffc;border:1px solid #e8e3eb;box-shadow:0 5px 20px #51445a04;border-radius:22px;padding:14px 8px 9px;min-width:0}.shelf-heading{font-size:11px;font-weight:650;letter-spacing:2px;color:#847a90;margin:0 0 9px 12px}.tools-list{display:flex;flex-direction:column;gap:4px}.tool-card{position:relative;display:flex;align-items:center;gap:7px;min-height:48px;padding:2px 9px;border:1px solid transparent;border-radius:12px;text-align:left;font-size:12px;font-weight:550;color:#6e647b;white-space:nowrap}.tool-card .brush-toy{width:31px;height:38px;flex-shrink:0;filter:drop-shadow(0 2px 1px #4e3b6b0c)}.tool-card:hover:not(.selected){background:#f7f3fa}.tool-card.selected{background:#f0e9fa;border-color:#cdbce7;color:#654790;box-shadow:0 2px 3px #7b56aa08}.tool-check{position:absolute;right:3px;bottom:3px;border-radius:50%;width:13px;height:13px;display:grid;place-items:center;background:#947bbd;color:#fff}.tool-settings{margin-top:12px;padding-top:11px;border-top:1px solid #eee9f0}.setting-label{display:block;font-size:10px;color:#81778c;margin:0 0 5px 9px}.sizes{display:flex;align-items:center;justify-content:center;gap:1px}.sizes button{flex:1;min-width:0;height:44px;display:grid;place-items:center;border-radius:10px}.sizes button span{display:block;background:#94889f;border-radius:50%}.sizes button.selected{background:#f0eafa;box-shadow:inset 0 0 0 1px #e0d4ee}.sizes button.selected span{background:#765aa6}.boundary-switch{min-height:44px;width:100%;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e5e8e2;border-radius:11px;font-size:11px;color:#75717b;background:#f9f9f5}.boundary-switch.on{color:#58725a;background:#eef4e9;border-color:#dce6d7}.switch-track{width:27px;height:16px;padding:3px;border-radius:12px;background:#cac6ce;flex-shrink:0}.switch-track i{display:block;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0001;transition:transform .18s}.on .switch-track{background:#88a67d}.on .switch-track i{transform:translate(11px)}.boundary-switch.surface-guard:disabled{opacity:1}.ceramic-choices{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #e6ded3;background:#f2ebe1;border-radius:12px}.ceramic-choices button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 12px;border-radius:9px;font-size:12px;color:#998575}.ceramic-choices button.selected{background:#fffdf8;color:#83624c;box-shadow:0 1px 5px #876d4e12}.ceramic-workspace .board{background-color:#eee7db;border-color:#e4dbcc;background-image:radial-gradient(#c8b8a040 .65px,transparent .65px)}.ceramic-workspace .paper{background:#faf6ef}.painting-space{min-width:0;min-height:0;display:flex;flex-direction:column;gap:6px}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;flex-shrink:0}.picture-heading{display:flex;align-items:center;gap:10px;min-width:0}.picture-heading h1{font-size:19px;letter-spacing:.4px;line-height:1.5;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picture-tag{font-size:10px;color:#738270;background:#eaf0e4;border:1px solid #e1e8da;border-radius:6px;padding:4px 6px;white-space:nowrap}.board-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.change-picture{min-height:44px;padding:0 12px;border-radius:11px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;gap:7px;font-size:12px;color:#6c587f}.reference-toggle{display:flex;align-items:center;gap:7px;min-height:44px;padding:4px 9px 4px 4px;border:1px solid #e7d9c5;border-radius:11px;background:#fffaf2;color:#7b6042;font-size:12px;white-space:nowrap}.reference-toggle.selected{background:#f7ead5;border-color:#d1b48d}.reference-toggle>img{width:34px;height:34px;border-radius:7px;object-fit:cover}.reference-preview{position:absolute;z-index:5;right:12px;top:12px;width:clamp(140px,20vw,210px);padding:8px;background:#fffcf7;border:1px solid #e7d9c5;border-radius:13px;box-shadow:0 6px 24px #594c3d24}.reference-preview>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-left:4px;color:#7b6042;font-size:12px}.reference-preview button{display:grid;place-items:center;width:44px;height:44px;border-radius:9px;font-size:23px;color:#7b6042}.reference-preview button:hover{background:#f7ead5}.reference-preview>img{display:block;width:100%;border-radius:8px}.reference-preview p{font-size:10px;line-height:1.6;color:#97836d;margin:8px 2px 2px;text-align:center}.history{display:flex;align-items:center;gap:3px;padding-left:12px;border-left:1px solid #e5dfe9}.history button{width:44px;height:44px;display:grid;place-items:center;color:#7d708d;border-radius:10px}.history button:hover:not(:disabled){background:#eee8f5}.board{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:4px;border:1px solid #e5e6df;border-radius:18px;background:#fdfcf8;container-type:size;overflow:hidden;isolation:isolate}.paper{position:relative;height:100%;width:auto;aspect-ratio:1;max-width:100%;max-height:100%;background:#fffefd;border-radius:14px;box-shadow:0 8px 30px #4d5a4210,0 1px 3px #33432809;overflow:hidden;flex-shrink:0}@supports (width:1cqh){.paper{width:min(100cqw,100cqh);height:auto;max-width:none;max-height:none}}.paper canvas{width:100%;height:100%;display:block;touch-action:none;cursor:none;position:relative;z-index:1}.brush-cursor{position:absolute;pointer-events:none;z-index:3;transform:translate(-50%,-50%);border:1.5px solid var(--paint-color);border-radius:50%;background:color-mix(in srgb,var(--paint-color) 10%,transparent);box-shadow:0 0 0 1px #fff9;opacity:0}.glitter-cursor:after{content:"✦";position:absolute;right:-7px;top:-7px;color:#b6882c;font-size:14px}.canvas-message{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#fffdf9;color:#756682;font-size:13px}.canvas-message button{min-height:44px;padding:10px 20px;background:#eee6f6;border-radius:12px}.loading-star{font-size:36px;color:#cdb060;animation:twirl 3s linear infinite}.free-hint{pointer-events:none;position:absolute;top:40%;left:0;right:0;text-align:center;color:#c6bace}.free-hint p{font-size:18px;margin:12px 0 8px;color:#a597b2}.free-hint span{font-size:12px;color:#9e91aa}.paint-dock{display:flex;align-items:center;justify-content:center;gap:18px;min-height:64px;align-self:center;flex-shrink:0;padding:7px 14px 7px 20px;max-width:100%;border:1px solid #e8e2eb;background:#fff;border-radius:19px;box-shadow:0 3px #eeeaed}.color-context{min-width:76px;padding-right:16px;border-right:1px solid #ece6ef;display:flex;flex-direction:column;gap:4px}.color-context strong{font-size:12px;font-weight:650}.color-context span{font-size:10px;color:#7d7289;white-space:nowrap}.palette{display:flex;align-items:center;gap:3px}.color-drop{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;padding:0;flex-shrink:0}.swatch-fill{display:grid;place-items:center;background:var(--color);color:#fff;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 -2px #0000000b;transition:transform .18s}.color-drop.selected{box-shadow:inset 0 0 0 2px var(--color)}.color-drop.selected .swatch-fill{transform:scale(1.03)}.color-drop:hover:not(:disabled) .swatch-fill{transform:scale(1.12)}.color-drop:disabled{opacity:.4}.custom-color{position:relative;width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;color:#756186;cursor:pointer}.custom-color:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:2px solid transparent;border-radius:50%;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(#ed8fbc,#a19adf,#7bd3c4,#f3d172,#ed8fbc) border-box}.custom-color svg{position:relative;pointer-events:none}.custom-color input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.custom-color:focus-within{outline:3px solid #8066ba;outline-offset:2px}.custom-color.inactive{opacity:.4;cursor:default}.custom-color.inactive input{cursor:default}.play-toast{position:fixed;bottom:95px;left:50%;transform:translate(-50%);max-width:90%;width:max-content;padding:12px 22px;border-radius:16px;background:#52435ded;color:#fff;font-size:13px;z-index:20;box-shadow:0 5px 22px #392e4922;pointer-events:none}.modal{position:fixed;border:1px solid #e9e3ed;border-radius:26px;background:#fffcf9;color:var(--ink);padding:32px;width:500px;max-width:calc(100vw - 40px);max-height:88dvh;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 100px #32243d30;text-align:center}.modal::backdrop{background:#30293755;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal h2{font-size:26px;line-height:1.5;margin:5px 0 7px;font-weight:700}.modal p{font-size:13px;line-height:1.8;color:#82748d}.tiny-label{font-size:11px;letter-spacing:1px;color:#8c7b96}.close-modal{position:absolute;right:12px;top:12px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#f3eef5;color:#867393;font-size:26px;line-height:1}.modal-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.soft-button,.purple-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;padding:12px 19px;font-size:13px}.soft-button{background:#eee7f4;color:#74558f}.purple-button{background:#886cb4;color:#fff;box-shadow:0 2px #76559f}.star-friend{width:90px;height:90px}.reward-stars{font-size:35px;letter-spacing:8px;color:#dab251}.finished-picture{width:250px;max-width:80%;border:7px solid white;border-radius:14px;box-shadow:0 5px 25px #80708d12;margin-top:20px;transform:rotate(-3deg)}.picture-library,.gallery-modal{width:880px;text-align:left}.picture-library h2>span,.gallery-modal h2>span{font-size:12px;color:#948699;font-weight:500;margin-left:8px;white-space:nowrap}.library-controls{display:flex;gap:12px;margin:24px 0 16px}.picture-search{display:flex;align-items:center;flex:1;gap:12px;min-width:0;border:1px solid #e4dce9;background:#fff;border-radius:12px;padding:0 14px}.picture-search>span{font-size:12px;color:#786b82;white-space:nowrap}.picture-search input{width:100%;min-width:0;min-height:46px;border:0;background:none;color:#50435d;font-size:13px;outline-offset:-2px}.picture-search input::placeholder{color:#a397ae}.free-card{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 15px;border:1px dashed #cfc0dd;border-radius:12px;color:#79628f;font-size:12px;background:#f9f4fc;white-space:nowrap}.picture-categories{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 13px}.picture-categories button{min-height:44px;border-radius:10px;background:#f1ecf4;color:#7e6b8c;padding:8px 12px;font-size:12px}.picture-categories button.selected{color:#fff;background:#9175b5}.category-count{font-size:10px;opacity:.8;margin-left:6px}.category-description{margin-bottom:18px}.library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.library-grid.detailed-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.library-grid>button{position:relative;min-width:0;padding:6px 6px 12px;border:2px solid #ece5f0;background:#fff;border-radius:15px;font-size:12px;text-align:center}.library-grid>button:hover{border-color:#d6c5e4}.library-grid>button.selected{border-color:#a186c2;background:#fcf9ff}.library-grid>button>div{position:relative;aspect-ratio:1;border-radius:9px;padding:7px}.library-reference{position:absolute;bottom:5px;right:5px;width:39px;border:2px solid white;border-radius:8px;background:#fff;box-shadow:0 2px 8px #594c3d26;overflow:hidden}.library-reference>img{display:block;width:35px;height:33px;object-fit:cover;mix-blend-mode:normal}.library-reference>span{display:block;font-size:9px;line-height:15px;color:#7b6042;background:#fff7e9}.library-grid img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.library-grid>button>span{display:block;margin-top:10px;color:#65566f}.library-grid>button>svg{position:absolute;right:3px;top:3px;width:23px;height:23px;padding:4px;border-radius:50%;background:#9473b8;color:#fff}.search-empty{text-align:center;padding:40px 12px;color:#a28db0}.search-empty h3{font-size:17px;color:#6f5c7b;margin:12px 0 7px}.search-empty button{margin-top:18px}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:25px}.works-grid article{padding:10px;background:#fff;border:1px solid #eee6f1;border-radius:15px;min-width:0}.works-grid img{width:100%;aspect-ratio:1;object-fit:contain;background:#fdfbf8;border-radius:10px}.works-grid strong{font-size:12px;display:block;line-height:1.6;margin:8px 0}.works-grid article>div{display:flex;align-items:center;justify-content:space-between;color:#92839e;font-size:10px}.works-grid button{width:44px;height:44px;display:grid;place-items:center;background:#f3edf8;color:#8c73a8;border-radius:12px}.gallery-empty{text-align:center;padding:30px 0 10px}.gallery-empty h3{font-size:19px;margin:18px 0 10px}.gallery-empty p{margin-bottom:22px}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.confetti i{position:absolute;left:var(--x);top:-20px;width:9px;height:15px;border-radius:3px;background:var(--confetti-color);animation:confetti-fall 1.4s var(--delay) ease-in forwards}@keyframes twirl{to{transform:rotate(360deg)}}@keyframes confetti-fall{to{top:105%;transform:rotate(var(--turn)) translate(60px);opacity:.1}}@media (max-width:1150px){.play-app{padding:8px 10px;gap:8px}.play-workspace{grid-template-columns:128px minmax(0,1fr);gap:8px}.brush-shelf{padding:12px 6px 7px}.tool-card{padding-left:6px;gap:5px}.save-status{font-size:10px;margin-right:5px}.board-actions{gap:8px}.history{padding-left:8px}.picture-heading{gap:7px}.picture-heading h1{font-size:18px}.paint-dock{gap:12px;padding:7px 10px 7px 15px}.color-context{padding-right:12px;min-width:68px}.palette{gap:1px}}@media (min-width:701px) and (max-width:1100px) and (orientation:portrait){.play-workspace{display:flex;flex-direction:column;gap:10px}.painting-space{order:0;flex:1}.brush-shelf{order:1;align-self:stretch;padding:6px 10px;display:flex;align-items:center;gap:14px;border-radius:18px;flex-shrink:0}.shelf-heading,.setting-label{display:none}.tools-list{flex:1;flex-direction:row;min-width:0;gap:2px}.tool-card{flex:1;flex-direction:column;padding:2px;gap:1px;min-height:62px;font-size:10px;justify-content:center}.tool-card .brush-toy{width:29px;height:33px}.tool-check{right:1px;bottom:1px;width:11px;height:11px}.tool-settings{width:132px;flex-shrink:0;border-top:0;border-left:1px solid #eee9f0;margin:0;padding:0 0 0 10px}.sizes button{height:44px}.boundary-switch{min-height:44px;margin-top:4px}.paint-dock{min-height:60px}}@media (max-height:700px) and (min-width:701px) and (orientation:landscape){.play-app{min-height:540px;padding-top:8px;padding-bottom:8px;gap:8px}.brush-shelf{padding-top:8px}.shelf-heading{margin-bottom:4px}.tool-card{min-height:44px}.tool-card .brush-toy{height:32px}.tool-settings{padding-top:7px;margin-top:7px}.setting-label{display:none}.boundary-switch{margin-top:4px}.painting-space{gap:7px}.paint-dock{min-height:58px;padding-top:5px;padding-bottom:5px}}@media (max-width:900px){.save-status{display:none}.save-status.save-error{display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:15;margin:0;padding:11px 16px;border:1px solid #e3b7a6;border-radius:12px;background:#fff5ed;box-shadow:0 3px 18px #60362218;max-width:calc(100vw - 28px);width:max-content;white-space:normal;font-size:12px}.picture-tag{display:none}}@media (max-width:700px){.play-app{height:auto;min-height:100dvh;padding:8px 6px;gap:6px;overflow:visible}.play-header{height:44px;gap:8px}.brand{font-size:20px;gap:8px}.brand-mark{width:36px;height:36px;border-radius:13px 13px 13px 6px}.brand-mark svg{width:25px;height:25px}.brand small{display:none}.header-actions{gap:6px}.gallery-button,.done-button{padding:0 10px;font-size:12px;min-width:0;gap:5px;border-radius:11px}.gallery-button b{display:none}.gallery-button svg,.done-button svg{width:18px}.play-workspace{display:flex;flex-direction:column;gap:12px}.painting-space{order:0;gap:8px}.board-heading{gap:5px;flex-wrap:wrap}.picture-heading{flex:1}.picture-heading h1{font-size:17px}.board-actions{gap:4px}.change-picture{padding:0 8px;font-size:11px;gap:4px}.ceramic-workspace .board-heading{align-items:center}.ceramic-workspace .picture-heading{flex:1 1 100%}.ceramic-workspace .board-actions{width:100%;justify-content:space-between}.ceramic-choices{flex:1;max-width:220px}.ceramic-choices button{flex:1;padding:0 10px}.change-picture svg{width:16px}.history{gap:0;padding-left:0;border:0}.history button{width:36px;height:44px}.history svg{width:19px}.board{flex:none;container-type:normal;padding:3px;border-radius:14px;aspect-ratio:1}.paper{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:11px}.paint-dock{padding:6px 7px;gap:6px;align-self:stretch;min-height:58px;border-radius:16px;justify-content:center;flex-direction:column}.color-context{flex-direction:row;align-items:center;gap:8px;justify-content:center;border:0;padding:0;min-width:0;line-height:20px}.color-context strong{font-size:11px}.color-context span{font-size:10px}.palette{gap:0;width:100%;justify-content:space-between}.color-drop,.custom-color{width:38px;height:44px;flex:0 1 38px;min-width:0}.swatch-fill{width:27px;height:27px}.color-drop.selected{box-shadow:none;background:#f1ebf5}.custom-color:before{top:9px;right:5px;bottom:9px;left:5px}.custom-color svg{width:17px}.brush-shelf{order:1;align-self:stretch;padding:7px;border-radius:17px}.shelf-heading{display:none}.tools-list{flex-direction:row;gap:3px;overflow-x:auto;padding:2px 0 5px;scrollbar-width:thin}.tool-card{flex:0 0 53px;flex-direction:column;gap:0;min-height:64px;justify-content:center;padding:2px 0;font-size:9px}.tool-card .brush-toy{width:30px;height:37px}.tool-check{right:1px;bottom:1px;width:11px;height:11px}.tool-settings{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:5px;padding:6px 3px 0}.size-setting{display:flex;align-items:center;gap:8px}.setting-label{margin:0;font-size:10px;white-space:nowrap}.sizes{width:123px}.sizes button{height:44px}.boundary-switch{width:105px;min-height:44px;margin-top:0;flex-shrink:0;font-size:10px;gap:5px}.modal{padding:28px 18px 22px;max-width:calc(100vw - 24px);max-height:90dvh;border-radius:22px}.modal h2{font-size:22px;padding-right:24px}.picture-library h2>span{font-size:10px;display:block;margin:0}.close-modal{top:8px;right:8px}.library-controls{gap:8px;margin-top:17px}.picture-search{padding:0 8px;gap:7px}.picture-search>span{display:none}.picture-search input{font-size:12px}.free-card{padding:0 9px;font-size:11px}.picture-categories{gap:5px}.picture-categories button{padding:7px 10px;font-size:11px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.library-grid.detailed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-grid>button{font-size:10px;padding:4px 4px 9px;border-radius:12px}.library-grid>button>div{padding:3px}.library-grid>button>span{margin-top:7px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.play-toast{bottom:25px;font-size:12px;padding:11px 17px}}@media (max-width:360px){.brand{font-size:18px;gap:6px;letter-spacing:.5px;min-height:44px}.brand-mark{width:32px;height:32px}.brand-mark svg{width:22px;height:22px}.tool-settings .setting-label{display:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.confetti{display:none}}.brush-shelf{max-height:100%;display:flex;flex-direction:column;min-height:0}.tools-list{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d8cce2 transparent}.tool-settings,.tool-card{flex-shrink:0}.library-grid img{mix-blend-mode:multiply}.works-grid img,.finished-picture{background:#fffdf8}@media (min-width:701px) and (max-width:1100px) and (orientation:portrait){.brush-shelf{flex-direction:row}.tools-list{overflow-x:auto;overflow-y:hidden;padding-bottom:3px}.tool-card{flex:0 0 50px}}@media (max-width:700px){.tools-list{overflow-y:hidden}.brush-shelf{max-height:none}}@media (min-width:701px) and (orientation:landscape){.tools-list{gap:1px}.tool-card{min-height:44px;padding-top:1px;padding-bottom:1px}.tool-card .brush-toy{height:33px;width:28px}.tool-settings{margin-top:7px;padding-top:7px}.boundary-switch{margin-top:5px}}.history{gap:7px;padding-left:10px}.history button{width:62px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#ede5f7;color:#684890;border:1px solid #d8c7e9;border-radius:13px;box-shadow:0 2px #d9cbe7}.history button svg{width:25px;height:25px;stroke-width:2.3}.history button span{font-size:11px;font-weight:650;line-height:15px}.history button:nth-child(2):not(.clear-action){background:#e9f1ed;border-color:#cbded5;box-shadow:0 2px #cbded5;color:#527967}.history button.clear-action,.history button[aria-label=重新描画]{background:#faeae3;border-color:#e9c9b9;box-shadow:0 2px #e9c9b9;color:#aa6648}.history button:disabled{opacity:.53;box-shadow:none}.history button:hover:not(:disabled){filter:brightness(.97);background:#e6d9f5}@media (max-width:700px){.board-actions{width:100%;justify-content:space-between}.history{gap:5px;padding-left:0}.history button{width:50px;height:55px}.history button svg{width:25px;height:25px}.change-picture{min-height:48px}.board-heading{row-gap:8px}}@media (min-width:701px) and (orientation:landscape){.tools-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.tool-card{flex-direction:column;justify-content:center;min-height:62px;padding:3px 0;gap:1px;font-size:10px}.tool-card .brush-toy{width:29px;height:34px}.tool-check{width:11px;height:11px;right:2px;bottom:2px}}.play-modes .mode-tabs{flex-shrink:0}.mode-short{display:none}@media (min-width:701px) and (max-width:950px){.puzzle-app .mode-name{display:none}.puzzle-app .mode-short{display:inline}}.play-modes .mode-description{min-width:0;line-height:1.6}.studio-audio{position:relative}.studio-audio .music-player,.studio-audio .sound-controls{position:static}.studio-audio .music-panel,.studio-audio .sound-panel{z-index:30;max-width:calc(100vw - 48px);max-height:calc(100dvh - 170px);overflow:auto;overscroll-behavior:contain}@media (max-width:1100px){.play-modes .mode-description{display:none}.play-modes .studio-audio{margin-left:auto}}@media (max-width:700px){.play-modes .mode-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:1;min-width:0;width:auto;gap:2px}.mode-name{display:none}.mode-short{display:inline}.play-modes .mode-tabs button{min-width:0;min-height:54px;flex-direction:column;gap:4px;padding:4px 2px;font-size:10px}.play-modes .studio-audio{margin-left:0}.park-header-note{font-size:10px;max-width:130px;line-height:1.6}.play-app{padding-bottom:max(12px,env(safe-area-inset-bottom))}}@media (max-width:360px){.brand{font-size:16px;gap:5px}.gallery-button,.done-button{font-size:11px;padding:0 7px;gap:4px}.play-modes .mode-tabs button{font-size:9px}.park-header-note{max-width:115px;font-size:9px}}@media (min-width:1150px){.park-topbar{display:grid;grid-template-columns:185px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:50px}.park-topbar .play-header{display:contents}.park-topbar .brand{grid-column:1;grid-row:1;font-size:20px;gap:8px}.park-topbar .brand small{display:none}.park-topbar .header-actions{grid-column:3;grid-row:1;gap:8px}.park-topbar .play-modes{grid-column:2;grid-row:1;gap:10px;min-width:0}.park-topbar .mode-description{display:none}.park-topbar .studio-audio{margin-left:auto}.park-topbar .mode-tabs button{padding:0 12px;font-size:12px}.park-topbar .save-status:not(.save-error){display:none}.park-topbar .save-status.save-error{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:15;padding:11px 16px;background:#fff5ed;border:1px solid #e3b7a6;border-radius:12px;white-space:normal;max-width:90vw}}@media (min-width:701px){.puzzle-app .park-topbar{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:12px;min-height:46px}.puzzle-app .play-header{display:contents}.puzzle-app .brand{grid-column:1;grid-row:1;font-size:20px;gap:8px}.puzzle-app .brand small,.puzzle-app .header-actions{display:none}.puzzle-app .play-modes{grid-column:2;grid-row:1;min-width:0;gap:8px}.puzzle-app .mode-description{display:none}.puzzle-app .studio-audio{margin-left:auto}.puzzle-app .mode-tabs button{padding:0 10px;font-size:12px}.board-heading{min-height:48px}.history button{width:54px;height:48px;gap:1px}.history button svg{width:22px;height:22px}.paint-dock{min-height:54px;padding-top:4px;padding-bottom:4px}}@media (min-width:701px) and (min-height:620px) and (orientation:landscape){.play-workspace:not(.trace-workspace) .painting-space{display:grid;grid-template-columns:minmax(0,1fr) 72px;grid-template-rows:48px minmax(0,1fr);gap:6px}.play-workspace:not(.trace-workspace) .board-heading{grid-column:1 / -1;grid-row:1}.play-workspace:not(.trace-workspace) .board{grid-column:1;grid-row:2}.paint-dock{grid-column:2;grid-row:2;align-self:center;justify-self:stretch;flex-direction:column;gap:6px;padding:8px 5px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-radius:16px}.paint-dock .palette{flex-direction:column;gap:0}.paint-dock .color-context{min-width:0;width:100%;padding:0 0 6px;border-right:0;border-bottom:1px solid #ece6ef;text-align:center}.paint-dock .color-context span{white-space:normal;font-size:9px;line-height:1.5}}@media (max-width:700px){.play-app{padding-bottom:max(6px,env(safe-area-inset-bottom))}.puzzle-app .park-topbar{position:relative}.puzzle-app .studio-audio{position:absolute;right:0;top:0}.puzzle-app .mode-tabs{width:100%}.puzzle-app .mode-tabs button{min-width:44px}.puzzle-app .park-header-note{display:none}.play-workspace{gap:6px}.board-heading{row-gap:4px}.picture-heading h1{font-size:15px}.history button{height:44px;width:46px;gap:1px}.history button svg{width:20px;height:20px}.history button span{font-size:10px;line-height:12px}.change-picture{min-height:44px}.reference-toggle>span,.reference-toggle>svg{display:none}.reference-toggle{padding:4px}.reference-preview{right:6px;top:6px;width:140px;padding:6px}.reference-preview p{display:none}}.canvas-zoom{position:absolute;z-index:5;left:12px;bottom:12px;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid #e2dce7;border-radius:13px;background:#fffdf9ed;box-shadow:0 3px 12px #42334b18;touch-action:manipulation}.canvas-zoom button{height:40px;min-width:40px;display:grid;place-items:center;border-radius:9px;color:#6e5686;font-size:12px;font-weight:650}.canvas-zoom button:hover:not(:disabled),.canvas-zoom button.selected{background:#eee6f7}.canvas-zoom .zoom-reset{min-width:52px;font-variant-numeric:tabular-nums}@media (max-width:700px){.canvas-zoom{left:6px;bottom:6px;padding:2px}.canvas-zoom button{height:38px;min-width:38px;font-size:11px}.canvas-zoom .zoom-reset{min-width:48px}}.color-board{touch-action:none}:root{--park-bg:#faf7ef;--park-paper:#fffdf8;--park-white:#fff;--park-primary:#245e52;--park-primary-hover:#194b41;--park-mint:#e4eee5;--park-ink:#293e36;--park-muted:#596e60;--park-line:#dce3d7;--park-peach:#f4e1d5;--park-coral:#df9577;--park-honey:#f1ce79;--park-shadow:0 4px 0 #dce3d780,0 12px 28px #293e3606;--ink:var(--park-ink);--muted:var(--park-muted);--purple:var(--park-primary);--line:var(--park-line);color:var(--park-ink);background:var(--park-bg);color-scheme:light}body{background:var(--park-bg)}:root :is(button,a,input):focus-visible{outline:3px solid var(--park-primary);outline-offset:3px}:root .play-app{color:var(--park-ink);background:var(--park-bg);padding:12px 18px;gap:12px}:root .play-app.puzzle-app{background:var(--park-bg)}:root .park-topbar{border-bottom:1px solid var(--park-line);padding-bottom:12px}:root .puzzle-app .park-topbar{width:100%;max-width:1320px;margin:0 auto}:root .brand{color:var(--park-primary);letter-spacing:.5px}:root .brand small{color:var(--park-muted)}:root .brand-mark{background:var(--park-primary);color:#fff5d6;box-shadow:0 3px #c7d7c8;border-radius:16px 16px 16px 5px;transform:rotate(-5deg)}:root .play-app .mode-tabs{background:#eceee5;border:1px solid var(--park-line);border-radius:16px;padding:4px;gap:3px}:root .play-app .mode-tabs button{color:var(--park-muted);min-height:44px;border-radius:12px}:root .play-app .mode-tabs button:hover:not(.selected){background:var(--park-paper)}:root .play-app .mode-tabs button.selected{background:var(--park-primary);color:#fffdf2;box-shadow:0 2px 3px #193e2420}:root .play-app :is(.mode-description,.save-status,.park-header-note,.park-loading){color:var(--park-muted)}:root .play-app :is(.music-trigger,.sound-trigger,.gallery-button,.change-picture){background:var(--park-paper);border-color:var(--park-line);color:var(--park-primary)}:root .play-app :is(.music-trigger.music-on,.sound-trigger.sound-on){background:var(--park-mint);border-color:#bacfc0;color:var(--park-primary)}:root .play-app :is(.done-button){background:var(--park-honey);color:#51401e;box-shadow:0 3px #d8b362}:root .play-app .done-button:disabled{background:#eae7dc;color:#858579;box-shadow:none}:root .play-app :is(.gallery-button svg,.gallery-button b){color:var(--park-primary)}:root .play-app .gallery-button b{background:var(--park-mint)}:root .play-app :is(.brush-shelf,.trace-shelf,.paint-dock,.trace-dock,.trace-instruction){background:var(--park-paper);border-color:var(--park-line);box-shadow:var(--park-shadow)}:root .play-app :is(.shelf-heading,.setting-label,.trace-shelf-title,.trace-side-help p,.color-context span,.trace-feedback,.trace-instruction p){color:var(--park-muted)}:root .play-app .tool-card{color:var(--park-muted)}:root .play-app .tool-card:hover:not(.selected){background:#f0f3e9}:root .play-app :is(.tool-card.selected,.sizes button.selected,.boundary-switch.on,.trace-steps li.current,.trace-mini,.trace-demo,.ceramic-choices button.selected,.object-view-controls button.selected){background:var(--park-mint);border-color:#adc5b3;color:var(--park-primary);box-shadow:none}:root .play-app :is(.tool-check,.sizes button.selected span,.on .switch-track,.trace-steps li.current>span,.object-mode-switch button.selected){background:var(--park-primary);color:var(--park-paper)}:root .play-app .sizes button span{background:#8d9e90}:root .play-app :is(.tool-settings,.trace-side-help,.color-context,.history){border-color:var(--park-line)}:root .play-app .boundary-switch{color:var(--park-muted);background:#f2f2e9;border-color:var(--park-line)}:root .play-app .picture-tag{background:var(--park-mint);border-color:var(--park-line);color:var(--park-primary)}:root .play-app .history button{background:var(--park-paper);border-color:var(--park-line);color:var(--park-primary)}:root .play-app .history button:hover:not(:disabled){background:var(--park-mint)}:root .play-app .board{background-color:#e9eee3;background-image:radial-gradient(#afc4af50 .8px,transparent .8px);background-size:16px 16px;border-color:#d6dfd0;box-shadow:inset 0 0 0 4px #f4f5eb;border-radius:22px}:root .play-app .paper{box-shadow:0 6px 24px #254a3612;background:#fffefd}:root .play-app :is(.ceramic-choices,.object-mode-switch,.object-view-controls){background:var(--park-paper);border-color:var(--park-line);color:var(--park-muted)}:root .play-app :is(.ceramic-choices button,.object-mode-switch button,.object-view-controls button,.object-hint){color:var(--park-muted)}:root .play-app .object-stage{background:radial-gradient(ellipse at 50% 40%,#fffdf8,#f1f0e4 60%,#dfe8d9)}:root .play-app :is(.trace-instruction strong,.trace-feedback svg){color:var(--park-primary)}:root .play-app :is(.trace-steps li,.trace-patterns span){color:var(--park-muted)}:root .play-app .trace-steps li.complete{color:var(--park-primary)}:root .play-app .trace-steps li.complete>span{background:var(--park-mint);color:var(--park-primary)}:root .play-app .custom-color{color:var(--park-primary)}:root .play-app .custom-color:focus-within{outline-color:var(--park-primary)}:root .play-app :is(.modal,.music-panel,.sound-panel){background:var(--park-paper);color:var(--park-ink);border-color:var(--park-line);box-shadow:0 20px 70px #203f3526}:root .play-app .modal::backdrop{background:#253e3555}:root .play-app :is(.modal p,.tiny-label,.picture-library h2>span,.gallery-modal h2>span,.music-heading p,.music-track-text small,.music-volume-value,.sound-heading p,.sound-toggle small,.sound-volume b,.sound-note){color:var(--park-muted)}:root .play-app :is(.close-modal,.soft-button,.music-heading>button,.sound-heading>button,.sound-toggle,.works-grid button,.picture-categories button,.free-card){background:var(--park-mint);color:var(--park-primary);border-color:var(--park-line)}:root .play-app :is(.purple-button,.music-play,.picture-categories button.selected,.sound-switch.on,.library-grid>button>svg){background:var(--park-primary);color:var(--park-paper);box-shadow:none}:root .play-app :is(.library-grid>button,.trace-patterns button,.works-grid article,.music-tracks>button,.sound-previews button,.picture-search){border-color:var(--park-line);background:#fff;color:var(--park-primary)}:root .play-app :is(.library-grid>button.selected,.trace-patterns button.selected,.music-tracks>button.selected){border-color:var(--park-primary);background:#f2f7ef}:root .play-app :is(.library-grid>button>span,.picture-search>span,.music-track-state,.music-volume,.sound-volume){color:var(--park-primary)}:root .play-app :is(.sound-volume input,.music-volume input){accent-color:var(--park-primary)}:root .play-app :is(.sound-volume input,.music-volume input)::-webkit-slider-thumb{background:var(--park-primary)}:root .play-app :is(.sound-volume input,.music-volume input)::-webkit-slider-runnable-track{background:var(--park-mint)}:root .play-app :is(.sound-volume input,.music-volume input)::-moz-range-thumb{background:var(--park-primary)}:root .play-app :is(.sound-volume input,.music-volume input)::-moz-range-track{background:var(--park-mint)}:root .play-app .play-toast{background:#245e52f2;color:#fffdf8}:root .play-app :is(.save-status.save-error,.theatre-save-note.save-error,.music-error,.mini-notice){color:#924b35}:root .play-app .puzzle-studio{color:var(--park-ink)}:root .play-app .puzzle-intro{background:var(--park-mint);border:1px solid #d5e1d1;border-radius:28px;padding:26px 28px;margin-bottom:24px}:root .play-app .puzzle-intro h1{color:var(--park-primary)}:root .play-app :is(.puzzle-intro p,.puzzle-eyebrow,.puzzle-world-copy>p,.puzzle-world-number>span,.puzzle-world-footer,.puzzle-passport small,.puzzle-welcome-note,.puzzle-level-note,.puzzle-level-copy>span:not(.puzzle-stars),.puzzle-game-title p,.puzzle-tray>p,.puzzle-tray-heading h2>span,.puzzle-feedback small,.puzzle-game-footer,.puzzle-tray-note){color:var(--park-muted)}:root .play-app :is(.puzzle-world-card,.puzzle-passport,.puzzle-level-card,.puzzle-board-frame,.puzzle-tray,.puzzle-back,.puzzle-assists button){background:var(--park-paper);border-color:var(--park-line);box-shadow:var(--park-shadow)}:root .play-app .puzzle-world-card{padding:8px;border-radius:24px}:root .play-app .puzzle-world-image{border-radius:17px}:root .play-app .puzzle-world-copy{padding:18px 14px 12px}:root .play-app :is(.puzzle-world-tag,.puzzle-level-number,.puzzle-tray-heading>button,.puzzle-assists button[aria-pressed=true]){background:var(--park-mint);color:var(--park-primary)}:root .play-app .puzzle-world-footer{border-color:var(--park-line)}:root .play-app :is(.puzzle-back,.puzzle-passport strong,.puzzle-feedback){color:var(--park-primary)}:root .play-app .puzzle-piece{background:#edf0e5}:root .play-app .puzzle-win .purple-button{background:var(--park-primary)}:root .play-app .puzzle-section-heading{align-items:flex-start;flex-direction:column;gap:6px}:root .play-app .puzzle-section-heading h2{color:var(--park-ink)}:root .play-app .puzzle-section-heading h2 small{color:var(--park-muted)}:root .play-app .puzzle-collection-card{background:var(--park-paper);border-color:var(--park-line);box-shadow:var(--park-shadow)}:root .play-app .puzzle-collection-card[aria-pressed=true]{border-color:var(--park-primary);box-shadow:0 3px 0 var(--park-primary)}:root .play-app .puzzle-collection-card strong{color:var(--park-primary)}:root .play-app .puzzle-collection-card small{color:var(--park-muted)}@media (min-width:801px){:root .play-app .puzzle-collection-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}}:root .play-app .play-garden{max-width:1320px;padding:12px 0 26px;color:var(--park-ink)}:root .play-app .play-garden.playing-game{max-width:none;padding:3px 0 18px}:root .play-app .garden-heading{margin:3px 0 20px;gap:12px}:root .play-app .garden-heading h1{font-size:25px;letter-spacing:0;margin:5px 0 0}:root .play-app .mini-eyebrow{color:var(--park-muted);font-size:10px;letter-spacing:1.5px;line-height:1.6}:root .play-app :is(.mini-back,.mini-voice,.mini-game-options>button,.mini-levels button,.theatre-history button,.theatre-controls button,.play-feedback>button){background:var(--park-paper);border-color:var(--park-line);color:var(--park-primary);font-size:12px}:root .play-app :is(.mini-voice[aria-pressed=true],.mini-levels button[aria-pressed=true]){background:var(--park-mint);border-color:#b5ccba;color:var(--park-primary)}:root .play-app .mini-primary{background:var(--park-primary)!important;color:var(--park-paper)!important;box-shadow:0 3px #173f36}:root .play-app :is(.mini-game-options>span,.play-feedback>p,.mini-win p,.shadow-shelf>button>span,.shadow-target>span,.paint-target>span,.care-actions p,.theatre-save-note,.theatre-box>p,.mini-empty,.theatre-sticker-grid>button>span){color:var(--park-muted)}:root .play-app .play-feedback{background:var(--park-paper);border:1px solid var(--park-line);border-radius:16px}:root .play-app .feedback-buddy{color:#b58128}:root .play-app .mini-win{background:#fbefcc;border-color:#ebd69c;color:var(--park-ink)}:root .play-app .mini-stage{border-color:var(--park-paper);box-shadow:var(--park-shadow)}:root .play-app .memory-back{background-color:#578b75;background-image:radial-gradient(#d6e6ce80 1.5px,transparent 1.5px);color:#fffdf0}:root .play-app :is(.memory-front,.shadow-shelf>button,.mix-workbench,.color-task,.theatre-box,.stage-export){background:var(--park-paper);border-color:var(--park-line)}:root .play-app .memory-card.matched .memory-front{background:var(--park-mint);border-color:#8cad93}:root .play-app .shadow-stage{background:#edf2e7;border-color:var(--park-line)}:root .play-app .shadow-target{background:#e0eadf;border-color:#a2bba7}:root .play-app .shadow-target.hinted{border-color:var(--park-primary)}:root .play-app .shadow-target.matched{background:var(--park-paper)}:root .play-app .shadow-shelf>button.selected{border-color:var(--park-primary);box-shadow:0 0 0 3px var(--park-mint)}:root .play-app .color-task{background:#f6eadd}:root .play-app .care-steps>span{background:#eceee3;color:var(--park-muted)}:root .play-app .care-steps .current{background:var(--park-honey);color:#574522}:root .play-app .care-steps .complete{background:var(--park-mint);color:var(--park-primary)}:root .play-app .care-room{border-color:var(--park-paper);background:linear-gradient(#e5eee3 70%,#e5dbc2 70%);box-shadow:var(--park-shadow)}:root .play-app .care-actions{background:#fffdf4ed;border-color:var(--park-line)}:root .play-app .theatre-sticker.selected{border-color:var(--park-primary)}:root .play-app .theatre-sticker-grid>button{background:#eef1e7;border-color:var(--park-line)}.garden-welcome{display:grid;grid-template-columns:1.05fr 1fr;min-height:322px;border-radius:30px;background:#e4eee3;border:1px solid #d4e1d0;overflow:hidden;isolation:isolate;position:relative}.welcome-copy{padding:32px 0 30px 38px;position:relative;z-index:2}.welcome-label{font-size:11px;font-weight:650;letter-spacing:1px;color:var(--park-primary);display:flex;align-items:center;gap:7px}.welcome-label i{width:7px;height:7px;border-radius:50%;background:var(--park-primary)}.welcome-copy h2{font-size:clamp(32px,3.2vw,48px);line-height:1.35;letter-spacing:1px;color:var(--park-primary);margin:15px 0 12px;font-weight:800}.welcome-copy h2>span{position:relative;white-space:nowrap}.welcome-copy h2>span:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:7px;border-radius:50%;border-top:3px solid #ca8665;transform:rotate(-2deg)}.welcome-copy p{font-size:13px;line-height:1.95;color:#526d5d}.welcome-actions{display:flex;align-items:center;gap:14px;margin-top:21px}.welcome-start{display:flex;align-items:center;justify-content:space-between;gap:23px;min-height:46px;padding:0 19px;border-radius:14px;background:var(--park-primary);color:#fffdf0;font-size:13px;font-weight:650;box-shadow:0 3px #1b473b}.welcome-start:hover{background:var(--park-primary-hover)}.welcome-start>span{font-size:22px;font-weight:400}.welcome-secondary{min-height:46px;color:var(--park-primary);font-size:12px;border-radius:12px;padding:0 9px}.welcome-secondary:hover{background:#fff8}.welcome-footnote{display:block;font-size:10px;color:#61735b;margin-top:18px;letter-spacing:.4px}.welcome-footnote>span{margin:0 7px}.welcome-world{position:relative;min-height:322px;overflow:hidden}.welcome-arch{position:absolute;top:34px;right:14%;bottom:-40px;left:8%;border-radius:48% 48% 0 0;background:#faf2da;border:9px solid #f6f8e7;transform:rotate(7deg)}.welcome-hill{position:absolute;width:115%;height:47%;border-radius:50% 50% 0 0;bottom:-22%;left:0;background:#9fbc8f;transform:rotate(-9deg)}.welcome-hill.hill-back{bottom:-13%;left:8%;background:#bdd0a4;transform:rotate(8deg)}.welcome-sun{position:absolute;width:105px;height:125px;right:13%;top:4px;transform:rotate(12deg)}.welcome-cloud{position:absolute;width:68px;height:24px;background:#fffdf2;border-radius:30px;top:67px;left:12%;transform:rotate(-7deg)}.welcome-cloud:before{content:"";position:absolute;width:32px;height:32px;border-radius:50%;background:inherit;left:15px;bottom:6px}.welcome-cloud.cloud-two{width:50px;top:153px;left:auto;right:5%;transform:scale(.7)}.welcome-buddy{position:absolute;bottom:22px;filter:drop-shadow(0 7px 0 #6c875617);transform-origin:50% 90%}.welcome-bear{width:46%;height:230px;left:5%;transform:rotate(-8deg)}.welcome-rabbit{width:44%;height:268px;left:43%;bottom:16px;transform:rotate(7deg)}.welcome-flower{position:absolute;left:2%;bottom:-12px;width:65px;height:100px;transform:rotate(-14deg)}.welcome-flower.flower-small{left:auto;right:4%;width:49px;height:82px;bottom:-6px;transform:rotate(16deg)}.welcome-greeting{position:absolute;left:15%;top:104px;padding:12px 17px;border:1px solid #e8ddbe;border-radius:17px 17px 17px 3px;background:#fffdf5;box-shadow:0 3px #e1dbc13d;color:#6a6445;font-size:12px;transform:rotate(-8deg)}.welcome-spark{position:absolute;font-size:22px;color:#ca8c60}.spark-one{left:2%;top:164px}.spark-two{right:5%;top:87px;font-size:31px}.garden-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:29px 2px 17px}.garden-section-heading h2{font-size:22px;margin-top:5px;color:var(--park-ink);letter-spacing:.4px}.garden-section-heading>span{font-size:11px;color:var(--park-muted);padding-bottom:3px}:root .play-app .garden-game-grid{gap:20px}:root .play-app .garden-game-card{border:1px solid var(--park-line);border-radius:23px;padding:7px;background:var(--park-paper);box-shadow:var(--park-shadow)}:root .play-app .garden-game-card:hover{transform:translateY(-4px);box-shadow:0 6px #d6e0cf,0 16px 25px #254a3610;border-color:#aec6b1}:root .play-app .game-card-art{height:168px;border-radius:17px;background:#e5eddf}:root .play-app .garden-card-memory .game-card-art{background:#f4e2d7}:root .play-app .garden-card-mix .game-card-art{background:#f6edce}:root .play-app .garden-card-shadow .game-card-art{background:#e0ebea}:root .play-app .garden-card-care .game-card-art{background:#f1e5da}:root .play-app .garden-card-theatre .game-card-art{background:#e8e9d4}.garden-card-number{position:absolute;top:12px;left:14px;font-size:12px;letter-spacing:1px;color:#526650;font-weight:700;z-index:2}.garden-card-tag{position:absolute;bottom:10px;left:12px;z-index:2;padding:5px 9px;border:1px solid #ffffff80;background:#fffdf0c9;color:#51634e;font-size:10px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:root .play-app .game-card-copy{background:transparent;padding:15px 13px 9px}:root .play-app .game-card-copy h2{color:var(--park-ink);font-size:20px;letter-spacing:.2px;margin:0 0 7px}:root .play-app .game-card-copy p{color:var(--park-muted);font-size:12px;line-height:1.7;min-height:20px}:root .play-app .game-card-copy>div{border-color:var(--park-line);padding-top:11px;margin-top:14px;gap:6px}:root .play-app .game-card-copy small{color:var(--park-muted);font-size:10px;line-height:1.6}:root .play-app .game-card-copy b{color:var(--park-primary);font-size:12px;display:flex;align-items:center;gap:8px;white-space:nowrap}.game-card-copy b>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--park-mint);font-size:18px;font-weight:400}:root .play-app .garden-bottom-note{color:var(--park-muted);font-size:12px;line-height:1.8;margin:28px 0 0}.garden-bottom-note>span{font-size:20px;color:#b17f66;vertical-align:middle;margin-right:5px}.garden-card-illustration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.illustration-orbit{position:absolute;width:140px;height:140px;border:1px dashed #fffdf6;border-radius:50%;left:50%;top:14px;transform:translate(-50%)}.illustration-animal{position:absolute;width:117px;height:151px;left:50%;bottom:0;transform:translate(-50%) rotate(6deg)}.illustration-bush{position:absolute;bottom:-28px;width:115px;height:88px;border-radius:50%;background:#aac296;left:calc(50% - 116px);transform:rotate(15deg)}.illustration-bush.bush-two{left:calc(50% + 22px);background:#7c9e75;transform:rotate(-15deg);bottom:-33px}.illustration-glass{position:absolute;left:calc(50% + 45px);top:53px;width:44px;height:44px;border:6px solid #f9f2d3;border-radius:50%;background:#ffffff50;box-shadow:0 0 0 2px #c29964;transform:rotate(-30deg)}.illustration-glass:after{content:"";position:absolute;width:11px;height:37px;top:34px;left:11px;background:#c29964;border-radius:4px}.illustration-mini-card{position:absolute;width:90px;height:119px;left:calc(50% - 80px);top:19px;background:#fffaf0;border:5px solid #fffdf6;border-radius:14px;box-shadow:0 5px #c99a8040;transform:rotate(-12deg)}.illustration-mini-card.card-right{left:calc(50% - 5px);top:27px;transform:rotate(12deg);background:#f5d9aa}.illustration-star{position:absolute;right:19%;top:17px;font-size:30px;color:#a87f42;transform:rotate(12deg)}.illustration-drop{position:absolute;width:32px;height:43px;border-radius:50% 50% 50% 8%;transform:rotate(-45deg);left:calc(50% - 52px);top:28px;background:#e8987b;border:3px solid #fff6}.illustration-drop.drop-honey{left:calc(50% + 18px);top:15px;background:#ebc155;transform:rotate(-25deg)}.illustration-mix-bowl{position:absolute;left:calc(50% - 66px);bottom:18px;width:132px;height:70px;border-radius:15% 15% 48% 48%;background:#e9a16b;border:5px solid #fff4d7;box-shadow:0 5px #bc906342}.illustration-mix-bowl i{position:absolute;width:12px;height:93px;border-radius:9px;background:#927251;right:17px;bottom:15px;transform:rotate(29deg);z-index:-1}.illustration-mix-bowl b{display:block;text-align:center;color:#fff3cf;font-size:31px;padding-top:6px;font-weight:400}.shadow-friend{left:64%;transform:translate(-50%) rotate(10deg);opacity:.33;bottom:7px}.real-friend{left:43%;transform:translate(-50%) rotate(-6deg);bottom:4px}.illustration-bath{position:absolute;left:calc(50% - 73px);bottom:2px;width:146px;height:50px;border-radius:10px 10px 37px 37px;background:#91b5a8;border-top:8px solid #eaf4eb;box-shadow:0 4px #688d7725}.illustration-bubble{position:absolute;left:calc(50% + 39px);top:39px;width:28px;height:28px;border:3px solid #fffaf0;border-radius:50%;background:#effcf74d}.illustration-bubble.bubble-two{left:calc(50% - 67px);top:79px;width:20px;height:20px}.illustration-heart{position:absolute;left:calc(50% - 79px);top:12px;font-size:38px;color:#b67b61;transform:rotate(-17deg)}.illustration-curtain{position:absolute;left:calc(50% - 93px);top:7px;width:186px;height:145px;border:20px solid #cc9b7d;border-bottom:0;border-top-width:13px;border-radius:55px 55px 0 0;box-shadow:inset 0 0 0 5px #edc1a2}.theatre-friend{width:111px;height:132px;bottom:8px}.illustration-stage{position:absolute;left:calc(50% - 105px);bottom:5px;width:210px;height:10px;border-radius:7px;background:#a47e5c}@media (hover:hover) and (prefers-reduced-motion:no-preference){.garden-game-card:hover .illustration-animal{animation:forest-hello .7s ease-in-out}.welcome-rabbit{animation:forest-breathe 4s ease-in-out infinite}.welcome-cloud{animation:forest-cloud 8s ease-in-out infinite}}@keyframes forest-hello{50%{translate:0 -7px}}@keyframes forest-breathe{50%{translate:0 -5px}}@keyframes forest-cloud{50%{translate:8px 0}}@media (min-width:1150px){:root .play-app .park-topbar{min-height:66px}:root .play-app .park-topbar .mode-tabs button{padding:0 13px}}@media (max-width:950px){.welcome-copy{padding:28px 0 27px 26px}.welcome-copy h2{font-size:36px}.welcome-world{min-height:325px}.welcome-bear{height:198px;left:2%}.welcome-rabbit{height:240px;left:44%}.welcome-greeting{left:4%;top:90px}:root .play-app .garden-game-grid{gap:14px}:root .play-app .game-card-copy h2{font-size:18px}}@media (max-width:800px){:root .play-app .garden-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-welcome{grid-template-columns:1.1fr 1fr;min-height:310px}.welcome-copy{padding:25px 0 26px 22px}.welcome-copy h2{font-size:32px}.welcome-copy p{font-size:12px}.welcome-actions{gap:6px}.welcome-start{padding:0 13px;gap:12px;font-size:12px}.welcome-secondary{padding:0 5px;font-size:11px}.welcome-footnote{font-size:9px}.welcome-footnote>span{margin:0 3px}.welcome-bear{height:190px;bottom:27px}.welcome-rabbit{height:225px;bottom:22px}.welcome-world{min-height:310px}.welcome-sun{width:85px;right:9%}.welcome-greeting{font-size:11px;padding:9px 11px;top:100px}:root .play-app .puzzle-intro{padding:20px;border-radius:23px}}@media (max-width:700px){:root .play-app{padding:8px 10px max(10px,env(safe-area-inset-bottom));gap:9px}:root .park-topbar{padding-bottom:8px}:root .play-app .mode-tabs{gap:2px;padding:3px;border-radius:14px}:root .play-app .mode-tabs button{min-height:52px;font-size:10px}:root .play-app .garden-heading h1{font-size:22px}:root .play-app .garden-heading{margin-bottom:15px}:root .play-app .board{border-radius:17px}}@media (max-width:560px){.garden-welcome{grid-template-columns:1fr;min-height:0;border-radius:24px}.welcome-copy{padding:25px 23px 0}.welcome-copy h2{font-size:33px;margin:12px 0;line-height:1.35}.welcome-copy p{font-size:12px}.welcome-copy p br{display:none}.welcome-actions{gap:12px;margin-top:17px}.welcome-start{min-height:44px;padding:0 17px}.welcome-secondary{min-height:44px;font-size:12px}.welcome-footnote{display:none}.welcome-world{min-height:210px;margin-top:-9px}.welcome-arch{top:9px;right:16%;bottom:-60px;left:16%}.welcome-bear{height:162px;width:38%;left:17%;bottom:7px}.welcome-rabbit{height:197px;width:37%;left:48%;bottom:4px}.welcome-sun{height:93px;width:84px;right:9%;top:0}.welcome-greeting{left:9%;top:35px;font-size:10px;transform:rotate(-8deg);padding:8px 11px}.welcome-cloud{top:42px;left:16%;transform:scale(.6)}.welcome-cloud.cloud-two{top:93px;right:2%}.welcome-hill{height:40%;bottom:-18%}.welcome-hill.hill-back{bottom:-9%}.welcome-flower{left:6%;height:80px}.welcome-flower.flower-small{right:7%;height:65px}.spark-one{top:116px;left:8%}.spark-two{top:95px;right:8%;font-size:23px}.garden-section-heading{margin:24px 2px 14px;align-items:start}.garden-section-heading h2{font-size:19px}.garden-section-heading>span{display:none}:root .play-app .garden-heading>div{order:0;flex:1 1 0}:root .play-app .garden-heading .mini-voice{order:1;font-size:11px;padding:0 10px}:root .play-app .mini-eyebrow{font-size:8px;letter-spacing:1px}:root .play-app .garden-heading h1{font-size:20px}:root .play-app .playing-game .garden-heading>div{order:2;flex-basis:100%}:root .play-app .garden-game-grid{gap:11px}:root .play-app .garden-game-card{padding:5px;border-radius:19px}:root .play-app .game-card-art{height:142px;border-radius:14px}.garden-card-number{top:10px;left:10px;font-size:10px}.garden-card-tag{left:7px;bottom:6px;padding:4px 6px;font-size:9px}.garden-card-illustration{top:-2px;right:-20px;bottom:0;left:-20px;transform:scale(.84);transform-origin:50% 30%}:root .play-app .game-card-copy{padding:13px 7px 7px}:root .play-app .game-card-copy h2{font-size:16px;letter-spacing:0;margin-bottom:6px}:root .play-app .game-card-copy p{font-size:11px;line-height:1.7;min-height:37px}:root .play-app .game-card-copy>div{margin-top:9px;padding-top:9px;align-items:center}:root .play-app .game-card-copy small{font-size:9px;max-width:72px}:root .play-app .game-card-copy b{font-size:11px;gap:4px}.game-card-copy b>span{width:24px;height:24px;font-size:16px}:root .play-app .garden-bottom-note{font-size:11px;padding:0 7px;margin-top:22px}:root .play-app .puzzle-intro{padding:18px 15px;gap:10px;align-items:center}:root .play-app .puzzle-intro h1{font-size:24px}:root .play-app .puzzle-passport{padding:10px;gap:5px}}@media (max-width:360px){.welcome-copy{padding:22px 17px 0}.welcome-copy h2{font-size:30px}.welcome-world{min-height:190px}.welcome-bear{height:143px}.welcome-rabbit{height:178px}:root .play-app .game-card-copy h2{font-size:15px}.game-card-copy b>span{display:none}:root .play-app .garden-heading h1{font-size:18px}:root .play-app .puzzle-intro{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.garden-welcome *,.garden-game-card *{animation:none!important;transition:none!important}}