:root{--cream:#fff4e2;--cream2:#fbeedc;--plum:#4a2c40;--plum-soft:#7a5a6c;--coral:#ff7a6b;--apricot:#ffb57a;--mint:#8fd9bc;--lav:#b9a6f2;--sky:#8ccbff;--sun:#f7c948;--btn:56px;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);color:var(--plum);font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--cream2);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;color:inherit;cursor:pointer}.boot{background:var(--cream2);height:100%}.app{position:fixed;inset:0}.stage{position:absolute;inset:0}.stage canvas{display:block}.icon-btn{width:var(--btn);height:var(--btn);background:var(--cream);border:3px solid var(--plum);min-width:44px;min-height:44px;box-shadow:0 4px 0 var(--plum);border-radius:50%;place-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:inline-grid;position:relative}.icon-btn:active{box-shadow:0 1px 0 var(--plum);transform:translateY(3px)}.icon-btn.big{--btn:64px}.coin-chip{background:var(--sun);border:3px solid var(--plum);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:999px;align-self:center;align-items:center;gap:5px;height:34px;padding:0 12px 0 9px;font-size:15px;font-weight:800;display:inline-flex}.icon-btn.primary{background:var(--mint)}.icon-btn:disabled{opacity:.45}.icon-btn:focus-visible,.pill:focus-visible,.opt:focus-visible{outline:4px solid var(--sky);outline-offset:2px}.pill{background:var(--cream);border:3px solid var(--plum);min-height:48px;box-shadow:0 4px 0 var(--plum);border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:17px;font-weight:800;display:inline-flex}.pill.primary{background:var(--mint)}.pill.danger{background:#ffd2cc}.pill:active{box-shadow:0 1px 0 var(--plum);transform:translateY(3px)}.badge{background:var(--coral);color:#fff;border:2px solid var(--plum);border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:12px;display:grid;position:absolute;top:-6px;right:-6px}.title{z-index:30;background:#bfe3fa bottom/cover no-repeat;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.title-sky{background:linear-gradient(#fff4e226,#fff4e28c);position:absolute;inset:0}.title-inner{justify-items:center;gap:6px;padding:16px;display:grid;position:relative}.logo{letter-spacing:1px;margin:0;font-family:"Baloo 2",sans-serif;font-size:clamp(64px,14vmin,120px);font-weight:800;line-height:.9;display:flex}.logo span{color:var(--cream);-webkit-text-stroke:7px var(--plum);paint-order:stroke fill;text-shadow:0 7px 0 var(--plum);animation:2.6s ease-in-out infinite bob;animation-delay:calc(var(--i) * .16s);display:inline-block}.logo span:first-child{color:var(--coral)}.logo span:nth-child(2){color:var(--sun)}.logo span:nth-child(3){color:var(--mint)}.logo span:nth-child(4){color:var(--lav)}.slogan{background:var(--cream);border:3px solid var(--plum);border-radius:999px;margin:4px 0 0;padding:2px 18px;font-family:"Baloo 2",sans-serif;font-size:clamp(18px,3.6vmin,26px);font-weight:700}.title-cast{gap:0;height:clamp(150px,34vmin,260px);margin:4px 0 6px;display:flex}.cast{aspect-ratio:220/380;height:100%;animation:2.2s ease-in-out infinite bob;animation-delay:calc(var(--i) * .3s);margin:0 -10px}.cast svg{width:100%;height:100%}.play{background:var(--coral);color:var(--cream);border:4px solid var(--plum);box-shadow:0 7px 0 var(--plum);border-radius:999px;align-items:center;gap:12px;padding:10px 40px 10px 30px;font-family:"Baloo 2",sans-serif;font-size:34px;font-weight:800;animation:1.8s ease-in-out infinite pulse;display:inline-flex}.play span{-webkit-text-stroke:1.5px var(--plum);paint-order:stroke fill}.play svg{color:var(--cream);stroke:var(--plum)}.play:active{box-shadow:0 2px 0 var(--plum);transform:translateY(5px)}.loading .bar{border:3px solid var(--plum);background:var(--cream);border-radius:999px;width:min(280px,60vw);height:22px;overflow:hidden}.loading .bar i{background:var(--mint);height:100%;transition:width .2s;display:block}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hud{pointer-events:none;z-index:10;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-tl{top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l));position:absolute}.hud-tr{top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r));gap:10px;display:flex;position:absolute}.hud-r{right:calc(12px + var(--safe-r));gap:12px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.pocket{left:calc(12px + var(--safe-l));bottom:calc(12px + var(--safe-b));align-items:center;gap:8px;display:flex;position:absolute}.pocket-slots{border:3px solid var(--plum);box-shadow:0 4px 0 var(--plum);background:#fff4e2eb;border-radius:999px;gap:6px;padding:5px 8px;display:flex}.pocket-slot{touch-action:none;background:#f3e2c8;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.pocket-slot .face,.pocket-slot .face svg{width:52px;height:52px;display:block}body[data-dragging]:not([data-dragging=""]):not([data-dragging=furniture]) .pocket-slots{outline:4px dashed var(--plum-soft);outline-offset:3px}body[data-drag-hover=pocket] .pocket-slots,body[data-drag-hover=pocket] .pocket-btn{background:var(--sun);transform:scale(1.08)}.pocket-btn,.pocket-slots{transition:transform .12s,background .12s}.rotate-hint{left:50%;top:calc(84px + var(--safe-t));background:var(--cream);border:3px solid var(--plum);border-radius:999px;align-items:center;gap:6px;max-width:calc(100vw - 32px);padding:6px 12px;font-size:13px;font-weight:800;display:flex;position:absolute;transform:translate(-50%)}.drag-hint{width:220px;height:80px;position:absolute;top:58%;left:50%;transform:translate(-50%);pointer-events:none!important}.drag-hint .hand{width:66px;height:66px;color:var(--plum);border:3px solid var(--plum);box-shadow:0 4px 0 var(--plum);background:#fff4e2eb;border-radius:50%;place-items:center;animation:2.4s ease-in-out infinite hint-drag;display:grid;position:absolute;top:10px;left:0}.drag-hint .trail{border-top:5px dotted var(--plum-soft);opacity:.55;position:absolute;top:42px;left:33px;right:33px}@keyframes hint-drag{0%{transform:translate(0)scale(1)}15%{transform:translate(0)scale(.86)}65%{transform:translate(154px)scale(.86)}80%,to{opacity:0;transform:translate(154px)scale(1)}}@media (prefers-reduced-motion:reduce){.drag-hint .hand{animation:none}}.drawer{padding:8px calc(12px + var(--safe-r)) calc(8px + var(--safe-b)) calc(12px + var(--safe-l));border-top:4px solid var(--plum);background:#fff4e2f5;border-radius:26px 26px 0 0;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px #4a2c4026}body[data-drag-hover=storage] .drawer{background:#ffe9a8}.drawer-bar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.tabs{gap:6px;display:flex}.tabs button,.ctabs button,.seg button{background:0 0;border:3px solid #0000;border-radius:16px;place-items:center;min-width:48px;height:48px;display:grid;position:relative}.tabs button.on,.ctabs button.on{background:var(--cream);border-color:var(--plum);box-shadow:0 3px 0 var(--plum)}.drawer-actions{gap:8px;display:flex}.drawer-actions .icon-btn{--btn:48px}.drawer-items{scrollbar-width:none;align-items:center;gap:10px;min-height:84px;padding:4px 2px 6px;display:flex;overflow-x:auto}.drawer-item{border:3px solid var(--plum);touch-action:none;background:#f3e2c8;border-radius:20px;flex:none;place-items:center;width:76px;height:76px;display:grid}.sprite{place-items:center;display:inline-grid}.sprite>span{background-repeat:no-repeat;display:block}.paint{flex-wrap:nowrap;align-items:center;gap:10px;display:flex}.paint-label{margin-left:6px;font-size:14px;font-weight:800}.swatch{border:3px solid var(--plum);width:48px;height:48px;box-shadow:0 3px 0 var(--plum);border-radius:50%;flex:none}.swatch.on{outline:4px solid var(--coral);outline-offset:2px}.dialog-back{z-index:50;background:#4a2c4059;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.dialog{background:var(--cream);border:4px solid var(--plum);box-shadow:0 7px 0 var(--plum);border-radius:28px;width:min(440px,100%);max-height:calc(100% - 32px);padding:22px 22px 20px;position:relative;overflow:auto}.dialog h2{margin:0 40px 10px 0;font-family:"Baloo 2",sans-serif;font-size:24px;line-height:1.1}.dialog p{margin:0 0 14px;font-weight:700;line-height:1.4}.dialog .close{--btn:44px;position:absolute;top:12px;right:12px}.row{flex-wrap:wrap;gap:10px;display:flex}.setting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;font-weight:800;display:flex}.seg{background:#f3e2c8;border-radius:18px;gap:4px;padding:3px;display:flex}.seg button{padding:0 14px;font-weight:800}.seg button.on{background:var(--mint);border-color:var(--plum)}.creator{z-index:40;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) calc(10px + var(--safe-b)) calc(12px + var(--safe-l));background:linear-gradient(#ffe9d2,#fbeedc);flex-direction:column;gap:8px;display:flex;position:absolute;inset:0}.creator-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.char-list{scrollbar-width:none;gap:8px;padding:4px;display:flex;overflow-x:auto}.char-chip{border:3px solid var(--plum);background:var(--cream);border-radius:50%;flex:none;place-items:center;width:54px;height:54px;padding:0;display:grid;overflow:hidden}.char-chip svg{width:54px;height:54px}.char-chip.on{outline:4px solid var(--coral);outline-offset:2px}.creator-actions{flex:none;gap:8px;display:flex}.creator-body{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(150px,34%) 1fr;gap:12px;min-height:0;display:grid}.creator-preview{height:100%;min-height:0;position:relative;overflow:hidden}.stage-disc{border:3px solid var(--plum);background:#f1d3b0;border-radius:50%;width:80%;height:10%;position:absolute;bottom:2%;left:10%}.preview-fig{aspect-ratio:220/380;max-width:100%;height:95%;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.preview-fig svg{width:100%;height:100%}.shuffle{--btn:48px;position:absolute;top:4px;left:4px}.creator-panel{border:3px solid var(--plum);background:#fff4e2e6;border-radius:24px;flex-direction:column;min-height:0;padding:8px;display:flex}.ctabs{scrollbar-width:none;flex:none;gap:4px;display:flex;overflow-x:auto}.copts{padding:8px 2px;overflow-y:auto}.opts{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.opt{border:3px solid var(--plum);background:#fff;border-radius:18px;place-items:center;width:64px;height:64px;padding:0;display:grid;overflow:hidden}.opt.swatch{border-radius:50%;width:54px;height:54px}.opt.on{outline:4px solid var(--coral);outline-offset:2px}.opt.fig span{width:100%;height:100%;display:block}.opt.fig span svg{width:100%;height:130%;transform:translateY(-8%)}.opt.fig.face svg{width:100%;height:100%}@media (orientation:portrait){.creator-body{grid-template-rows:minmax(0,38%) minmax(0,1fr);grid-template-columns:1fr}}@media (height<=420px){:root{--btn:50px}.icon-btn.big{--btn:56px}.drawer-items{min-height:70px}.drawer-item{width:64px;height:64px}}@media (prefers-reduced-motion:reduce){.logo span,.cast,.play{animation:none}}