:root{--sky-top:#9FDCFB;--sky-bot:#E6F7FF;--ink:#3B3355;--ink-soft:#6E6690;--panel:#FFFFFF;--panel-edge:#E7E1F5;--blue:#3C8DFF;--green:#46C46B;--coral:#F2726B;--yellow:#FFD34E;--display:"Baloo 2","Trebuchet MS",system-ui,sans-serif;--body:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;--shadow:0 6px 0 rgba(59,51,85,.12),0 10px 24px rgba(59,51,85,.14);color-scheme:light}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bot) 70%);color:var(--ink);font-family:var(--body);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#stage{position:fixed;inset:0;touch-action:none}#nightSky{position:fixed;inset:0;opacity:0;pointer-events:none;background:radial-gradient(1.6px 1.6px at 12% 18%,#fff 98%,transparent),radial-gradient(1.2px 1.2px at 27% 8%,#fff 98%,transparent),radial-gradient(2px 2px at 43% 22%,#FFF3C4 98%,transparent),radial-gradient(1.4px 1.4px at 58% 11%,#fff 98%,transparent),radial-gradient(1.8px 1.8px at 71% 25%,#fff 98%,transparent),radial-gradient(1.2px 1.2px at 84% 6%,#FFF3C4 98%,transparent),radial-gradient(1.6px 1.6px at 93% 19%,#fff 98%,transparent),radial-gradient(1.2px 1.2px at 6% 34%,#fff 98%,transparent),radial-gradient(1.4px 1.4px at 36% 37%,#fff 98%,transparent),radial-gradient(1.2px 1.2px at 64% 41%,#fff 98%,transparent),linear-gradient(180deg,#1e2550,#3b4683 60%,#56649e)}#stage canvas{display:block;touch-action:none}.card{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);left:calc(env(safe-area-inset-left,0px) + 16px);width:min(300px,calc(100vw - 112px));background:var(--panel);border-radius:22px;box-shadow:var(--shadow);padding:16px 18px 14px;z-index:5;transition:transform .35s cubic-bezier(.3,1.4,.5,1),opacity .25s}.card.hidden{transform:translateY(-12px) scale(.92);opacity:0;pointer-events:none}.card h1{font-family:var(--display);font-weight:800;font-size:26px;line-height:1;margin:0;letter-spacing:-.01em;text-wrap:balance}.card .sub{font-size:12.5px;color:var(--ink-soft);margin:4px 0 12px;font-weight:700}.card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.card li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;font-size:13.5px;font-weight:700;line-height:1.25}.card li svg{width:30px;height:30px}.card .x{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;border:0;background:#f3f0fa;color:var(--ink);cursor:pointer;display:grid;place-items:center}.card .x svg{width:16px;height:16px}.rail{position:fixed;right:calc(env(safe-area-inset-right,0px) + 16px);top:calc(env(safe-area-inset-top,0px) + 16px);display:flex;flex-direction:column;gap:12px;z-index:5}.btn{width:58px;height:58px;border-radius:50%;border:0;background:var(--panel);box-shadow:var(--shadow);display:grid;place-items:center;cursor:pointer;color:var(--ink);transition:transform .15s}.btn:active{transform:scale(.9)}.btn svg{width:28px;height:28px}.btn.help{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);left:calc(env(safe-area-inset-left,0px) + 16px);z-index:4}.btn.more{display:none}@media(max-width:560px),(max-height:500px){.rail{display:grid;grid-template-columns:52px 52px;grid-auto-rows:52px;gap:10px;pointer-events:none}.rail .btn{width:52px;height:52px;pointer-events:auto}.rail .btn svg{width:26px;height:26px}.btn.more{display:grid}.btn.more svg{transition:transform .25s}.rail.more .btn.more svg{transform:rotate(90deg)}#mapBtn{grid-area:1/2}#crBtn{grid-area:2/2}#wxBtn{grid-area:3/2}#moreBtn{grid-area:4/2}#zIn{grid-area:1/1}#zOut{grid-area:2/1}#follow{grid-area:3/1}#snd{grid-area:4/1}#helpBtn{grid-area:5/1}.btn.help{position:static}.rail .extra{transform:translate(62px) scale(.3);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.3,1.4,.5,1),opacity .15s}.rail.more .extra{transform:none;opacity:1;pointer-events:auto}.rail.more .extra:active{transform:scale(.9)}.rail.more #zOut{transition-delay:.03s}.rail.more #follow{transition-delay:.06s}.rail.more #snd{transition-delay:.09s}.rail.more #helpBtn{transition-delay:.12s}}.btn:focus-visible,.fam button:focus-visible,.pick button:focus-visible,.card .x:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.fam{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);transform:translate(-50%);display:flex;gap:8px;overflow-x:auto;padding:8px 12px;background:var(--panel);border-radius:26px;box-shadow:var(--shadow);z-index:5;max-width:calc(100vw - 32px)}.fam button{flex:0 0 auto;width:58px;height:62px;border-radius:18px;border:3px solid transparent;background:#f4f9ff;cursor:pointer;padding:0;display:grid;place-items:end center;overflow:hidden;transition:transform .15s,border-color .15s}.fam button img{width:52px;height:auto;display:block;pointer-events:none;transform:translateY(6px)}.fam button.on{border-color:var(--yellow);background:#fff6d6;transform:translateY(-4px)}.pick{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);transform:translate(-50%) translateY(140%);display:flex;gap:10px;align-items:center;padding:12px;background:var(--panel);border-radius:26px;box-shadow:var(--shadow);z-index:6;transition:transform .35s cubic-bezier(.3,1.3,.5,1);max-width:calc(100vw - 32px)}.pick.open{transform:translate(-50%) translateY(0)}.pick .opts{display:flex;gap:10px;overflow-x:auto;min-width:0}.pick button{flex:0 0 auto;width:92px;height:92px;border-radius:20px;border:0;background:#eaf7ff;cursor:pointer;display:grid;place-items:center;padding:4px;transition:transform .15s}.pick button:active{transform:scale(.92)}.pick button img{max-width:84px;max-height:84px;pointer-events:none}.pick .close{width:52px;height:52px;border-radius:50%;background:#f3f0fa}.pick .close svg{width:22px;height:22px}.pick button[aria-pressed=true]{background:#fff6d6;box-shadow:inset 0 0 0 4px var(--yellow)}.pick .ok{width:60px;height:60px;border-radius:50%;background:var(--green);box-shadow:0 4px #3b33552e}.pick .ok svg{width:30px;height:30px}.pick .ok.no{background:#c9ced9}.pick .back{width:52px;height:52px;border-radius:50%;background:#f3f0fa}.pick .back svg{width:26px;height:26px}.pick .cat{background:#fff6d6;box-shadow:inset 0 -7px #ffe7a0}.pick .cat[aria-pressed=true]{box-shadow:inset 0 0 0 4px var(--yellow),inset 0 -7px #ffe7a0}.btn.build{position:fixed;left:calc(env(safe-area-inset-left,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);width:68px;height:68px;z-index:5;transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.btn.build svg{width:40px;height:40px}.pick.open~.btn.build,.paint.open~.btn.build{transform:scale(0)}@media(max-width:560px){.btn.build{bottom:calc(env(safe-area-inset-bottom,0px) + 104px)}}.wx{position:fixed;z-index:6;display:grid;grid-template-columns:repeat(4,58px);gap:10px;padding:12px;background:var(--panel);border-radius:26px;box-shadow:var(--shadow);transform:scale(0);transform-origin:100% 0;opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.3,1.5,.5,1),opacity .15s}.wx.open{transform:scale(1);opacity:1;pointer-events:auto}.wx button{width:58px;height:58px;border-radius:18px;border:0;padding:0;background:#f4f9ff;cursor:pointer;display:grid;place-items:center;transition:transform .15s}.wx button:active{transform:scale(.9)}.wx button svg{width:42px;height:42px}.wx button[aria-pressed=true]{background:#fff6d6;box-shadow:inset 0 0 0 4px var(--yellow)}.wx .auto{grid-column:4;color:#c9ced9}.wx [data-k=clear]{grid-column:1}.wx .auto svg{width:34px;height:34px}.wx .auto[aria-pressed=true]{color:var(--green);background:#e6f8ec;box-shadow:inset 0 0 0 4px var(--green)}.wx button:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.bmenu{position:fixed;left:0;top:0;z-index:6;display:flex;gap:10px;padding:8px;background:var(--panel);border-radius:999px;box-shadow:var(--shadow);transform:translate(-50%,calc(-100% - 12px)) scale(0);transform-origin:50% 100%;opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.3,1.5,.5,1),opacity .15s}.bmenu.open{transform:translate(-50%,calc(-100% - 12px)) scale(1);opacity:1;pointer-events:auto}.bmenu:after{content:"";position:absolute;left:50%;bottom:-8px;width:18px;height:18px;background:var(--panel);border-radius:3px;transform:translate(-50%) rotate(45deg)}.bmenu button{position:relative;z-index:1;width:64px;height:64px;border-radius:50%;border:0;padding:0;background:none;cursor:pointer;display:grid;place-items:center;transition:transform .15s}.bmenu button:active{transform:scale(.9)}.bmenu svg{width:64px;height:64px}.bmenu .bin{color:#9a93b5}.bmenu .bin .bg{fill:#f3f0fa}.bmenu .bin.armed{color:#fff;animation:wob .4s ease-in-out infinite}.bmenu .bin.armed .bg{fill:var(--coral)}.paint{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);transform:translate(-50%) translateY(140%);width:min(calc(100vw - 32px),720px);display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--panel);border-radius:26px;box-shadow:var(--shadow);z-index:6;transition:transform .35s cubic-bezier(.3,1.3,.5,1)}.paint.open{transform:translate(-50%) translateY(0)}.paint .top{display:flex;gap:8px;align-items:center}.paint .tabs{display:flex;gap:8px;flex:1 1 auto;min-width:0;overflow-x:auto;padding:2px}.paint .tabs button{flex:0 0 auto;width:52px;height:52px;border-radius:16px;border:3px solid transparent;background:#f3f0fa;cursor:pointer;display:grid;place-items:center;padding:0}.paint .tabs button svg{width:30px;height:30px}.paint .tabs button[aria-selected=true]{border-color:var(--blue);background:#e3eeff}.paint .dice,.paint .bin,.paint .done{flex:0 0 auto;width:52px;height:52px;border-radius:16px;border:0;cursor:pointer;display:grid;place-items:center;padding:0;transition:transform .15s}.paint .dice:active,.paint .bin:active,.paint .done:active{transform:scale(.9)}.paint .dice{background:var(--yellow);box-shadow:0 4px #3b33552e}.paint .dice svg{width:32px;height:32px}.paint .bin{background:#f3f0fa;color:#9a93b5}.paint .bin svg{width:28px;height:28px}.paint .bin.armed{background:var(--coral);color:#fff;animation:wob .4s ease-in-out infinite}.paint .done{border-radius:50%;background:var(--green);box-shadow:0 4px #3b33552e}.paint .done svg{width:30px;height:30px}.paint .row{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 6px;align-items:center}.paint .opt{flex:0 0 auto;border:4px solid transparent;cursor:pointer;padding:0;transition:transform .15s,border-color .15s}.paint .opt:active{transform:scale(.9)}.paint .opt[aria-pressed=true]{border-color:var(--yellow)}.paint .swatches .opt{width:50px;height:50px;border-radius:50%;background:var(--c);box-shadow:inset 0 -5px #0000001f}.paint .swatches .opt[aria-pressed=true]{box-shadow:inset 0 0 0 3px #fff,inset 0 -5px #0000001f}.paint .pics .opt{position:relative;overflow:hidden;width:76px;height:76px;border-radius:18px;background:#eaf7ff}.paint .pics .opt[aria-pressed=true]{background:#fff6d6}.paint .pics .opt img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:contain;pointer-events:none}.paint .gap{flex:0 0 3px;align-self:stretch;margin:4px;border-radius:2px;background:var(--panel-edge)}.paint button:focus-visible,.bmenu button:focus-visible,.pick .ok:focus-visible{outline:4px solid var(--blue);outline-offset:3px}@keyframes wob{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.inside{position:fixed;inset:0;z-index:9;overflow:hidden;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bot) 75%);clip-path:circle(0px at var(--ix,50%) var(--iy,50%));visibility:hidden;pointer-events:none;transition:clip-path .6s cubic-bezier(.6,0,.3,1),visibility 0s .6s}.inside.open{clip-path:circle(150vmax at var(--ix,50%) var(--iy,50%));visibility:visible;pointer-events:auto;transition:clip-path .6s cubic-bezier(.6,0,.3,1)}.inside.night{background:linear-gradient(180deg,#1e2550,#3b4683 60%,#56649e)}.inside .stage{position:absolute;inset:0;touch-action:none}.inside .stage canvas{display:block;touch-action:none}.inside .out,.inside .edit{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);z-index:3;width:68px;height:68px;border-radius:50%;border:4px solid #fff;box-shadow:var(--shadow);cursor:pointer;display:grid;place-items:center;padding:0;transition:transform .15s,background .15s}.inside .out{left:calc(env(safe-area-inset-left,0px) + 14px);background:var(--green)}.inside .edit{right:calc(env(safe-area-inset-right,0px) + 14px);background:#f2a65a}.inside .edit[aria-pressed=true]{background:var(--blue);transform:rotate(-20deg)}.inside .out:active,.inside .edit:active{transform:scale(.9)}.inside .out svg,.inside .edit svg{width:36px;height:36px}.inside button:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.inside .floors{position:absolute;z-index:3;right:calc(env(safe-area-inset-right,0px) + 14px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;padding:8px;background:#ffffffe0;border-radius:34px;box-shadow:var(--shadow)}.inside.editing .floors{top:calc(env(safe-area-inset-top,0px) + 14px);right:calc(env(safe-area-inset-right,0px) + 96px);flex-direction:row-reverse;transform:none;padding:6px}.inside .floors button{position:relative;width:52px;height:52px;border-radius:50%;border:0;padding:0;background:#f3f0fa;cursor:pointer;display:grid;place-items:center;transition:transform .15s}.inside .floors button:active{transform:scale(.9)}.inside .floors button[aria-pressed=true]{background:var(--yellow);box-shadow:inset 0 0 0 4px #fff}.inside .floors i{width:28px;height:22px;border-radius:5px;background:#fff;box-shadow:inset 0 -6px #c98f5e,0 2px #3b335526}.inside .floors button[aria-pressed=true] i{background:#fff6e5}.inside .floors b{position:absolute;right:0;top:0;width:16px;height:16px;border-radius:50%;background:var(--coral);border:3px solid #fff}.inside .infam{position:absolute;z-index:3;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);transform:translate(-50%);display:flex;gap:8px;padding:6px 10px;max-width:calc(100vw - 32px);overflow-x:auto;background:#ffffffe0;border-radius:999px;box-shadow:var(--shadow)}.inside .infam:empty,.inside.editing .infam{display:none}.inside .infam button{position:relative;flex:0 0 auto;width:54px;height:54px;border-radius:50%;border:3px solid transparent;padding:0;overflow:hidden;background:#eef2f8;cursor:pointer;opacity:.6;transition:transform .15s,opacity .15s}.inside .infam button.in{opacity:1;background:#fff}.inside .infam button[aria-pressed=true]{border-color:var(--yellow);background:#fff6d6;transform:translateY(-3px)}.inside .infam img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:contain;pointer-events:none}.inside .imenu{position:absolute;left:0;top:0;z-index:4;display:flex;gap:8px;padding:7px;background:var(--panel);border-radius:999px;box-shadow:var(--shadow);transform:translate(-50%,-100%) scale(0);transform-origin:50% 100%;opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.3,1.5,.5,1),opacity .15s}.inside .imenu.open{transform:translate(-50%,-100%) scale(1);opacity:1;pointer-events:auto}.inside .imenu button{width:52px;height:52px;border-radius:50%;border:0;padding:0;background:#f3f0fa;cursor:pointer;display:grid;place-items:center;transition:transform .15s}.inside .imenu button:active{transform:scale(.9)}.inside .imenu button svg{width:32px;height:32px}.inside .imenu .bin{color:#9a93b5}.inside .imenu .bin.armed,.inside .tray .opt.bin.armed{background:var(--coral);color:#fff;animation:wob .4s ease-in-out infinite}.inside .dropbin{position:absolute;z-index:3;left:calc(env(safe-area-inset-left,0px) + 14px);top:calc(env(safe-area-inset-top,0px) + 100px);width:84px;height:84px;border-radius:50%;background:#f3f0fa;color:#9a93b5;box-shadow:var(--shadow);display:grid;place-items:center;transform:scale(0);pointer-events:none;transition:transform .2s cubic-bezier(.3,1.5,.5,1),background .15s}.inside .dropbin.show{transform:scale(1)}.inside .dropbin.hot{background:var(--coral);color:#fff;transform:scale(1.18)}.inside .dropbin svg{width:44px;height:44px}.inside .tray{z-index:3;width:min(calc(100vw - 24px),860px)}.inside .tray .undo{flex:0 0 auto;width:52px;height:52px;border-radius:16px;border:0;padding:0;background:#f3f0fa;cursor:pointer;display:grid;place-items:center}.inside .tray .undo svg{width:30px;height:30px}.inside .tray .undo:disabled{opacity:.35;cursor:default}.inside .tray .rows{display:flex;flex-direction:column;gap:4px;max-height:min(40vh,320px);overflow-y:auto}.inside .tray .row{padding:3px 2px 5px}.inside .tray .pics .opt{width:76px;height:76px}.inside .tray .opt img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain;pointer-events:none}.inside .tray .wide .opt{position:relative;overflow:hidden;width:118px;height:84px;border-radius:18px;background:#eaf7ff}.inside .tray .wide .opt[aria-pressed=true]{background:#fff6d6}.inside .tray .chips .opt,.inside .tray .icons .opt{width:52px;height:52px;border-radius:16px;background:#f3f0fa;display:grid;place-items:center}.inside .tray .chips .opt[aria-pressed=true],.inside .tray .icons .opt[aria-pressed=true]{border-color:var(--blue);background:#e3eeff}.inside .tray .chips svg{width:32px;height:32px}.inside .tray .icons svg{width:38px;height:38px}.inside .tray .opt.add{background:#e3eeff}.inside .tray .opt.bin{color:#9a93b5}.inside .tray .wide .opt.armed{border-color:var(--coral);animation:wob .4s ease-in-out infinite}.inside .tray .tabs .sub{display:contents}.inside .tray .tabs .sub .opt{flex:0 0 auto;width:44px;height:44px;border-radius:14px;border:3px solid transparent;background:#f3f0fa;cursor:pointer;display:grid;place-items:center;padding:0}.inside .tray .tabs .sub .opt[aria-pressed=true]{border-color:var(--blue);background:#e3eeff}.inside .tray .tabs .sub .opt svg{width:28px;height:28px}.inside .tray .tabs .gap.sub{display:block;flex:0 0 3px;margin:4px 2px;border-radius:2px;background:var(--panel-edge)}.inside .tray .opt.swatch{width:46px;height:46px;border-radius:50%;background:var(--c);box-shadow:inset 0 -5px #0000001f}.inside .tray .opt.swatch[aria-pressed=true]{box-shadow:inset 0 0 0 3px #fff,inset 0 -5px #0000001f}.inside .tray .wide .opt svg{width:48px;height:48px}.inside .tray .wide .opt.add,.inside .tray .wide .opt.bin{display:grid;place-items:center;width:84px}.inside .choose{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:16px;background:#3b335540;opacity:0;pointer-events:none;transition:opacity .25s}.inside .choose.open{opacity:1;pointer-events:auto}.inside .choose .panel{display:flex;gap:16px;padding:16px;background:var(--panel);border-radius:28px;box-shadow:var(--shadow)}.inside .choose button{position:relative;width:min(38vw,280px);aspect-ratio:1.25;border-radius:22px;border:4px solid var(--panel-edge);background:#eaf7ff;cursor:pointer;padding:0;transition:transform .15s,border-color .15s}.inside .choose button:hover{border-color:var(--yellow)}.inside .choose button:active{transform:scale(.95)}.inside .choose img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain;pointer-events:none}.inside .choose svg{position:absolute;right:-10px;bottom:-10px;width:56px;height:56px;filter:drop-shadow(0 3px 0 rgba(59,51,85,.15))}@media(max-height:500px){.inside .out,.inside .edit{width:56px;height:56px}.inside .out svg,.inside .edit svg{width:30px;height:30px}.inside .floors button{width:44px;height:44px}.inside .infam button{width:46px;height:46px}.inside .tray{padding:8px;gap:6px}.inside .tray .tabs button,.inside .tray .undo,.inside .tray .done{width:44px;height:44px}.inside .tray .pics .opt{width:62px;height:62px}.inside .tray .wide .opt{width:96px;height:68px}.inside .tray .chips .opt,.inside .tray .icons .opt{width:44px;height:44px}.inside .tray .rows{max-height:34vh}}.toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 18px);transform:translate(-50%);font-family:var(--display);font-weight:800;font-size:15px;background:var(--ink);color:#fff;padding:6px 14px;border-radius:999px;opacity:0;transition:opacity .3s;z-index:7;pointer-events:none;white-space:nowrap}.toast.show{opacity:.9}.ov{position:fixed;inset:0;z-index:8;display:grid;place-items:center;padding:16px;background:#3b33554d;opacity:0;pointer-events:none;transition:opacity .25s}.ov.open{opacity:1;pointer-events:auto}.ov .panel{position:relative;padding:10px;background:var(--panel);border-radius:28px;box-shadow:var(--shadow);transform:scale(.9);transition:transform .35s cubic-bezier(.3,1.4,.5,1)}.ov.open .panel{transform:none}.ov .map{position:relative;width:min(calc(100vw - 52px),1040px,calc((100vh - 52px)*1.9));aspect-ratio:1.9;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bot) 100%);touch-action:none;cursor:pointer}.ov canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.ov .view{position:absolute;z-index:2;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:8px;background:#fff3;box-shadow:0 0 0 2px #3b335559,0 4px 12px #3b335540;pointer-events:none}.ov .kid{position:absolute;width:44px;height:44px;transform:translate(-50%,calc(-100% - 6px));border-radius:50%;border:3px solid #fff;background:#f4f9ff;box-shadow:0 3px #3b33552e;padding:0;overflow:hidden;cursor:pointer;display:grid;place-items:end center;transition:border-color .15s}.ov .kid img{width:40px;height:auto;display:block;pointer-events:none;transform:translateY(7px)}.ov .kid.on{border-color:var(--yellow);background:#fff6d6;z-index:1}.ov .close{position:absolute;top:-12px;right:-12px;width:52px;height:52px;border-radius:50%;border:0;background:var(--panel);box-shadow:var(--shadow);cursor:pointer;display:grid;place-items:center}.ov .close svg{width:22px;height:22px}.ov .close:focus-visible,.ov .kid:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.cr{position:fixed;inset:0;z-index:8;display:grid;place-items:center;padding:16px;background:#3b33554d;opacity:0;pointer-events:none;transition:opacity .25s}.cr.open{opacity:1;pointer-events:auto}.cr .panel{position:relative;width:min(calc(100vw - 32px),980px);height:min(calc(100vh - 32px),640px);display:grid;grid-template-columns:minmax(200px,38%) 1fr;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"stage opts" "fam fam";gap:12px;padding:12px;background:var(--panel);border-radius:28px;box-shadow:var(--shadow);transform:scale(.9);transition:transform .35s cubic-bezier(.3,1.4,.5,1)}.cr.open .panel{transform:none}.cr .stage{grid-area:stage;position:relative;min-height:0;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bot) 100%);cursor:pointer;touch-action:manipulation}.cr .stage canvas{position:absolute;inset:0;display:block}.cr .dice{position:absolute;z-index:1;left:10px;top:10px;width:56px;height:56px;border-radius:16px;border:0;background:var(--yellow);box-shadow:0 4px #3b33552e;display:grid;place-items:center;cursor:pointer;transition:transform .15s}.cr .dice:active{transform:scale(.9) rotate(-15deg)}.cr .dice svg{width:34px;height:34px}.cr .opts{grid-area:opts;display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0}.cr .tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 64px 4px 2px;flex:0 0 auto}.cr .tabs button{flex:0 0 auto;width:56px;height:56px;border-radius:18px;border:3px solid transparent;background:#f3f0fa;cursor:pointer;display:grid;place-items:center;padding:0;transition:transform .15s}.cr .tabs button svg{width:32px;height:32px}.cr .tabs button[aria-selected=true]{border-color:var(--blue);background:#e3eeff;transform:translateY(-2px)}.cr .rows{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:12px;background:#f8f6fd;border-radius:20px}.cr .row{display:flex;flex-wrap:wrap;gap:10px}.cr .opt{border:4px solid transparent;cursor:pointer;padding:0;transition:transform .15s,border-color .15s}.cr .opt:active{transform:scale(.9)}.cr .opt[aria-pressed=true]{border-color:var(--yellow);box-shadow:0 0 0 3px #fff inset}.cr .swatches .opt{width:54px;height:54px;border-radius:50%;background:var(--c);box-shadow:inset 0 -5px #0000001f}.cr .swatches .opt[aria-pressed=true]{box-shadow:inset 0 0 0 3px #fff,inset 0 -5px #0000001f}.cr .pics .opt{position:relative;overflow:hidden;width:78px;height:78px;border-radius:18px;background:#fff;box-shadow:0 3px #3b33551a}.cr .pics .opt[aria-pressed=true]{background:#fff6d6}.cr .pics .opt img,.cr .who img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:contain;pointer-events:none}.cr .fambar{grid-area:fam;display:flex;gap:8px;overflow-x:auto;padding:2px 2px 4px}.cr .who{position:relative;flex:0 0 auto;width:60px;height:60px;border-radius:50%;border:3px solid transparent;background:#f4f9ff;cursor:pointer;padding:0;overflow:hidden;display:grid;place-items:center;transition:transform .15s}.cr .who[aria-pressed=true]{border-color:var(--yellow);background:#fff6d6;transform:translateY(-3px)}.cr .who.add{background:var(--blue)}.cr .who.add svg{width:28px;height:28px}.cr .done{position:absolute;top:-12px;right:-12px;z-index:2;width:64px;height:64px;border-radius:50%;border:4px solid #fff;background:var(--green);box-shadow:var(--shadow);cursor:pointer;display:grid;place-items:center;transition:transform .15s}.cr .done:active{transform:scale(.9)}.cr .done svg{width:32px;height:32px}.cr button:focus-visible{outline:4px solid var(--blue);outline-offset:3px}@media(max-aspect-ratio:1/1){.cr .panel{grid-template-columns:1fr;grid-template-rows:minmax(150px,34%) minmax(0,1fr) auto;grid-template-areas:"stage" "opts" "fam"}.cr .tabs{padding-right:2px;gap:5px}.cr .tabs button{width:44px;height:44px;border-radius:14px}.cr .tabs button svg{width:26px;height:26px}}@media(max-width:560px){.cr{padding:10px}.cr .panel{width:calc(100vw - 20px);height:calc(100vh - 20px);padding:10px;border-radius:24px}.cr .done{top:-6px;right:-6px}.cr .pics .opt{width:68px;height:68px}.cr .swatches .opt{width:48px;height:48px}}@media(max-width:560px),(max-height:500px){.card{width:min(300px,calc(100vw - 100px));max-height:calc(100vh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;padding:12px 14px;z-index:7}.card h1{font-size:22px}.card .sub{display:none}.card ul{margin-top:10px;gap:6px}.card li{font-size:12.5px;grid-template-columns:26px 1fr}.card li svg{width:26px;height:26px}.card .x{top:8px;right:8px}}@media(max-width:480px){.paint{padding:10px;gap:8px}.paint .top,.paint .tabs{gap:6px}.paint .tabs{padding:1px}.paint .tabs button,.paint .dice,.paint .bin,.paint .done{width:40px;height:40px;border-radius:13px}.paint .done{border-radius:50%}.paint .tabs button svg{width:24px;height:24px}.paint .dice svg,.paint .done svg,.paint .bin svg{width:24px;height:24px}.paint .swatches .opt{width:44px;height:44px}.paint .pics .opt{width:66px;height:66px}}@media(prefers-reduced-motion:reduce){.card,.pick,.btn,.fam button,.ov,.ov .panel,.cr,.cr .panel,.bmenu,.paint,.inside,.inside.open,.wx,.rail .extra,.btn.more svg{transition:none}.paint .bin.armed,.bmenu .bin.armed{animation:none}}