@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 auto;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}.reset__fill{transform-origin:0;pointer-events:none;background:#2e2a2624;position:absolute;inset:0;transform:scaleX(0)}.reset--holding .reset__fill{animation:1.5s linear forwards hold-fill}@keyframes hold-fill{to{transform:scaleX(1)}}.body{min-height:0;display:flex;position:relative}.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--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)}.done__tip{background:var(--ink);color:#fff;z-index:4;border-radius:8px;padding:5px 9px;font-size:12px;position:absolute;bottom:100px;right:16px}.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;gap:5px;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}.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}@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}.modal{z-index:30;background:#2e2a2647;place-items:center;display:grid;position:fixed;inset:0}.modal__box{background:var(--panel);border-radius:18px;width:min(420px,92vw);padding:22px;box-shadow:0 10px 40px #2e2a262e}.modal__box h2{font-family:var(--display);margin:0 0 6px;font-size:22px}.modal__box p{color:var(--muted);margin:0 0 16px}.modal__btns{gap:10px;display:flex}.modal__btn{border:2px solid var(--line);background:var(--panel);height:52px;font-family:var(--display);cursor:pointer;border-radius:14px;flex:1;font-size:16px;font-weight:700}.modal__btn--primary{background:var(--acc);color:#fff;border-color:var(--acc)}.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)}}.popover{background:var(--panel);border:2px solid var(--line);box-shadow:var(--shadow);z-index:8;border-radius:14px;flex-direction:column;gap:6px;width:168px;padding:6px;display:flex;position:absolute;transform:translate(-50%,-100%)}.popover__btn{border:2px solid var(--line);background:var(--panel);height:44px;font-family:var(--display);cursor:pointer;border-radius:10px;font-size:13px;font-weight:700;position:relative;overflow:hidden}.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}.hud--act{white-space:nowrap;border-radius:999px;flex-direction:row;align-items:baseline;gap:12px;padding:9px 16px}.hud__kid{font-family:var(--display);font-size:18px;font-weight:800}.hud__tag{color:var(--muted);background:var(--bg);border-radius:999px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.hud--err{border-color:#f2b8a6}@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,.shell--leave .done__tip{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}.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}.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{flex:0 auto;order:2}.works{height:auto;max-height:calc(2 * var(--touch) + 8px + 16px);flex:none}.play-dock{outline:0;flex:none;order:3;width:min(100%,360px);margin-top:0;position:static}}@media (aspect-ratio<=1) and (width<=819px){.swgrid{max-width:calc(6 * var(--touch) + 40px)}}@media (aspect-ratio<=1) and (width<=600px){.side,.strip{display:none}.main{padding:8px 8px 178px}.done{width:60px;height:60px;bottom:186px;right:12px}.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: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}.mbrowse{flex-direction:column;justify-content:center;gap:6px;display:flex;position:absolute;inset:0}.mbrowse .mswipe__thumb{width:180px;height:180px}.mbrowse__go{background:var(--acc);color:#fff;height:48px;font:800 16px var(--display);box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:999px;align-self:center;margin-bottom:10px;padding:0 24px}.mbrowse__go:active{transform:scale(.96)}.mbar{z-index:5;padding:8px 12px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);flex-direction:column;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.mbar .side__sec--works{flex-direction:column;gap:4px;display:flex}.mbar .works{scrollbar-width:none;gap:8px;height:auto;max-height:none;display:flex;overflow-x:auto}.mbar .works::-webkit-scrollbar{display:none}.mbar .work{width:var(--touch);height:var(--touch);flex:none}.mbar .play-dock{outline:0;width:100%;margin:0;position:static}.msheet{z-index:40;position:fixed;inset:0}.msheet__scrim{background:#2e2a2659;border:0;position:absolute;inset:0}.msheet__panel{width:min(86vw,340px);padding:16px 12px calc(16px + env(safe-area-inset-bottom));background:var(--panel);box-shadow:var(--shadow);border-radius:22px 0 0 22px;flex-direction:column;gap:14px;animation:.26s ease-out mdrawer-in;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.msheet__sec{flex-direction:column;gap:4px;display:flex}.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__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%}.mswipe__dot{border:1px solid #0000001f;border-radius:50%;width:36px;height:36px}.mswipe__sizedot{background:var(--ink);border-radius:50%}.msheet__colors{align-items:center;gap:8px;display:flex}.msheet__colors .mswipe{flex:1;min-width:0}}@keyframes mdrawer-in{0%{opacity:.5;transform:translate(48px)}}.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}}@media (prefers-reduced-motion:reduce){.play .sky *,.play .place *,.play .weather *{animation-duration:.01ms!important;animation-iteration-count:1!important}}