@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-latin-wght-normal-B_TVFhwJ.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff5da;--panel:#fff;--ink:#2e2a26;--muted:#8a7f70;--line:#ebddbf;--acc:#ff7a1a;--acc-soft:#fed;--ok:#2fb56f;--touch:56px;--radius:18px;--display:"Baloo 2 Variable", system-ui, sans-serif;--shadow:0 8px 24px #78501424;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;overflow:hidden}button{font:inherit;color:inherit}.shell{background:var(--bg);grid-template-rows:56px 1fr;height:100dvh;display:grid}.header{border-bottom:1px solid var(--line);background:var(--panel);z-index:5;align-items:center;gap:12px;padding:0 14px;display:flex;position:relative}.logo{font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:8px;font-size:22px;font-weight:700;display:flex}.header__spacer{flex:1}.badge{border:2px solid var(--line);background:var(--panel);height:34px;color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:700;display:flex;position:relative}.badge__dot{background:var(--ok);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #2fb56f38}.badge--none .badge__dot{box-shadow:none;background:#d3c8b4}.badge--warn{color:#b45f12;border-color:#d9822b}.badge--warn .badge__dot{box-shadow:none;background:#d9822b}.badge__pop{background:var(--panel);border:2px solid var(--line);width:260px;box-shadow:var(--shadow);z-index:20;text-align:left;color:var(--ink);border-radius:14px;padding:10px 12px;font-size:12px;font-weight:500;line-height:1.6;position:absolute;top:42px;right:0}.body{min-height:0;display:flex;position:relative}.stage-col{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.main{background:var(--bg);flex:1;place-items:center;min-width:0;display:grid;position:relative}.board{position:relative}.canvas{border-radius:var(--radius);width:100%;height:100%;box-shadow:var(--shadow);background:#fff;padding:10px;position:relative;overflow:hidden}.canvas__empty{color:var(--muted);font-family:var(--display);text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:22px;font-size:20px;font-weight:700;line-height:1.2;display:flex;position:absolute;inset:0}.canvas__arrow{font-size:32px;animation:1.4s ease-in-out infinite nudge;display:inline-block}@keyframes nudge{50%{transform:translateY(6px)}}.canvas__empty--full{justify-content:center;padding-bottom:0}.canvas__hint{margin-top:6px;font-size:14px;font-weight:600;display:inline-block}.canvas--live{cursor:none}.cursor{pointer-events:none;z-index:3;will-change:transform;position:absolute;top:0;left:0}.cursor__ring{width:var(--d);height:var(--d);left:calc(var(--d) / -2);top:calc(var(--d) / -2);background:color-mix(in srgb, var(--c) 45%, transparent);border:1.5px solid #2e2a26bf;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #ffffffe6,inset 0 0 0 1px #ffffffb3}.cursor--pencil .cursor__ring{border-style:dashed}.cursor--brush .cursor__ring{box-shadow:0 0 0 1px #ffffffe6, 0 0 6px 2px color-mix(in srgb, var(--c) 35%, transparent);border-color:#2e2a2673}.cursor__dot{background:var(--c);border:1.5px solid #2e2a26bf;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:-4px;box-shadow:0 0 0 1px #ffffffe6}.cursor__glyph{transform-origin:20px 36.5px;filter:drop-shadow(0 1px 1px #ffffffe6);width:40px;height:40px;position:absolute;top:-36.5px;left:-20px;transform:rotate(45deg)}.cursor__glyph svg{display:block}.cursor--fill .cursor__glyph{top:-31.8px;left:-32px;transform:none}.undo{border:2px solid var(--line);background:var(--panel);width:56px;height:56px;color:var(--ink);box-shadow:var(--shadow);cursor:pointer;z-index:4;border-radius:50%;place-items:center;padding:0;transition:transform .1s;display:grid;position:absolute;bottom:12px;right:12px}.undo:active{transform:scale(.94)}.undo:disabled{color:#c9bfae;box-shadow:none;cursor:default}.done{background:var(--ok);color:#fff;cursor:pointer;z-index:4;border:0;border-radius:50%;place-items:center;width:72px;height:72px;padding:0;transition:transform .1s;display:grid;position:absolute;bottom:16px;right:16px;box-shadow:0 6px 18px #2fb56f59}.done:active{transform:scale(.94)}.done:disabled{color:#b9ad99;box-shadow:none;cursor:default;background:#e8dfc9}.done__ring{pointer-events:none;position:absolute;inset:-6px;transform:rotate(-90deg)}.side{border-left:1px solid var(--line);background:var(--panel);z-index:2;flex-direction:column;flex:0 0 272px;gap:12px;padding:12px;transition:flex-basis .28s cubic-bezier(.2,.8,.2,1),padding .28s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.side--play{gap:10px}.side--rail{flex-basis:56px;padding:12px 4px}.side__panel{--bleed:10px;gap:inherit;min-height:0;width:calc(248px + 2 * var(--bleed));padding:0 var(--bleed);margin:0 calc(-1 * var(--bleed));overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1 0;animation:.32s cubic-bezier(.2,.8,.2,1) both panel-in;display:flex;overflow-y:auto}.side--closing .side__panel{animation:.2s ease-in both panel-out}@keyframes panel-in{0%{opacity:0;transform:translate(14px)}}@keyframes panel-out{to{opacity:0;transform:translate(14px)}}.side__toggle{border:2px solid var(--line);background:var(--panel);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:11px;align-self:flex-start;place-items:center;margin-bottom:-4px;padding:0;display:grid}.side__toggle:hover{color:var(--ink)}.side--rail .side__toggle{align-self:center}.side__sec{flex-direction:column;gap:4px;display:flex}.side__label{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-left:2px;font-size:11px;font-weight:700}.side__row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 8px;display:flex}.side__row .side__label{white-space:nowrap}.works__hint{color:var(--muted);white-space:nowrap;padding:0 2px;font-size:11px}.side__sec--works{flex:auto}.works{grid-template-columns:repeat(4, var(--touch));grid-auto-rows:var(--touch);height:0;min-height:calc(var(--touch) + 16px);scrollbar-width:thin;flex:auto;align-content:start;gap:8px;margin:-8px;padding:8px;display:grid;overflow-y:auto}@supports (animation-timeline:scroll()){.works{animation:linear both works-edge;animation-timeline:scroll(self)}}@keyframes works-edge{0%{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}8%,92%{-webkit-mask-image:linear-gradient(#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(#0000,#000 28px calc(100% - 28px),#0000)}to{-webkit-mask-image:linear-gradient(#0000,#000 28px);mask-image:linear-gradient(#0000,#000 28px)}}.work{width:var(--touch);height:var(--touch);border:2px solid var(--line);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:14px;padding:0;transition:transform .12s;position:relative}.work__pick{cursor:pointer;background:0 0;border:0;border-radius:12px;padding:4px;position:absolute;inset:0;overflow:hidden}.work--on{border-color:var(--acc);background:var(--acc-soft)}.work--armed{border-color:var(--ink);transform:scale(.94)}.work__x{background:var(--ink);color:#fff;width:24px;height:24px;box-shadow:var(--shadow);cursor:pointer;z-index:2;border:2px solid #fff;border-radius:50%;place-items:center;padding:0 0 2px;font-size:17px;font-weight:700;line-height:1;animation:.15s ease-out pop-in;display:grid;position:absolute;top:-8px;right:-8px}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}}.work--add{border-color:var(--acc);color:var(--acc);cursor:pointer;background:#fff;place-items:center;padding-bottom:3px;font-size:32px;font-weight:600;line-height:1;display:grid}.work--add:hover{background:var(--acc-soft)}.work--add:active{transform:scale(.94)}.work--empty{background:0 0;border-style:dashed}.play-dock{outline:8px solid var(--panel);background:var(--panel);flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;min-height:86px;margin-top:auto;display:flex;position:sticky;bottom:0}.play-dock__hint{text-align:center;font-family:var(--display);color:#b9ad99;font-size:13px;font-weight:700}.play-cta{background:var(--acc);color:#fff;height:56px;font-family:var(--display);box-shadow:0 6px 18px color-mix(in srgb, var(--acc) 35%, transparent);cursor:pointer;border:0;border-radius:16px;font-size:17px;font-weight:700;transition:transform .1s}.play-cta:active{transform:scale(.97)}.play-cta:disabled{color:#b9ad99;box-shadow:none;cursor:default;background:#e8dfc9}.helper-chip{color:#0e7f73;z-index:4;background:#e6f4f1;border:1px solid #0e7f73;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:6px;right:12px}.helper-note{z-index:4;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;animation:.25s cubic-bezier(.2,1.4,.4,1) both note-in,.3s ease-in 2.4s forwards note-out;display:flex;position:absolute;bottom:118px;left:12px;right:12px}.side--play .helper-note{bottom:12px}.helper-note__dot{background:var(--acc);border-radius:50%;flex:0 0 8px;width:8px;height:8px}.helper-note__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-size:12.5px;font-weight:700;overflow:hidden}.helper-note--read{animation-delay:0s,1.1s}.helper-note--err .helper-note__dot{background:#e2795c}@keyframes note-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes note-out{to{opacity:0;transform:translateY(4px)}}.tools{gap:8px;display:flex}.tool{border:2px solid var(--line);background:var(--panel);height:72px;font-family:var(--display);cursor:pointer;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:0;font-size:12px;font-weight:700;transition:transform 80ms;display:flex;position:relative;overflow:hidden}.tool:active{transform:scale(.96)}.tool--on{border-color:var(--acc);background:var(--acc-soft);box-shadow:inset 0 0 0 1px var(--acc)}.tool--pulse{animation:.4s ease-in-out 2 pulse}.sizes{gap:8px;display:flex}.size{border:2px solid var(--line);background:var(--panel);cursor:pointer;border-radius:12px;flex:1;place-items:center;height:44px;padding:0;display:grid}.size i{background:var(--ink);border-radius:50%;display:block}.size--on{border-color:var(--acc);background:var(--acc-soft)}.size:disabled{opacity:.4;cursor:default}.swgrid{grid-template-columns:repeat(4, var(--touch));gap:8px;display:grid}.swatch{width:var(--touch);height:var(--touch);background:var(--c);cursor:pointer;border:0;border-radius:50%;padding:0;transition:transform 80ms;position:relative;box-shadow:inset 0 -5px #00000024,inset 0 3px #ffffff59,0 0 0 1px #00000014}.swatch:active{transform:scale(.94)}.swatch--on{box-shadow:inset 0 -5px 0 #00000024, inset 0 3px 0 #ffffff59, 0 0 0 4px var(--panel), 0 0 0 7px var(--acc)}.swatch--on:after{content:"";border-left:3px solid var(--ck);border-bottom:3px solid var(--ck);width:14px;height:8px;margin:auto;position:absolute;inset:0;transform:translateY(-2px)rotate(-45deg)}.swatch--pulse{animation:.4s ease-in-out 2 pulse}.swatch--custom{background:conic-gradient(#ff3b30,#fc0,#34c759,#32ade6,#5856d6,#ff2d55,#ff3b30);display:block;overflow:hidden}.swatch--custom.swatch--on:before{content:"";background:var(--c);border-radius:50%;position:absolute;inset:9px;box-shadow:0 0 0 2px #fff}.swatch--custom .swatch__input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.rail{cursor:pointer;background:0 0;border:0;flex-direction:column;align-self:center;align-items:center;gap:10px;padding:2px 0 0;animation:.2s ease-out both fade-in;display:flex}.rail__tool{border:2px solid var(--line);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.rail__tool--emoji{font-size:24px}.rail__color{border:2px solid #0000001f;border-radius:50%;width:32px;height:32px}.rail__stack{width:40px;height:47px;position:relative}.rail__work{border:2px solid var(--line);background:#fff;border-radius:10px;width:40px;height:40px;padding:2px;position:absolute;top:0;left:0}.rail__work svg{width:100%;height:100%}.rail__work--back{opacity:.6;transform:translate(5px,7px)rotate(8deg)scale(.94)}@keyframes pulse{50%{transform:scale(1.12)}}.strip{border-top:1px solid var(--line);background:var(--panel);scroll-snap-type:x proximity;align-items:flex-start;gap:18px;height:110px;padding:8px 14px;display:flex;overflow:auto hidden}.strip--hidden{display:none}.strip>:first-child{margin-left:auto}.strip>:last-child{margin-right:auto}.strip__group{flex-direction:column;flex:none;gap:4px;display:flex}.strip__cards{gap:8px;display:flex}.card{border:2px solid var(--line);width:96px;height:92px;font-family:var(--display);cursor:pointer;scroll-snap-align:start;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:1px;padding:5px 4px 4px;font-size:13px;font-weight:700;display:flex;position:relative}.card--on{border-color:var(--acc);background:var(--acc-soft)}.card--dim{opacity:.6}.card__thumb{width:54px;height:54px}.card__easy{border:1px solid var(--line);background:var(--acc-soft);border-radius:999px;padding:0 5px;font-family:system-ui,sans-serif;font-size:9px;position:absolute;top:4px;right:4px}.notice{z-index:7;background:var(--panel);border:2px solid var(--acc);width:fit-content;max-width:min(520px,100% - 120px);box-shadow:var(--shadow);text-align:center;pointer-events:none;border-radius:20px;flex-direction:column;align-items:center;gap:2px;margin-inline:auto;padding:10px 22px 12px;animation:.4s cubic-bezier(.2,1.4,.4,1) both notice-in,.3s ease-in 3.2s forwards hud-out;display:flex;position:absolute;top:14px;left:0;right:0}.hud~.notice{top:78px}.notice__title{font-family:var(--display);color:var(--acc);font-size:22px;font-weight:800}.notice__hint{color:var(--muted);font-size:13px;font-weight:600}@keyframes notice-in{0%{opacity:0;transform:translateY(-8px)scale(.92)}45%{opacity:1;transform:translate(-5px)}65%{transform:translate(4px)}85%{transform:translate(-2px)}to{opacity:1;transform:none}}.side__sec--pulse .side__label{animation:3.2s ease-out both label-flash}.side__sec--pulse .works{animation:3.2s ease-out both ring-flash}@keyframes label-flash{0%,60%{color:var(--acc)}}@keyframes ring-flash{0%,50%{box-shadow:inset 0 0 0 2px var(--acc)}to{box-shadow:inset 0 0 0 2px #0000}}.play{position:absolute;inset:0;overflow:hidden}.actor{--base:82%;transform:translate(-50%, calc(-1 * var(--base)));cursor:pointer;transition:left .3s,top .3s,width .3s,height .3s;position:absolute}.actor__inner{transform-box:view-box;width:100%;height:100%}.actor__facing{width:100%;height:100%;transform-origin:50% var(--base)}.actor--wind .actor__inner{transform-origin:50% var(--base);animation:2.2s ease-in-out infinite alternate wind-tilt}@keyframes wind-tilt{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.chips{grid-template-columns:repeat(4, var(--touch));gap:8px;display:grid}.chip{width:var(--touch);height:var(--touch);border:2px solid var(--line);background:var(--panel);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;font-size:21px;line-height:1;display:flex}.chip small{letter-spacing:.01em;color:var(--muted);font-size:8.5px;font-weight:800}.chip--on{border-color:var(--acc);background:var(--acc-soft)}.chip--on small{color:var(--ink)}.chip:disabled{opacity:.35;cursor:default}.stage{flex:1;min-width:0;min-height:0;display:flex;position:relative}.hud{z-index:6;background:var(--panel);border:2px solid var(--line);width:fit-content;max-width:min(560px,100% - 200px);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;align-items:center;gap:10px;margin-inline:auto;padding:12px 16px;animation:.22s cubic-bezier(.2,1.4,.4,1) both hud-in;display:flex;position:absolute;top:14px;left:0;right:0}.hud--ask:before,.hud--ask:after{content:"";border:10px solid #0000;border-bottom:0;border-top-color:var(--line);position:absolute;bottom:-12px;left:calc(50% - 10px)}.hud--ask:after{border-width:8px;border-top-color:var(--panel);bottom:-9px;left:calc(50% - 8px)}.hud--ask{padding:10px 22px 11px;animation:.22s cubic-bezier(.2,1.4,.4,1) both hud-in,.3s ease-in 4.7s forwards hud-out}.hud__q{font-family:var(--display);white-space:nowrap;font-size:22px;font-weight:800}@keyframes hud-in{0%{opacity:0;transform:translateY(-8px)scale(.92)}to{opacity:1;transform:none}}@keyframes hud-out{to{opacity:0;transform:translateY(-6px)scale(.96)}}.chip--flash{animation:.45s ease-in-out 2 pulse}.fly{z-index:5;pointer-events:none;position:absolute;inset:0}.stash{z-index:30;pointer-events:none;position:fixed;inset:0}.stash__pic{transform-origin:0 0;will-change:transform;position:absolute}.fly__paper{border-radius:var(--radius);box-shadow:var(--shadow);transform-origin:50% 60%;background:#fff;position:absolute}.fly__pic{position:absolute}.fly__dust{opacity:0;background:#7850142e;border-radius:50%;width:28px;height:12px;position:absolute}.actor--hidden{visibility:hidden}.actor--land{transform-origin:50% var(--base);animation:.2s ease-in-out arrive-squash}@keyframes arrive-squash{0%,to{transform:translate(-50%, calc(-1 * var(--base))) scale(1, 1)}40%{transform:translate(-50%, calc(-1 * var(--base))) scale(1.08, .9)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes strip-out{0%{height:110px}to{border-top-width:0;height:0;padding-top:0;padding-bottom:0}}.shell--enter .play{animation:.5s ease-out .35s both fade-in}.shell--enter .side--play .side__sec{animation:.35s ease-out .15s both fade-in}.shell--enter .strip--hidden{animation:.35s ease-in both strip-out;display:flex}.shell--leave .board{animation:.4s ease-out 80ms both fade-in}.shell--leave .done{animation:.3s ease-out .3s both fade-in}.shell--leave .side__sec,.shell--leave .play-cta{animation:.35s ease-out .1s both fade-in}.shell--leave .strip{animation:.4s cubic-bezier(.2,.8,.2,1) both strip-in}@keyframes strip-in{0%{height:0;padding-top:0;padding-bottom:0}}@media (aspect-ratio<=1){.body{flex-direction:column}.stage-col{display:contents}.strip{order:3}.main{min-height:0;padding:12px 12px 96px}.side,.side--play{border-left:0;border-top:1px solid var(--line);flex-flow:wrap;flex:0 auto;justify-content:center;align-items:flex-start;gap:10px 18px;width:100%;max-height:46%;padding:10px 14px 12px;transition:none;overflow-y:auto}.side__panel{display:contents}.helper-note{display:none}.side__sec{flex:0 auto;min-width:0}.side__sec:has(.swgrid){order:1}.tools .tool{flex:0 0 72px}.sizes .size{flex:0 0 64px}.swgrid,.chips{flex-wrap:wrap;display:flex}.side__sec--works{order:2}.works{height:auto;max-height:calc(2 * var(--touch) + 8px + 16px);flex:none}.play-dock{outline:0;flex:none;order:3;justify-content:flex-start;width:min(100%,360px);min-height:0;margin-top:0;position:static}}@media (aspect-ratio<=1) and (width<=1024px),(orientation:landscape) and (height<=600px){.mswipe{scroll-snap-type:x mandatory;padding:8px calc(50% - var(--half,40px));scrollbar-width:none;align-items:center;gap:14px;display:flex;overflow-x:auto}.mswipe::-webkit-scrollbar{display:none}.mswipe--page{gap:0;padding:8px 0}.mswipe--page .mswipe__item{gap:6px;min-width:100%;font-size:14px}.mswipe--page .mswipe__item--on{transform:none}.mswipe__item{scroll-snap-align:center;min-width:calc(var(--half,40px) * 2);font:700 11px var(--display);color:var(--muted);background:0 0;border:0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;padding:0;transition:transform .2s,color .2s;display:flex}.mswipe__item--on{color:var(--acc);transform:scale(1.14)}.mswipe__thumb{width:68px;height:68px}.mswipe__thumb svg{width:100%;height:100%}.mbrowse{flex-direction:column;justify-content:center;gap:6px;display:flex;position:absolute;inset:0}.mbrowse .mswipe__thumb{width:min(44vw,200px);height:min(44vw,200px)}.mbrowse__side{opacity:.45;width:52px;color:var(--muted);cursor:pointer;z-index:2;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.mbrowse__side--prev{left:6px}.mbrowse__side--next{right:6px}.mbrowse__side:active{opacity:.7}.mbrowse__ghost{width:46px;height:46px}.mbrowse__ghost svg{width:100%;height:100%}.mbrowse__tri{fill:currentColor;width:14px;height:14px}.sketch-grow{transform-origin:50%;animation:.4s cubic-bezier(.2,.9,.3,1.1) both sketch-in}@keyframes sketch-in{0%{transform:scale(.72)}}}@media (aspect-ratio<=1) and (width<=1024px){.side{display:none}.main{padding:74px 8px calc(88px + env(safe-area-inset-bottom))}.mtitle{text-align:center;line-height:1.2;font-family:var(--display);color:var(--muted);z-index:4;padding-bottom:4px;font-size:20px;font-weight:700;position:absolute;bottom:100%;left:0;right:0}.undo{width:48px;height:48px;right:70px}.undo svg{width:24px;height:24px}.done{width:48px;height:48px;bottom:12px;right:12px}.done svg{width:26px;height:26px}.done__ring{display:none}.mdock-fab{z-index:6;border:1px solid var(--line);background:var(--panel);width:56px;height:56px;box-shadow:var(--shadow);cursor:pointer;border-radius:18px;justify-content:center;align-items:center;gap:3px;display:flex;position:fixed;top:66px;right:10px}.mdock-fab--play{top:auto;bottom:calc(16px + env(safe-area-inset-bottom))}.mdock-fab:disabled{opacity:.4;box-shadow:none;cursor:default}.mdock-fab__color{border:1px solid var(--line);border-radius:50%;width:14px;height:14px}.mdock-fab__emoji{font-size:24px}.mdock-fab--friends{top:132px}.mdock-fab--pulse{animation:.4s ease-in-out 2 pulse}.mfab__card{border:1px solid var(--line);background:#fff;border-radius:10px;width:34px;height:34px;margin:auto;padding:2px;position:absolute;inset:0}.mfab__card svg{width:100%;height:100%}.mfab__card--back{opacity:.55;transform:translate(-7px,-7px)rotate(-8deg)}.mfab__card--front{transform:translate(4px,4px)}.mbar{z-index:5;padding:8px 12px calc(18px + env(safe-area-inset-bottom));background:var(--bg);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.mbar .play-dock{background:0 0;width:100%;margin:0}.msheet{z-index:40;position:fixed;inset:0}.msheet__scrim{background:#2e2a2659;border:0;position:absolute;inset:0}.msheet__panel{background:var(--panel);width:clamp(260px,74vw,288px);box-shadow:var(--shadow);border-radius:22px 0 0 22px;flex-direction:column;gap:14px;padding:26px 12px 0;animation:.26s ease-out mdrawer-in;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.msheet__panel .side__sec{align-items:center;gap:12px}.msheet__panel .side__sec:has(.chips){align-items:stretch}.msheet__panel .side__row{flex-direction:column;align-items:flex-start;gap:2px}.msheet__panel .mswipe{align-self:stretch}.msheet__panel .side__sec--works{flex:none;align-self:stretch;align-items:stretch}.msheet__panel .works{justify-content:start;max-height:none;overflow:visible}.mswipe__scene{font-size:22px;line-height:1}.msheet__panel .side__sec .mswipe__item{opacity:.55;border:2px solid #0000;border-radius:14px;width:72px;height:80px;padding:6px 8px 4px;transition:transform .2s,color .2s,opacity .2s}.msheet__panel .side__sec .mswipe__item>span:last-of-type{text-align:center;max-width:52px;line-height:1.15}.msheet__panel .side__sec .mswipe__item--on{opacity:1;border-color:var(--acc);background:var(--acc-soft)}.msheet__panel .side__sec .mswipe__item--on .mswipe__scene{font-size:34px}.msheet__panel .play-dock{background:var(--panel);padding:12px 0 calc(10px + env(safe-area-inset-bottom));margin-top:auto;position:sticky}.msheet__panel .play-dock__hint{display:none}.msheet__panel--tools .side__sec:last-child{margin-bottom:calc(10px + env(safe-area-inset-bottom))}.mswipe--start{padding:8px calc(100% - 84px) 8px 12px;scroll-padding-left:12px}.mswipe--start .mswipe__item{scroll-snap-align:start}.mswipe--start .mswipe__item--on{transform-origin:0}.msheet__panel--tools .side__sec{align-items:stretch}.msheet__panel .tools,.msheet__panel .sizes{justify-content:flex-start}.msheet__panel .swgrid{justify-content:space-between}.msheet__panel .tools{gap:12px}.msheet__panel .tools .tool,.msheet__panel .sizes .size{flex:1}.msheet__panel--friends{width:auto;max-height:calc(100dvh - 82px);padding:18px 16px 20px;top:66px;bottom:auto}.msheet__panel--friends .works{grid-template-columns:repeat(4,64px);grid-auto-rows:64px}.msheet__panel--friends .work{width:64px;height:64px}}@media (aspect-ratio<=1) and (width<=600px){.strip,.shell--enter .strip--hidden{display:none}}@media (aspect-ratio<=1) and (width>=601px) and (width<=1024px){.main{padding:74px 12px 16px}.mdock-fab{border-radius:22px;width:72px;height:72px}.mdock-fab__color{width:18px;height:18px}.mdock-fab__emoji{font-size:30px}}@keyframes mdrawer-in{0%{opacity:.5;transform:translate(48px)}}@media (orientation:landscape) and (height<=600px){.strip,.shell--enter .strip--hidden,.shell--leave .strip{display:none}.works{flex:none;height:auto;min-height:0;animation:none;overflow:visible}.side__sec--works{flex:none}.play-dock{background:0 0;outline:0;min-height:0;position:static}.play-dock__hint{display:none}.mbrowse .mswipe__thumb{width:min(38vh,200px);height:min(38vh,200px)}.undo{width:40px;height:40px;right:60px}.undo svg{width:20px;height:20px}.done{width:40px;height:40px;bottom:12px;right:12px}.done svg{width:22px;height:22px}.done__ring{display:none}}@media (orientation:landscape) and (height>=601px) and (pointer:coarse){.side{padding-bottom:0;overflow-y:auto}.side__sec--works{flex:none}.works{flex:none;height:auto;min-height:0;animation:none;overflow:visible}.play-dock{outline:0;min-height:0;padding:10px 0 12px}.play-dock__hint{display:none}.undo{width:44px;height:44px;right:66px}.undo svg{width:22px;height:22px}.done{width:44px;height:44px;bottom:12px;right:12px}.done svg{width:24px;height:24px}.done__ring{display:none}}.scene-layer,.sky,.place,.weather,.scene-dim{pointer-events:none;position:absolute;inset:0}.scene-layer{width:100%;height:100%}.scene-band{pointer-events:none;width:100%;transition:filter .5s;position:absolute;left:0}.band--far,.band--near,.band--glow{height:var(--horizon);top:0}.band--ground{top:calc(var(--horizon) - 1px);height:calc(100% - var(--horizon) + 1px)}.band--fore{height:9%;bottom:0}.band--splash{top:calc(var(--horizon) - 1.2%);height:4%}.place--night .scene-band{filter:brightness(.72)saturate(.85)}.layer-in{animation:.4s ease-out both layer-in}.sway,.sway-slow,.flame{transform-box:fill-box;transform-origin:50% 100%}.sway{animation:2.8s ease-in-out infinite alternate sway}.sway-slow{animation:4.5s ease-in-out infinite alternate sway}.flame{animation:.5s ease-in-out infinite alternate flame}.swing,.flutter{transform-box:fill-box;transform-origin:50% 0}.swing{animation:2.6s ease-in-out infinite alternate swing}.flutter{animation:1.4s ease-in-out infinite alternate flutter}.bus--go{animation:2.6s ease-in-out both bus-go}.bob{animation:3s ease-in-out infinite alternate bob}.smoke{transform-box:fill-box;transform-origin:50%;animation:4.2s ease-out infinite smoke}.wheel,.counter,.sun-rays,.twinkle,.splash,.flake,.leaf,.sun-halo{transform-box:fill-box;transform-origin:50%}.wheel{animation:90s linear infinite spin}.counter{transform-origin:50% 0;animation:90s linear infinite reverse spin}.sun-rays{animation:60s linear infinite spin}.sun-halo{animation:4s ease-in-out infinite alternate halo}.twinkle{animation:2.4s ease-in-out infinite alternate twinkle}.shimmer{animation:5s ease-in-out infinite alternate shimmer}.lap{animation:4s ease-in-out infinite alternate lap}.flow{animation:2.4s linear infinite flow}.school{animation:46s linear infinite school}.glide{animation:40s linear infinite glide}.bubble{animation:10s linear infinite bubble}.drift{animation:60s linear infinite drift}.drop{animation:1s linear infinite drop}.splash{animation:.9s ease-out infinite splash}.splash-dot{animation:.9s ease-out infinite splash-dot}.flake{animation:7s linear infinite flake}.leaf{animation:3s ease-in-out infinite leaf}.wisp{animation:3.4s linear infinite wisp}.flash{animation:flash var(--flash-ms,.2s) ease-out both}.bolt{animation:bolt calc(var(--flash-ms,.2s) + .26s) ease-out both}@keyframes layer-in{0%{opacity:0}to{opacity:1}}@keyframes sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes flame{0%{transform:scaleY(.94)}to{transform:scale(1.04,1.06)}}@keyframes swing{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes bus-go{0%,to{transform:translate(0)}42%,58%{transform:translate(820px)}}@keyframes flutter{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes bob{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}@keyframes smoke{0%{opacity:.7;transform:translate(0)scale(.6)}to{opacity:0;transform:translate(40px,-140px)scale(1.6)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes halo{0%{opacity:.22;transform:scale(.94)}to{opacity:.34;transform:scale(1.06)}}@keyframes twinkle{0%{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}@keyframes shimmer{0%{opacity:.7}to{opacity:1}}@keyframes lap{0%{transform:translate(-40px)}to{transform:translate(40px)}}@keyframes flow{0%{opacity:.6;transform:translate(0)}to{opacity:.2;transform:translate(120px)}}@keyframes school{0%{transform:translate(-400px,340px)}to{transform:translate(2000px,300px)}}@keyframes glide{0%{transform:translate(1800px,260px)scale(.8)}to{transform:translate(-300px,140px)scale(1.1)}}@keyframes bubble{0%{opacity:0;transform:translate(0)}10%{opacity:.6}to{opacity:0;transform:translate(30px,-960px)}}@keyframes drift{0%{transform:translate(-400px)}to{transform:translate(2000px)}}@keyframes drop{0%{transform:translateY(0)}to{transform:translateY(1400px)}}@keyframes splash{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}@keyframes splash-dot{0%{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-14px)}to{opacity:0;transform:translateY(2px)}}@keyframes flake{0%{transform:translate(0)rotate(0)}25%{transform:translate(30px,350px)rotate(90deg)}50%{transform:translate(-10px,700px)rotate(180deg)}75%{transform:translate(30px,1050px)rotate(270deg)}to{transform:translateY(1400px)rotate(360deg)}}@keyframes leaf{0%{transform:translate(0)rotate(0)}50%{transform:translate(1000px,-80px)rotate(360deg)}to{transform:translate(2100px,40px)rotate(720deg)}}@keyframes wisp{0%{opacity:0;transform:translate(0)}20%{opacity:.5}to{opacity:0;transform:translate(2000px)}}@keyframes flash{0%{opacity:.6}40%{opacity:.15}60%{opacity:.5}to{opacity:0}}@keyframes bolt{0%,70%{opacity:1}to{opacity:0}}.comet{opacity:0;animation:9s linear infinite comet-fall}@keyframes comet-fall{0%{opacity:0;transform:translate(0)}2%{opacity:.9}11%{opacity:.9}13%{opacity:0;transform:translate(-540px,310px)}to{opacity:0;transform:translate(-540px,310px)}}.comet--far{animation:13s linear 5s infinite comet-fall-far}@keyframes comet-fall-far{0%{opacity:0;transform:translate(0)}2%{opacity:.55}8%{opacity:.55}10%{opacity:0;transform:translate(-180px,120px)}to{opacity:0;transform:translate(-180px,120px)}}.spin-slow{transform-box:fill-box;transform-origin:50%;animation:22s linear infinite spin-slow}@keyframes spin-slow{to{transform:rotate(360deg)}}.ufo-drift{animation:8s ease-in-out infinite alternate ufo-drift}@keyframes ufo-drift{0%{transform:translate(-130px)}to{transform:translate(130px)}}@media (prefers-reduced-motion:reduce){.play .sky *,.play .place *,.play .weather *{animation-duration:.01ms!important;animation-iteration-count:1!important}}