@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}:root{--ink:#3a2a6a;--purple:#6b3df5;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--font:"Fredoka", "Varela Round", ui-rounded, "SF Pro Rounded", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--font);color:#fff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:none;background:#1f1658;margin:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#stage{position:absolute;top:0;bottom:0;left:0;right:0}#stage canvas{touch-action:none;width:100%;height:100%;display:block}#ui{pointer-events:none;z-index:10;position:absolute;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}.btn{font:inherit;color:#fff;cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:0}.btn-round{background:linear-gradient(#8f6bff 0%,#6b3df5 100%);border-radius:50%;place-items:center;transition:transform .12s cubic-bezier(.3,1.6,.5,1),box-shadow .12s;display:grid;position:relative;box-shadow:0 6px #4a24c4,0 10px 22px #1e0a5059,inset 0 2px #ffffff73}.btn-round:before{content:"";filter:blur(1px);pointer-events:none;background:#fff6;border-radius:50%;width:46%;height:26%;position:absolute;top:9%;left:18%}.btn-round:active{transform:translateY(5px)scale(.94);box-shadow:0 1px #4a24c4,0 4px 10px #1e0a504d,inset 0 2px #ffffff73}.btn-round svg{filter:drop-shadow(0 2px #0000002e);width:52%;height:52%}.btn-small{background:#fff3;width:68px;height:68px;box-shadow:0 4px #1e0a5040,inset 0 2px #ffffff59}.btn-small:active{box-shadow:0 1px #1e0a5040}.btn-mid{width:94px;height:94px}.btn-big{width:128px;height:128px}.btn-hero{width:168px;height:168px}.btn-hero,.btn-big{background:linear-gradient(#ffe45c 0%,#ffab1c 100%);box-shadow:0 8px #db7a00,0 14px 30px #78320059,inset 0 3px #fff9}.btn-hero:active,.btn-big:active{box-shadow:0 2px #db7a00,0 4px 10px #7832004d,inset 0 3px #fff9}.btn-hero svg,.btn-big svg{color:#fff;filter:drop-shadow(0 3px #b4500073);width:48%;height:48%;margin-left:8%}.btn-book{background:linear-gradient(#ff8fd2 0%,#ff4fa3 100%);box-shadow:0 6px #d02a7c,0 10px 22px #78003c4d,inset 0 2px #ffffff80}.btn-cake{background:linear-gradient(#7ee8ff 0%,#2bb4ff 100%);animation:2.4s ease-in-out infinite wobble;box-shadow:0 6px #1386cc,0 10px 22px #003c784d,inset 0 2px #ffffff80}.btn-glow{animation:1.6s ease-in-out infinite glow}.btn-glow:after{content:"";pointer-events:none;border:4px solid #fff0a0cc;border-radius:50%;animation:1.6s ease-out infinite ring;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.btn-placeholder{width:94px;height:94px}.badge{color:#fff;text-align:center;background:#ff3b5c;border-radius:17px;min-width:34px;height:34px;padding:0 8px;font-size:21px;font-weight:700;line-height:34px;animation:1.2s ease-in-out infinite pulse;position:absolute;top:-6px;right:-6px;box-shadow:0 2px #b8122f}.corner{top:calc(var(--safe-t) + 12px);align-items:center;gap:10px;display:flex;position:absolute}.corner-tl{left:14px}.corner-tr{right:14px}.star-chip{text-shadow:0 2px #00000026;background:#fff3;border-radius:34px;align-items:center;gap:8px;height:68px;padding:0 24px 0 16px;font-size:38px;font-weight:700;display:flex;box-shadow:inset 0 2px #ffffff4d}.star-chip-icon{color:#ffd23f;filter:drop-shadow(0 0 6px #ffd23ccc);width:44px;height:44px}.star-chip-icon svg{stroke-width:1.5px;width:100%;height:100%}.title-actions,.results-bar{left:0;right:0;bottom:calc(var(--safe-b) + 28px);pointer-events:none;justify-content:center;align-items:center;gap:clamp(18px,5vw,40px);display:flex;position:absolute}.title-actions>*,.results-bar>*{pointer-events:auto}.results-bar{animation:.5s cubic-bezier(.3,1.5,.5,1) both rise}.topbar{top:calc(var(--safe-t) + 12px);pointer-events:none;align-items:center;gap:14px;height:70px;display:flex;position:absolute;left:14px;right:14px}.topbar>*{pointer-events:auto}.btn-back{background:#ffffff38;flex:none;width:68px;height:68px;box-shadow:0 4px #1e0a5040,inset 0 2px #ffffff59}.topbar-spacer{flex:none;width:118px}.progress{flex:1;max-width:620px;height:32px;margin:0 auto;position:relative}.progress-track{background:#ffffff2e;border-radius:16px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;box-shadow:inset 0 3px 6px #00000040}.progress-fill{background:linear-gradient(90deg,#ff3b5c,#ff8a1c,#ffd60a,#35d45a,#2fa8ff,#9d5cff) 0 0/560px 100%;border-radius:16px;width:0;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 3px #ffffff73,0 0 14px #ffffff80}.progress-fill.bump{animation:.4s ease-out bump}.progress-star{color:#ffffff8c;width:58px;height:58px;transition:color .3s;position:absolute;top:50%;right:-24px;transform:translateY(-50%)}.progress-star svg{stroke-width:1.4px;width:100%;height:100%}.progress-star.lit{color:#ffd23f;filter:drop-shadow(0 0 10px #ffd23ce6);animation:.8s cubic-bezier(.3,1.6,.5,1) spin-pop}#caption{z-index:12;pointer-events:none;opacity:0;will-change:transform;transition:opacity .2s;position:fixed;top:0;left:0}#caption.show{opacity:1}.caption-inner{animation:.35s cubic-bezier(.3,1.6,.5,1) both bubble-in;position:relative}#caption[data-side=right] .caption-inner{transform-origin:0%}#caption[data-side=left] .caption-inner{transform-origin:100%}#caption[data-side=above] .caption-inner{transform-origin:50% 100%}#caption[data-side=below] .caption-inner{transform-origin:50% 0}.caption-bubble{z-index:1;color:var(--ink);text-align:center;background:#fff;border-radius:26px;padding:10px 24px 12px;font-size:clamp(24px,2.5vw,34px);font-weight:600;line-height:1.2;position:relative;box-shadow:0 5px #3c1e8c2e,0 10px 24px #1e0a5040}.caption-tail{background:#fff;border-radius:5px;width:26px;height:26px;position:absolute;transform:rotate(45deg)}#caption[data-side=free] .caption-tail{display:none}@keyframes bubble-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}.hl{margin:0 .06em;font-size:1.12em;font-weight:700;animation:.5s cubic-bezier(.3,1.8,.5,1) word-pop;display:inline-block}.hl-light{text-shadow:0 0 1px #3c2864e6,0 1px #3c2864b3,0 2px 2px #3c286459}.hl-pop{color:#ff2f8e}#overlay{z-index:30;padding:calc(var(--safe-t) + 12px) 12px calc(var(--safe-b) + 12px);background:#180a3cbd;justify-content:center;align-items:center;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#overlay.open{display:flex}.panel{width:min(94vw,880px);max-height:100%;color:var(--ink);touch-action:pan-y;-webkit-overflow-scrolling:touch;background:linear-gradient(#fff 0%,#f5eeff 100%);border-radius:34px;padding:26px 26px 30px;animation:.45s cubic-bezier(.3,1.5,.5,1) both pop-in;position:relative;overflow-y:auto;box-shadow:0 10px #5a32c840,0 30px 60px #14003c73}.panel h1{color:var(--purple);text-align:center;margin:0 0 8px;font-size:clamp(36px,5vw,52px)}.panel-close{color:var(--purple);z-index:2;background:#ece4ff;position:absolute;top:14px;right:14px;box-shadow:0 4px #cfc0fb}.panel-close:before{display:none}.sticker-count{color:#8a6ad8;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;font-size:32px;font-weight:600;display:flex}.sticker-count span{color:#ffc928;width:36px;height:36px}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:16px;display:grid}.sticker{aspect-ratio:1;font:inherit;cursor:pointer;animation:.45s cubic-bezier(.3,1.6,.5,1) both appear;animation-delay:var(--d);border:none;border-radius:50%;place-items:center;display:grid;position:relative}.sticker.have{background:radial-gradient(circle at 35% 30%,#fff 0%,#fff0fb 60%,#ffd9f3 100%);font-size:62px;box-shadow:0 5px #f0c3e8,0 8px 16px #78288c26}.sticker.missing{color:#cdbff3;background:#faf7ff;border:3px dashed #ddd0fb;font-size:38px;font-weight:700}.sticker.new:after{content:"NEW";color:#fff;background:#ff3b5c;border-radius:12px;padding:3px 9px;font-size:16px;font-weight:700;animation:1s ease-in-out infinite pulse;position:absolute;top:-6px;right:-8px}.sticker.boing{animation:.55s cubic-bezier(.3,1.8,.5,1) boing}.gate{text-align:center;width:min(92vw,540px)}.gate p{color:#8a7ab8;margin:4px 0 12px;font-size:22px}.gate-q{margin:8px 0 18px;font-size:58px;font-weight:700}.gate-choices{justify-content:center;gap:14px;display:flex}.gate-choice{background:linear-gradient(#8f6bff,#6b3df5);border-radius:22px;min-width:108px;height:78px;font-size:36px;font-weight:700;box-shadow:0 5px #4a24c4}.gate-choice:active{transform:translateY(4px);box-shadow:0 1px #4a24c4}.gate-choice[disabled]{opacity:.45}.gate-choice.wrong{opacity:1;background:linear-gradient(#ff6b81,#e0244a);box-shadow:0 5px #a3132f}.gate-wait{color:var(--purple);margin:10px 0 6px;font-size:40px;font-weight:700}.version-bar{color:#8a7ab8;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;margin:0 auto 4px;font-size:19px;display:flex}.version-bar b{color:var(--purple);font-size:23px}.version-status.good{color:#1f9a4a;font-weight:600}.version-status.warn{color:#d9730d;font-weight:600}.btn-update{background:linear-gradient(#62e982,#20b04a);border-radius:14px;padding:8px 18px;font-size:19px;font-weight:700;box-shadow:0 4px #158a36}.shake{animation:.45s shake}.settings{-webkit-user-select:text;user-select:text}.settings section{background:#fff;border-radius:22px;margin:18px 0;padding:16px 18px;box-shadow:0 3px #e6dcff}.settings h2{color:var(--purple);margin:0 0 12px;font-size:28px}.field{color:#7a6aa8;flex-direction:column;gap:8px;margin:12px 0;font-size:20px;display:flex}.row{gap:8px;display:flex}.text-input,.num-input,.select{font:inherit;color:var(--ink);-webkit-user-select:text;user-select:text;background:#faf7ff;border:2px solid #ddd0fb;border-radius:14px;outline:none;padding:10px 14px;font-size:24px}.num-input{width:96px}.num-input.wide{width:130px}.select{max-width:100%;font-size:20px}.toggle{cursor:pointer;justify-content:space-between;align-items:center;margin:12px 0;font-size:23px;display:flex;position:relative}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle i{background:#ddd0fb;border-radius:17px;flex:none;width:58px;height:34px;transition:background .2s;position:relative}.toggle i:after{content:"";background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .25s cubic-bezier(.3,1.6,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle input:checked+i{background:#35d45a}.toggle input:checked+i:after{transform:translate(24px)}.btn-text{color:var(--purple);background:#f0e9ff;border-radius:16px;margin:12px 0 2px;padding:12px 18px;font-size:21px;font-weight:600;display:block}.btn-text.danger{color:#e0244a;background:#ffe8ec}.btn-primary{background:linear-gradient(#8f6bff,#6b3df5);border-radius:20px;width:100%;margin-top:10px;padding:16px;font-size:30px;font-weight:700;display:block;box-shadow:0 5px #4a24c4}.summary{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.summary>div{background:#f5f0ff;border-radius:16px;flex-direction:column;align-items:center;padding:10px 4px;display:flex}.summary b{font-size:30px}.summary span{color:#8a7ab8;font-size:18px}.skill{margin:12px 0}.skill-head{justify-content:space-between;font-size:22px;display:flex}.skill-head span{color:#8a7ab8;font-size:18px}.skill-bar{background:#eee6ff;border-radius:6px;height:14px;margin:6px 0;overflow:hidden}.skill-bar i{background:linear-gradient(90deg,#9d5cff,#35d45a);border-radius:6px;height:100%;display:block}.skill-note{color:#b0692a;font-size:19px}.skill-note.good{color:#1f9a4a}.muted{color:#8a7ab8;font-size:20px;line-height:1.4}#wipe{z-index:50;visibility:hidden;clip-path:circle(0%);background:radial-gradient(circle,#ffffff38 2.5px,#0000 3.5px) 0 0/34px 34px,radial-gradient(circle,#8f5cf0 0%,#5a2f9e 45%,#24135e 100%);position:fixed;top:0;bottom:0;left:0;right:0}#boot{z-index:100;background:linear-gradient(#1f1658 0%,#5a2a7c 100%);place-items:center;transition:opacity .7s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}#boot.hide{opacity:0;pointer-events:none}.boot-spinner{border:8px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:64px;height:64px;animation:.9s linear infinite spin}@keyframes glow{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}@keyframes bump{50%{filter:brightness(1.5)}}@keyframes spin-pop{0%{transform:translateY(-50%)scale(.5)rotate(-180deg)}to{transform:translateY(-50%)scale(1)rotate(0)}}@keyframes word-pop{0%{transform:scale(.4)}to{transform:scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)translateY(30px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(140px)}to{opacity:1;transform:none}}@keyframes appear{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes boing{0%{transform:scale(1)}30%{transform:scale(1.3)rotate(-8deg)}60%{transform:scale(.9)rotate(5deg)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-12px)}40%,80%{transform:translate(12px)}}@keyframes spin{to{transform:rotate(360deg)}}#ui>.hand{z-index:20;pointer-events:none;filter:drop-shadow(2px 0 0 var(--ink)) drop-shadow(-2px 0 0 var(--ink)) drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 -2px 0 var(--ink)) drop-shadow(0 6px 8px #14003c73);transform-origin:40% 6%;will-change:transform, opacity;font-size:84px;line-height:1;position:fixed;top:0;left:0}#ui>.hand-ripple{z-index:19;pointer-events:none;border:6px solid #ffffffe6;border-radius:50%;width:90px;height:90px;margin:-45px 0 0 -45px;animation:.6s ease-out forwards hand-ripple;position:fixed;box-shadow:0 0 18px #fff9}@keyframes hand-ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}.lyrics{left:0;right:0;bottom:calc(var(--safe-b) + 30px);white-space:nowrap;pointer-events:none;background:#1408329e;border-radius:36px;width:-moz-fit-content;width:fit-content;max-width:96vw;margin:0 auto;padding:40px 36px 16px;animation:.45s cubic-bezier(.3,1.5,.5,1) both rise;position:absolute;box-shadow:0 10px 30px #0000004d}.lyrics-line{word-spacing:.25em;color:#ffffff80;text-shadow:0 3px #00000040;font-size:clamp(40px,5vw,64px);font-weight:700;position:relative}.syl{transition:color .15s,transform .2s cubic-bezier(.3,1.8,.5,1);display:inline-block}.syl.done{color:#fff}.syl.on{color:#ffd23f;text-shadow:0 0 18px #ffd23fcc,0 3px #00000040;transform:scale(1.2)translateY(-4px)}.lyrics-ball{color:#ffd23f;filter:drop-shadow(0 0 8px #ffd23ce6);width:36px;height:36px;transition:transform .18s ease-out;position:absolute;top:4px;left:36px}.lyrics-ball svg{width:100%;height:100%}.lyrics-ball.hop svg{animation:.32s ease-out ball-hop}@keyframes ball-hop{40%{transform:translateY(-14px)}}.corner-br{top:auto;right:20px;bottom:calc(var(--safe-b) + 20px)}.btn-dress{background:linear-gradient(#ffb6e8 0%,#ff5fae 100%);animation:3s ease-in-out infinite wobble;box-shadow:0 8px #d33a86,0 14px 30px #78003c59,inset 0 3px #ffffff8c}.btn-dress svg{width:54%;height:54%;margin-left:0}.chip-part{align-items:center;gap:6px;display:inline-flex}.chip-friends{margin-left:20px}.chip-emoji{font-size:36px;line-height:1}.wardrobe{left:0;right:0;bottom:calc(var(--safe-b) + 16px);width:min(94vw,920px);color:var(--ink);background:#fffffff5;border-radius:34px;flex-direction:column;gap:16px;margin:0 auto;padding:18px 22px 24px;animation:.45s cubic-bezier(.3,1.5,.5,1) both rise;display:flex;position:absolute;box-shadow:0 10px #5a32c840,0 30px 60px #14003c73}.wardrobe-tabs{justify-content:center;gap:14px;display:flex}.wardrobe-tab{cursor:pointer;background:#efe8ff;border:none;border-radius:22px;width:96px;height:70px;font-size:40px;box-shadow:0 5px #d8ccfb}.wardrobe-tab.on{background:#6b3df5;box-shadow:0 5px #4a24c4}.wardrobe-grid{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:18px 14px;display:grid}.wardrobe-item{aspect-ratio:1;font:inherit;cursor:pointer;background:#f5f0ff;border:none;border-radius:28px;place-items:center;display:grid;position:relative;box-shadow:0 5px #ddd0fb}.wardrobe-item:active{transform:translateY(4px)}.wardrobe-emoji{font-size:56px;line-height:1}.wardrobe-item.worn{background:#e8fff0;box-shadow:0 0 0 5px #35d45a,0 5px #b8ecc8}.wardrobe-item.locked:after{content:"🔒";background:var(--ink);text-align:center;border-radius:50%;width:36px;height:36px;font-size:19px;line-height:36px;position:absolute;top:-8px;right:-8px}.swatch{border-radius:50%;width:66%;height:66%;box-shadow:inset 0 -7px #00000029,inset 0 6px #ffffff59}.price{color:#ffd23f;white-space:nowrap;background:#3a2a6a;border-radius:16px;align-items:center;gap:3px;padding:3px 11px 3px 8px;font-size:22px;font-weight:700;display:flex;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.price span{width:20px;height:20px;display:inline-grid}.price svg{width:100%;height:100%}.wardrobe-close{color:var(--purple);background:#fff;position:absolute;top:-24px;right:-12px;box-shadow:0 5px #d8ccfb}.wardrobe-close:before{display:none}.text-area{width:100%;font:inherit;color:var(--ink);resize:vertical;-webkit-user-select:text;user-select:text;background:#faf7ff;border:2px solid #ddd0fb;border-radius:16px;outline:none;padding:12px 16px;font-size:24px;line-height:1.35}.subhead{color:var(--purple);margin:18px 0 8px;font-size:22px}.friend-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.friend-row{align-items:center;gap:10px;display:flex}.friend-dot{border-radius:50%;flex:none;width:30px;height:30px;box-shadow:inset 0 -4px #00000026}.friend-input{flex:1;min-width:0}#ui>.title-dock{left:0;right:0;bottom:calc(var(--safe-b) + 28px);pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:clamp(18px,3vw,36px);padding:0 14px;display:grid;position:absolute}.title-dock .btn{pointer-events:auto}.title-wing,.title-modes{align-items:center;gap:clamp(16px,2.6vw,32px);display:flex}.title-wing-l{justify-content:flex-end}@media (max-aspect-ratio:1),(max-width:900px) and (min-height:521px){#ui>.title-dock{flex-wrap:wrap;justify-content:center;gap:16px 22px;display:flex}.title-wing{display:contents}.title-modes{flex-basis:100%;order:1;justify-content:center}}@media (max-width:560px){#ui>.title-dock{column-gap:14px}.title-dock .btn-hero{width:136px;height:136px}.title-dock .btn-big{width:108px;height:108px}.title-dock .btn-mid{width:78px;height:78px}}@media (max-height:520px) and (min-aspect-ratio:1){#ui>.title-dock{bottom:calc(var(--safe-b) + 14px)}.title-dock .btn-hero{width:116px;height:116px}.title-dock .btn-big{width:96px;height:96px}.title-dock .btn-mid{width:76px;height:76px}}.btn-free{background:linear-gradient(#7af5b9 0%,#16bd73 100%);box-shadow:0 8px #0b8a52,0 14px 30px #005a3259,inset 0 3px #fff9}.btn-free:active{box-shadow:0 2px #0b8a52,0 4px 10px #005a324d,inset 0 3px #fff9}.btn-free svg{color:#fff;filter:drop-shadow(0 3px #00643773);width:50%;height:50%;margin:0;animation:2.6s ease-in-out infinite toy-wiggle}@keyframes toy-wiggle{0%,60%,to{transform:rotate(0)scale(1)}70%{transform:rotate(-9deg)scale(1.08)}85%{transform:rotate(7deg)scale(1.04)}}.btn-voices{background:linear-gradient(#ffd27a 0%,#ff8a3d 100%);box-shadow:0 4px #d9601c,inset 0 2px #ffffff80}.btn-emoji{filter:drop-shadow(0 2px #0003);font-size:38px;line-height:1;position:relative}.fp-grid{padding:10px 14px calc(var(--safe-b) + 24px);overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;display:flex;position:absolute;top:204px;bottom:0;left:0;right:0;overflow-y:auto}.fp-cards{flex-wrap:wrap;justify-content:center;gap:18px;margin:auto;display:flex}.fp-card{width:var(--card,160px);height:var(--card,160px);justify-content:center;align-items:center;gap:calc(var(--card,160px) * .03);padding:calc(var(--card,160px) * .06) calc(var(--card,160px) * .05) calc(var(--card,160px) * .08);border-radius:calc(var(--card,160px) * .18);background:linear-gradient(180deg, var(--c1) 0%, var(--c2) 100%);box-shadow:0 7px 0 var(--c3), 0 12px 26px #14003c59, inset 0 3px 0 #ffffff80;animation:.45s cubic-bezier(.3,1.6,.5,1) backwards appear;animation-delay:var(--d);flex-direction:column;flex:none;transition:transform .2s cubic-bezier(.3,1.6,.5,1),box-shadow .2s;display:flex;position:relative}.fp-card:before{content:"";filter:blur(2px);pointer-events:none;background:#ffffff4d;border-radius:50%;width:52%;height:18%;position:absolute;top:6%;left:12%}.fp-card:active{box-shadow:0 2px 0 var(--c3), 0 5px 12px #14003c4d, inset 0 3px 0 #ffffff80;transform:translateY(5px)scale(.97)}.fp-card.last{box-shadow:0 0 0 4px #ffffff8c, 0 7px 0 4px var(--c3), 0 12px 26px #14003c59, inset 0 3px 0 #ffffff80}.fp-card.on{z-index:1;box-shadow:0 0 0 6px #fff, 0 0 34px 10px #fff0aabf, 0 7px 0 6px var(--c3), inset 0 3px 0 #ffffff80;transform:scale(1.06)}.fp-card.on .fp-emoji,.fp-card.go{animation:.55s cubic-bezier(.3,1.8,.5,1) boing}.fp-emoji{font-size:calc(var(--card,160px) * .42);filter:drop-shadow(0 4px #00000026);line-height:1}.fp-name{font-size:clamp(13px, calc(var(--card,160px) * .115), 22px);text-align:center;text-shadow:0 2px #0003;font-weight:700;line-height:1.1}.fp-tier{gap:calc(var(--card,160px) * .035);display:flex}.fp-tier i{width:clamp(7px, calc(var(--card,160px) * .06), 12px);height:clamp(7px, calc(var(--card,160px) * .06), 12px);background:#ffffff59;border-radius:50%}.fp-tier i.on{background:#fff;box-shadow:0 0 6px #ffffffe6}.fp-go{width:clamp(64px, calc(var(--card,160px) * .38), 76px);height:clamp(64px, calc(var(--card,160px) * .38), 76px);background:linear-gradient(#ffe45c 0%,#ffab1c 100%);border-radius:50%;place-items:center;transition:transform .25s cubic-bezier(.3,1.6,.5,1);display:grid;position:absolute;top:-12px;right:-12px;transform:scale(0);box-shadow:0 5px #db7a00,0 8px 18px #78320059,inset 0 3px #fff9}.fp-go svg{filter:drop-shadow(0 2px #b4500073);width:46%;height:46%;margin-left:8%}.fp-card.on .fp-go{transform:scale(1)}.fp-next{animation:1.6s ease-in-out infinite glow}.fp-countdown{pointer-events:none;position:absolute;top:-14px;bottom:-14px;left:-14px;right:-14px}.btn-round .fp-countdown svg{filter:none;width:100%;height:100%;margin:0;transform:rotate(-90deg)}.fp-countdown circle{fill:none;stroke:#fffffff2;stroke-width:5px;stroke-linecap:round;stroke-dasharray:289.03;stroke-dashoffset:289.03px;animation:fp-count var(--t) linear forwards}@keyframes fp-count{to{stroke-dashoffset:0}}.btn-surprise{background:linear-gradient(#ff9fe0 0%,#c45cff 100%);box-shadow:0 6px #8f2fd0,0 10px 22px #5000784d,inset 0 2px #ffffff80}.vp{text-align:center;width:min(94vw,780px)}.vp h1{margin-bottom:16px}.vp-head{color:var(--purple);margin:24px 0 14px;font-size:28px}.vp-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.vp-styles{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.vp-card{width:118px;color:var(--ink);background:#f5f0ff;border-radius:26px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;display:flex;position:relative;box-shadow:0 5px #ddd0fb}.vp-card:active{transform:translateY(4px);box-shadow:0 1px #ddd0fb}.vp-face{background:radial-gradient(circle at 35% 30%, #fff 0%, var(--c) 72%);border-radius:50%;place-items:center;width:76px;height:76px;font-size:46px;line-height:1;display:grid;box-shadow:inset 0 -5px #0000001f}.vp-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:19px;font-weight:700;overflow:hidden}.vp-card.on{background:#e8fff0;box-shadow:0 0 0 5px #35d45a,0 5px #b8ecc8}.vp-card.on:after{content:"✓";color:#fff;background:#35d45a;border-radius:50%;width:36px;height:36px;font-size:22px;font-weight:700;line-height:36px;position:absolute;top:-10px;right:-10px}.vp-card.talking .vp-face{animation:.32s ease-in-out infinite alternate vp-talk}@keyframes vp-talk{0%{transform:scale(1)rotate(-5deg)}to{transform:scale(1.12)rotate(5deg)}}.vp-none{grid-column:1/-1}.vp-styles .vp-card{width:auto}@media (max-width:600px){.vp-grid{gap:12px}.vp-card{width:calc(33.3333% - 8px)}.vp-styles{grid-template-columns:repeat(3,1fr)}.vp-face{width:64px;height:64px;font-size:38px}.vp-name{font-size:15px}}.row.wrap{flex-wrap:wrap}.row .btn-text{margin:6px 0 0}.file-input,.save-status:empty,.restore-box:empty{display:none}.restore-box{background:#fff8e6;border-radius:18px;margin-top:14px;padding:6px 16px 16px;box-shadow:inset 0 0 0 2px #ffd98a}.restore-box .summary b{overflow-wrap:anywhere;font-size:24px}.money{white-space:nowrap;align-items:center;gap:4px;font-weight:700;display:inline-flex}.money i{width:.95em;height:.95em;display:inline-grid}.money i svg{width:100%;height:100%}.money-stars i{color:#ffd23f}.money-gems i{color:#ff5fc8}.shop-wallet .star-chip-icon.gem-icon{color:#ff6fd0;filter:drop-shadow(0 0 6px #ff5fc8bf)}.chip-gems{margin-left:18px}.chip-gems.bump{animation:.3s bump}.shop-level{color:#8a4a00;background:linear-gradient(#ffe45c 0%,#ffab1c 100%);position:relative;box-shadow:0 4px #db7a00,inset 0 2px #fff9}.btn-round.shop-level svg.level-ring{filter:none;width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;top:5px;bottom:5px;left:5px;right:5px;transform:rotate(-90deg)}.ring-back{fill:none;stroke:#8a4a002e;stroke-width:5px}.ring-fill{fill:none;stroke:#fff;stroke-width:5px;stroke-linecap:round}.level-num{font-size:30px;font-weight:700;position:relative}.shop-dot{pointer-events:none;background:#ff3b5c;border-radius:50%;width:20px;height:20px;animation:1.2s ease-in-out infinite pulse;position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 3px #fff}.shop-panel{color:var(--ink);background:#fffffff5;border-radius:30px;gap:12px;padding:14px;animation:.45s cubic-bezier(.3,1.5,.5,1) both rise;display:flex;position:absolute;box-shadow:0 10px #5a32c840,0 30px 60px #14003c73}.shop-panel.side{top:calc(var(--safe-t) + 92px);right:14px;bottom:calc(var(--safe-b) + 14px);width:min(44vw,580px)}.shop-panel.bottom{left:10px;right:10px;bottom:calc(var(--safe-b) + 10px);height:min(50vh,620px)}.shop-tabs{flex-direction:column;flex:none;gap:8px;width:82px;display:flex}.shop-tab{background:#efe8ff;border-radius:22px;flex:1 1 0;min-height:64px;max-height:86px;font-size:40px;line-height:1;position:relative;box-shadow:0 5px #d8ccfb}.shop-tab.on{background:#6b3df5;box-shadow:0 5px #4a24c4}.shop-tab:active,.shop-chip:active,.shop-card:active{transform:translateY(4px)}.shop-tab-icon{pointer-events:none}.shop-main{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.shop-filter{flex:none;gap:10px;display:flex}.shop-chip{background:#f5f0ff;border-radius:20px;flex:1;height:64px;font-size:34px;box-shadow:0 4px #ddd0fb}.shop-chip.on{background:#fff0f8;box-shadow:0 0 0 4px #ff5fa8,0 4px #f5b6d6}.shop-grid{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(auto-fill,minmax(102px,1fr));align-content:start;gap:18px 12px;min-height:0;padding:8px 6px 20px;display:grid;overflow-y:auto}.shop-card{aspect-ratio:1;background:#f5f0ff;border-radius:26px;place-items:center;display:grid;position:relative;box-shadow:0 5px #ddd0fb}.shop-thumb{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 3px #3c1e784d);width:90%;height:90%}.shop-thumb-wait{opacity:.45;place-items:center;font-size:46px;display:grid}.shop-card.worn{background:#e8fff0;box-shadow:0 0 0 5px #35d45a,0 5px #b8ecc8}.shop-card.selected{background:#fff;box-shadow:0 0 0 5px #6b3df5,0 5px #c9b8ff}.shop-card.worn.selected{box-shadow:0 0 0 5px #35d45a,0 0 0 9px #6b3df5}.shop-card.locked{background:#ece6f8}.shop-card.locked .shop-thumb{filter:brightness(0)opacity(.22)}.shop-price,.shop-lock{color:#fff;background:#3a2a6a;border-radius:16px;padding:3px 11px 3px 8px;font-size:22px;font-weight:700;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.shop-price.poor{background:#8f84b3}.shop-lock{background:#6f6590;align-items:center;gap:2px;display:flex}.shop-lock i{font-size:16px;font-style:normal}.shop-check{color:#fff;text-align:center;background:#35d45a;border-radius:50%;width:34px;height:34px;font-size:22px;font-weight:700;line-height:34px;position:absolute;top:-8px;right:-8px;box-shadow:0 2px #1f9e3c}.shop-new{color:#fff;background:#ff3b5c;border-radius:12px;padding:2px 8px;font-size:15px;font-weight:700;animation:1s ease-in-out infinite pulse;position:absolute;top:-9px;left:-6px}.shop-empty{opacity:.35;grid-column:1/-1;place-items:center;padding:30px;font-size:80px;display:grid}.shop-buy-bar{pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;transform:translate(-50%,-50%)}.shop-buy-bar.show{opacity:1}.shop-buy{color:#fff;text-shadow:0 3px #00000029;border-radius:46px;align-items:center;gap:12px;height:92px;padding:0 32px 0 24px;font-size:44px;display:flex;position:relative}.shop-buy-bar.show .shop-buy{pointer-events:auto;animation:.35s cubic-bezier(.3,1.5,.5,1) both pop-in}.shop-buy-bar.show .shop-buy.can{animation:.35s cubic-bezier(.3,1.5,.5,1) both pop-in,1.6s ease-in-out .35s infinite glow}.shop-buy-bar.show .shop-buy.shake{animation:.45s shake}.shop-buy.can{background:linear-gradient(#ffe45c 0%,#ffab1c 100%);box-shadow:0 8px #db7a00,0 14px 30px #78320059,inset 0 3px #fff9}.shop-buy.poor{background:linear-gradient(#c9bdf0 0%,#a493de 100%);box-shadow:0 8px #7d6cc4,inset 0 3px #ffffff80}.shop-buy-bag{width:52px;height:52px;display:grid}.shop-buy-bag svg{filter:drop-shadow(0 3px #9646004d);width:100%;height:100%}.shop-buy .money-stars i{color:#fff}.shop-meter{background:#ffffff59;border-radius:5px;height:10px;position:absolute;bottom:12px;left:26px;right:26px;overflow:hidden}.shop-meter i{background:#fff;border-radius:5px;height:100%;display:block}.keeper-say{pointer-events:none;opacity:0;max-width:min(380px,72vw);transition:opacity .2s;position:fixed;top:0;left:0}.keeper-say.show{opacity:1}.keeper-bubble{z-index:1;color:#6a3a10;text-align:center;background:#fff7e8;border-radius:24px;padding:10px 20px 12px;font-size:clamp(22px,2.3vw,30px);font-weight:600;line-height:1.2;position:relative;box-shadow:0 5px #a05a1440,0 10px 24px #3c140040}.keeper-tail{background:#fff7e8;border-radius:5px;width:24px;height:24px;position:absolute;bottom:-10px;transform:rotate(45deg)}.reward{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(92vw,560px);display:flex}.reward-art,.reward-body{flex-direction:column;align-items:center;gap:12px;display:flex}.sticker-face{width:150px;height:150px;transform:rotate(var(--turn,0deg));background:radial-gradient(circle at 35% 30%,#fff 0%,#fff0fb 60%,#ffd9f3 100%);border-radius:50%;place-items:center;font-size:84px;line-height:1;animation:.6s cubic-bezier(.3,1.8,.5,1) boing;display:grid;box-shadow:0 6px #f0c3e8,0 10px 20px #78288c2e,inset 0 0 0 6px #fff}.sticker-face:not(.have){color:#cdbff3;background:#faf7ff;font-weight:700;animation:none;box-shadow:inset 0 0 0 4px #ddd0fb}.reward-medal{color:#8a4a00;background:radial-gradient(circle at 35% 30%,#fff6b0 0%,#ffc928 60%,#f0a000 100%);border-radius:50%;place-items:center;width:150px;height:150px;font-size:76px;font-weight:700;animation:.6s cubic-bezier(.3,1.8,.5,1) boing;display:grid;box-shadow:0 6px #c77d00,0 0 0 8px #fff,0 0 0 14px #ff9fd6}.reward-medal.small{flex:none;width:84px;height:84px;font-size:42px;animation:none;box-shadow:0 4px #c77d00,0 0 0 5px #fff,0 0 0 9px #ff9fd6}.reward-gems{color:var(--ink);font-size:48px}.reward-new{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.reward-new img{object-fit:contain;background:#f5f0ff;border-radius:20px;width:84px;height:84px;padding:4px}.book{width:min(94vw,760px)}.book h1{padding:0 64px}.book-head{align-items:center;gap:22px;margin:6px 4px 22px;display:flex}.book-progress{flex-direction:column;flex:1;gap:8px;display:flex}.xp-bar{background:#efe8ff;border-radius:13px;height:26px;overflow:hidden;box-shadow:inset 0 3px #5a32c81f}.xp-bar i{background:linear-gradient(90deg,#ff5fa8,#ffb020,#ffe14d);border-radius:13px;height:100%;display:block}.book-count{color:#8a6ad8;font-size:26px;font-weight:700}.sticker-book{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px;display:grid}.sticker-slot{aspect-ratio:1;animation:.45s cubic-bezier(.3,1.6,.5,1) both appear;animation-delay:var(--d);place-items:center;display:grid;position:relative}.sticker-slot .sticker-face{aspect-ratio:1;width:92%;height:auto;font-size:50px;animation:none}.sticker-slot .sticker-face:not(.have){font-size:34px}.sticker-slot.fresh:after{content:"NEW";color:#fff;background:#ff3b5c;border-radius:12px;padding:2px 8px;font-size:15px;font-weight:700;animation:1s ease-in-out infinite pulse;position:absolute;top:-4px;right:-6px}.sticker-slot.boing{animation:.55s cubic-bezier(.3,1.8,.5,1) boing}.gain-toast{top:calc(var(--safe-t) + 92px);color:var(--ink);pointer-events:none;background:#fffffff0;border-radius:20px;padding:6px 16px;font-size:32px;font-weight:700;animation:1.8s ease-out forwards gain-up;position:absolute;right:24px}@keyframes gain-up{0%{opacity:0;transform:translateY(20px)scale(.6)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-40px)}}@media (max-width:560px){.garden-wallet{top:calc(var(--safe-t) + 88px)}.garden-chip{height:52px;padding:0 16px 0 10px;font-size:28px}.garden-chip .star-chip-icon{width:32px;height:32px}.garden-chip .chip-friends{margin-left:10px}.garden-chip .chip-emoji{font-size:26px}}@media (max-width:520px){.shop-wallet{height:56px;padding:0 16px 0 10px;font-size:28px}.shop-wallet .star-chip-icon{width:32px;height:32px}.chip-gems{margin-left:10px}.shop-panel{gap:8px;padding:12px 10px}.shop-panel.bottom{height:min(50vh,520px)}.shop-tabs{width:64px}.shop-tab{border-radius:18px;font-size:32px}.shop-chip{height:56px;font-size:30px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:16px 8px;padding:8px 2px 20px}.shop-price,.shop-lock{padding:2px 9px 2px 6px;font-size:19px}.shop-buy{gap:8px;height:68px;padding:0 22px 0 16px;font-size:32px}.shop-buy-bag{width:40px;height:40px}.sticker-book{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:10px}.sticker-slot .sticker-face{font-size:40px}.book-head{gap:14px}.book h1{font-size:30px}}.btn-shop{background:linear-gradient(#ffc46b 0%,#ff7a3d 100%);box-shadow:0 6px #d4562a,0 10px 22px #78320a4d,inset 0 2px #ffffff80}.btn-shop:active{box-shadow:0 1px #d4562a,0 4px 10px #78320a4d,inset 0 2px #ffffff80}#ui>.sl-dock{pointer-events:none;gap:20px;animation:.5s cubic-bezier(.3,1.5,.5,1) both rise;display:flex;position:absolute}.sl-dock.side{flex-direction:column;right:22px;transform:translateY(-50%)}.sl-dock.bottom{left:0;right:0;bottom:calc(var(--safe-b) + 16px);justify-content:center}.sl-btn{pointer-events:auto;background:#fff3;border-radius:50%;place-items:center;width:84px;height:84px;transition:transform .12s cubic-bezier(.3,1.6,.5,1),box-shadow .12s,opacity .25s;display:grid;box-shadow:0 6px #14003c4d,0 10px 22px #0a002840,inset 0 2px #ffffff59}.sl-btn:active{transform:translateY(5px)scale(.94);box-shadow:0 1px #14003c4d,inset 0 2px #ffffff59}.sl-btn svg{filter:drop-shadow(0 2px #0003);width:50%;height:50%}.sl-btn.sl-dim{opacity:.35}.house-go{bottom:calc(var(--safe-b) + 22px);background:linear-gradient(#ffd56e 0%,#ff9d3a 100%);width:92px;height:92px;position:absolute;box-shadow:0 6px #d0661a,0 10px 22px #78320059,inset 0 2px #ffffff8c}.house-go:active{box-shadow:0 1px #d0661a,0 4px 10px #7832004d,inset 0 2px #ffffff8c}.house-go svg{filter:drop-shadow(0 2px #a0460073);width:46%;height:46%}.house-go-left{left:calc(env(safe-area-inset-left,0px) + 14px)}.house-go-right{right:calc(env(safe-area-inset-right,0px) + 14px)}.house-go-icon{text-align:center;filter:drop-shadow(0 2px 2px #3c140059);pointer-events:none;width:42px;margin-left:-21px;font-size:36px;line-height:1;position:absolute;top:-26px;left:50%}.house-go-new{animation:1.1s ease-in-out infinite pulse}.house-go-new:active{animation:none}.house-go-new:after{content:"✨";pointer-events:none;font-size:30px;line-height:1;animation:1.1s ease-in-out infinite wobble;position:absolute;top:-10px;right:-12px}.house-chip{gap:10px;font-size:32px}.house-chip-bump{animation:.6s ease-out boing}@media (max-width:520px),(max-height:520px){.house-go{width:74px;height:74px}.house-go-icon{width:34px;margin-left:-17px;font-size:30px;top:-22px}}#ui>.cb-dock{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.cb-dock.side{right:18px}.cb-dock.bottom{left:0;right:0;bottom:calc(var(--safe-b) + 14px)}.cb-panel{pointer-events:auto;background:#160c3a80;border-radius:36px;flex-direction:column;align-items:center;gap:14px;padding:16px;animation:.5s cubic-bezier(.3,1.5,.5,1) both rise;display:flex;box-shadow:0 14px 34px #0a00284d,inset 0 1px #ffffff1f}.cb-controls{flex-direction:column;align-items:center;gap:14px;display:flex}.cb-dock.bottom .cb-controls{flex-direction:row;gap:22px}.cb-pad{--s:96px;grid-template-columns:repeat(3, var(--s));grid-template-rows:repeat(3, var(--s));gap:6px;display:grid}.cb-panel.drive .cb-pad{--s:116px;gap:8px}.cb-up{grid-area:1/2}.cb-left{grid-area:2/1}.cb-right{grid-area:2/3}.cb-down{grid-area:3/2}.cb-hub{background:#ffffff1a;border-radius:50%;grid-area:2/2;place-items:center;margin:16%;display:grid}.cb-hub svg{width:78%;height:78%}.cb-arrow{background:linear-gradient(180deg, var(--cl) 0%, var(--c) 58%);box-shadow:0 7px 0 var(--cd), 0 12px 20px #0a00284d, inset 0 3px 0 #fff6;border-radius:30px;place-items:center;transition:transform .1s,box-shadow .1s;display:grid;position:relative}.cb-arrow:active{box-shadow:0 2px 0 var(--cd), 0 4px 10px #0a00284d, inset 0 3px 0 #fff6;transform:translateY(5px)}.cb-arrow svg,.cb-slot svg{color:#fff;filter:drop-shadow(0 2px #0003)}.cb-arrow svg{width:64%;height:64%}.cb-right svg{transform:rotate(90deg)}.cb-down svg{transform:rotate(180deg)}.cb-left svg{transform:rotate(-90deg)}.cb-strip{flex-wrap:wrap;justify-content:center;gap:8px;max-width:316px;display:flex}.cb-dock.bottom .cb-strip{max-width:740px}.cb-slot{background:#ffffff12;border:3px dashed #ffffff59;border-radius:17px;place-items:center;width:56px;height:56px;transition:transform .15s,box-shadow .15s;display:grid;position:relative}.cb-panel.debug .cb-slot{border-radius:22px;width:74px;height:74px}.cb-panel.debug .cb-strip{max-width:calc(var(--cols,4) * 84px - 10px);gap:10px}.cb-dock.bottom .cb-panel.debug .cb-strip{max-width:740px}.cb-slot.on{background:var(--c);box-shadow:0 4px 0 var(--cd), inset 0 2px 0 #ffffff59;border:3px solid #ffffffe6}.cb-slot.new{animation:.3s cubic-bezier(.3,1.8,.5,1) appear}.cb-slot svg{width:72%;height:72%;transform:rotate(var(--r,0deg));transition:transform .28s cubic-bezier(.3,1.6,.5,1)}.cb-slot.now{transform:scale(1.18);box-shadow:0 0 0 5px #fff,0 0 24px 6px #fff9}.cb-slot.bad{animation:.9s ease-in-out infinite cb-wiggle;box-shadow:0 0 0 5px #ff3b5c,0 0 24px 8px #ff3b5ca6}.cb-slot.done{opacity:.55}.cb-actions{align-items:center;gap:12px;display:flex}.cb-dock.bottom .cb-actions{flex-direction:column-reverse;justify-content:center}.cb-edit{gap:10px;display:flex}.cb-undo,.cb-reset{background:#ffffff2e;border-radius:50%;place-items:center;width:68px;height:68px;display:grid;box-shadow:0 5px #00000040,inset 0 2px #ffffff40}.cb-undo:active,.cb-reset:active{transform:translateY(4px);box-shadow:0 1px #00000040}.cb-undo svg,.cb-reset svg{width:56%;height:56%}.cb-go{letter-spacing:1px;text-shadow:0 3px #00501459;background:linear-gradient(#62e982 0%,#20b04a 100%);border-radius:42px;align-items:center;gap:6px;height:84px;padding:0 28px 0 20px;font-size:38px;font-weight:700;display:flex;position:relative;box-shadow:0 7px #158a36,0 12px 22px #003c144d,inset 0 3px #ffffff73}.cb-go:active{transform:translateY(5px);box-shadow:0 2px #158a36}.cb-go span{width:40px;height:40px;display:inline-grid}.cb-go span svg{width:100%;height:100%}.cb-go.ready{animation:1.1s ease-in-out infinite glow}.cb-go.ready:after{content:"";pointer-events:none;border:4px solid #ffffffd9;border-radius:52px;animation:1.1s ease-out infinite ring;position:absolute;top:-9px;bottom:-9px;left:-9px;right:-9px}.cb-panel .cb-dim{opacity:.4;filter:grayscale(.5);pointer-events:none}.cb-panel .cb-hint{z-index:1;animation:.75s ease-in-out 4 cb-pulse;box-shadow:0 0 0 6px #fff,0 0 34px 12px #ffffffa6}.cb-panel .cb-slot.bad.cb-hint{box-shadow:0 0 0 5px #ff3b5c,0 0 0 10px #fff,0 0 30px 12px #ffffff8c}.cb-shake{animation:.45s shake}@keyframes cb-pulse{50%{transform:scale(1.12)}}@keyframes cb-wiggle{0%,to{transform:rotate(0)scale(1.06)}25%{transform:rotate(-9deg)scale(1.06)}75%{transform:rotate(9deg)scale(1.06)}}.kb{touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:10px;width:100%;height:100%;display:flex}.kb-row{flex:1;justify-content:center;min-height:0;display:flex}.kb-bed{height:100%;width:calc(100% * var(--n) / var(--max));display:flex;position:relative}.kb-key{cursor:pointer;transition:transform 60ms,filter 60ms,box-shadow 60ms}.kb-white{background:linear-gradient(180deg, var(--hi) 0%, var(--c) 64%);border-radius:10px 10px 20px 20px;flex:1;margin:0 3px;position:relative;box-shadow:inset 0 -12px #280a5033,inset 0 3px #ffffff8c,0 6px #14053259}.kb-white:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#fff0);border-radius:10px;height:20%;position:absolute;top:6px;left:14%;right:14%}.kb-name{min-width:1.8em;color:var(--lo);text-align:center;white-space:nowrap;pointer-events:none;background:#ffffffe6;border-radius:1em;padding:.04em .32em .1em;font-size:clamp(16px,2.7vmin,30px);font-weight:700;line-height:1.2;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.kb-name:empty{display:none}.kb-black{z-index:2;height:58%;width:calc(100% / var(--n) * .58);top:0;left:calc((var(--x) - .29) * 100% / var(--n));box-shadow:inset 0 -9px 0 var(--c), inset 0 2px 0 #ffffff2e, 0 5px 0 #0a001e73;background:linear-gradient(#45376f 0%,#1e1442 82%);border-radius:0 0 14px 14px;position:absolute}.kb-key.on,.kb-key.ping{filter:brightness(1.16)saturate(1.15);transform:translateY(5px)}.kb-white.on,.kb-white.ping{box-shadow:inset 0 -6px 0 #280a5033, 0 0 0 4px #fff, 0 0 32px var(--c), 0 1px 0 #14053259}.kb-black.on,.kb-black.ping{box-shadow:inset 0 -5px 0 var(--c), 0 0 0 3px #fff, 0 0 26px var(--c)}.kb-key.ghost{filter:brightness(1.22)saturate(1.2)}.kb-key.glow:after{content:"";box-shadow:0 0 18px #fff, 0 0 36px var(--c);pointer-events:none;border:5px solid #fff;border-radius:14px 14px 24px 24px;animation:.9s ease-in-out infinite kb-glow;position:absolute;top:-7px;bottom:-7px;left:-7px;right:-7px}@keyframes kb-glow{50%{opacity:.35;transform:scale(1.03)}}.kb-plain .kb-white{background:linear-gradient(#fff 0%,#ebe5ff 100%)}.kb-plain .kb-name{color:var(--ink);background:0 0}.btn-lab{background:linear-gradient(#7ff2cf 0%,#1fc493 100%);box-shadow:0 6px #129b72,0 10px 22px #005a3c4d,inset 0 2px #ffffff80}.btn-lab:active{box-shadow:0 1px #129b72,0 4px 10px #005a3c4d,inset 0 2px #ffffff80}#ui>.ml{padding:calc(var(--safe-t) + 90px) 12px calc(var(--safe-b) + 10px);pointer-events:none;gap:10px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.ml>*{pointer-events:auto;min-width:0;min-height:0}.ml>.ml-stage{pointer-events:none}.ml.wide{grid-template:"fx stage loop"1fr"kits kits kits""play play play"/auto 1fr auto}.ml.tall{grid-template:"stage"1fr"loop""fx""kits""play"/1fr}.ml-stage{grid-area:stage}.ml-panel{background:#160c3a80;border-radius:30px;box-shadow:0 12px 30px #0a002847,inset 0 1px #ffffff1f}.ml-fx{--b:72px;grid-area:fx;grid-template-columns:repeat(2, var(--b));align-self:center;gap:10px;padding:12px;display:grid}.ml.wide .ml-fx>:last-child:nth-child(odd){grid-column:span 2;justify-self:center}.ml.tall .ml-fx{grid-template-columns:repeat(5, var(--b));justify-self:center;padding:8px 12px}.ml-fxbtn,.ml-kit{background:#ffffff24;border-radius:24px;place-items:center;line-height:1;transition:transform .15s cubic-bezier(.3,1.6,.5,1);display:grid;position:relative;box-shadow:0 5px #0a002859,inset 0 2px #ffffff40}.ml-fxbtn{width:var(--b);height:var(--b);font-size:calc(var(--b) * .5)}.ml-fxbtn:active,.ml-kit:active{transform:translateY(4px)scale(.95)}.ml-fxbtn.on{box-shadow:0 0 0 4px var(--c), 0 0 26px var(--c), 0 5px 0 #0a002859;background:linear-gradient(#fff 0%,#f0e8ff 100%)}.ml-loop{flex-direction:column;grid-area:loop;align-self:center;align-items:center;gap:12px;padding:14px;display:flex}.ml.tall .ml-loop{flex-direction:row;justify-self:center;gap:18px;padding:8px 20px}.ml-loop-btns{gap:10px;display:flex}.ml-ring{--r:150px;width:var(--r);height:var(--r);flex:none;position:relative}.ml-ring:before{content:"";background:conic-gradient(#ff4660bf calc(var(--p,0) * 1%), #ffffff14 0);border-radius:50%;position:absolute;top:4%;bottom:4%;left:4%;right:4%;-webkit-mask:radial-gradient(circle,#0000 60%,#000 61%);mask:radial-gradient(circle,#0000 60%,#000 61%)}.ml-dot{width:16px;height:16px;transform:rotate(calc(var(--i) * 45deg)) translateY(calc(var(--r) * -.44)) scale(var(--s,1));background:#ffffff4d;border-radius:50%;margin:-8px;transition:transform .12s cubic-bezier(.3,1.6,.5,1),background .12s;position:absolute;top:50%;left:50%}.ml-dot.bar{--s:1.25}.ml-dot.now{--s:1.7;background:#fff;box-shadow:0 0 14px #fff}.ml-ring[data-state=rec] .ml-dot.now,.ml-ring[data-state=count] .ml-dot.now{background:#ffd23f;box-shadow:0 0 16px #ffd23f}.ml-comet{transform:rotate(var(--a,0deg));pointer-events:none;opacity:0;position:absolute;top:0;bottom:0;left:0;right:0}.ml-ring.going .ml-comet{opacity:1}.ml-comet:after{content:"";left:50%;top:calc(var(--r) * .06 - 2px);background:radial-gradient(circle,#fff 0%,#ffe680 45%,#ffd23f00 72%);border-radius:50%;width:22px;height:22px;margin-left:-11px;position:absolute;box-shadow:0 0 18px #ffd23f}.ml-rec{background:radial-gradient(circle at 40% 32%,#ff9aa8 0%,#ff2f4f 55%,#c4122f 100%);border-radius:50%;place-items:center;width:92px;height:92px;margin:-46px;transition:transform .12s cubic-bezier(.3,1.6,.5,1);display:grid;position:absolute;top:50%;left:50%;box-shadow:0 6px #9c0d26,0 10px 24px #78001e66,inset 0 2px #ffffff80}.ml-rec:active{transform:translateY(4px)scale(.95)}.ml-rec-dot{background:#fff;border-radius:50%;width:34%;height:34%;box-shadow:0 0 10px #fffc}.ml-count{color:#fff;text-shadow:0 3px #78001e73;font-size:56px;font-weight:700;position:absolute}.ml-count:empty,.ml-ring[data-state=count] .ml-rec-dot{display:none}.ml-ring[data-state=rec] .ml-rec{animation:.6s ease-in-out infinite ml-rec}.ml-ring[data-state=rec] .ml-rec-dot{border-radius:8px}.ml-rec.dim{opacity:.55;filter:saturate(.55)}.ml-lbtn.dim{filter:grayscale(.7)brightness(.75)}@keyframes ml-rec{50%{box-shadow:0 6px #9c0d26,0 0 0 10px #ff3c5a59,0 0 30px #ff3c5acc}}.ml-lbtn{background:linear-gradient(180deg, var(--hi) 0%, var(--c) 100%);width:64px;height:64px;box-shadow:0 5px 0 var(--lo), 0 8px 18px #0a00284d, inset 0 2px 0 #ffffff73}.ml-lbtn svg{width:50%;height:50%}.ml-lbtn.armed{box-shadow:0 0 0 4px #fff, 0 0 24px var(--c), 0 5px 0 var(--lo);animation:.45s shake}.ml-tempo{align-items:center;gap:6px;display:flex}.ml-tempo-end{text-align:center;width:46px;font-size:34px;line-height:1}.ml-track{touch-action:none;cursor:pointer;width:150px;height:64px;position:relative}.ml-track:before{content:"";background:linear-gradient(90deg,#5fd38a,#ffd23f,#ff7b5c);border-radius:7px;height:14px;margin-top:-7px;position:absolute;top:50%;left:0;right:0;box-shadow:inset 0 2px 4px #00000040}.ml-knob{top:50%;left:var(--k,50%);pointer-events:none;background:#fff;border-radius:50%;place-items:center;width:54px;height:54px;margin:-27px 0 0 -27px;font-size:26px;display:grid;position:absolute;box-shadow:0 4px #0a00284d,0 0 0 4px #ffffff59}.ml-track.locked{opacity:.45}.ml-kits{--k:64px;flex-wrap:wrap;grid-area:kits;justify-content:center;justify-self:center;gap:8px;padding:8px 12px;display:flex}.ml.tall .ml-kits{max-width:calc(6 * var(--k) + 5 * 8px + 26px)}.ml.tall.small .ml-kits{max-width:calc(6 * var(--k) + 5 * 6px + 18px)}.ml-kit{width:var(--k);height:var(--k);font-size:calc(var(--k) * .56);border-radius:22px}.ml-kit svg{width:76%;height:76%}.ml-kit.on{box-shadow:0 0 0 4px var(--c), 0 0 24px var(--c), 0 5px 0 #0a002859;background:linear-gradient(#fff 0%,#f0e8ff 100%);transform:translateY(-3px)scale(1.08)}.ml-play{height:var(--play-h,260px);grid-area:play;padding:10px}.ml-pads{place-content:center;gap:var(--gap,16px);touch-action:none;flex-wrap:wrap;height:100%;display:flex}.ml-pad{width:var(--s,120px);height:var(--s,120px);font-size:calc(var(--s,120px) * .44);background:radial-gradient(circle at 36% 28%, var(--hi) 0%, var(--c) 52%, var(--lo) 100%);box-shadow:0 8px 0 var(--lo), 0 14px 26px #0a002859, inset 0 3px 0 #ffffff80;touch-action:none;border-radius:50%;place-items:center;line-height:1;transition:transform 70ms,box-shadow 70ms,filter 70ms;display:grid}.ml-pad.hit{filter:brightness(1.2);box-shadow:0 2px 0 var(--lo), 0 0 0 5px #fff, 0 0 40px var(--c);transform:translateY(6px)scale(.93)}.ml-names{white-space:nowrap;background:#fff3;border-radius:34px;min-width:112px;height:68px;padding:0 18px;font-size:26px;font-weight:700;box-shadow:0 4px #1e0a5040,inset 0 2px #ffffff59}.ml-save.ready{background:linear-gradient(#ffe45c 0%,#ffab1c 100%);animation:1.6s ease-in-out infinite glow;box-shadow:0 6px #db7a00,0 10px 22px #7832004d,inset 0 2px #fff9}.ml-save:not(.ready){opacity:.55}.ml.small{gap:6px;padding-left:6px;padding-right:6px}.ml.small .ml-fx{--b:56px;gap:6px;padding:6px 8px}.ml.small .ml-kits{--k:52px;gap:6px;padding:6px 8px}.ml.small .ml-ring{--r:112px}.ml.small .ml-rec{width:70px;height:70px;margin:-35px}.ml.small .ml-loop{gap:8px;padding:6px 10px}.ml.small .ml-lbtn{width:54px;height:54px}.ml.small .ml-track{width:110px}.ml.small .ml-tempo-end{width:34px;font-size:26px}.ml.small .ml-loop-side{flex-direction:column;align-items:center;gap:6px;display:flex}.ml.small .ml-play{padding:6px}.ml.small .kb{gap:8px}.ml.small .kb-white{margin:0 2px}.ml-shelf{width:min(94vw,920px)}.ml-shelf h1{padding:0 64px}@media (max-width:520px){.ml-shelf{padding-left:14px;padding-right:14px}.ml-songs{grid-template-columns:repeat(2,1fr);gap:18px 8px}.ml-cover{width:112px;height:112px;font-size:60px}.ml-song-name{font-size:17px}.ml-shelf h1{padding:0 70px;font-size:30px}}.ml-shelf-top{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:18px;display:flex}.ml-songs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 16px;display:grid}.ml-song{animation:.45s cubic-bezier(.3,1.6,.5,1) both appear;animation-delay:var(--d,0s);flex-direction:column;align-items:center;gap:8px;display:flex}.ml-cover{background:radial-gradient(circle at 30% 25%, #fff9, #fff0 55%), var(--c);border-radius:30px;place-items:center;width:132px;height:132px;font-size:72px;line-height:1;transition:transform .15s cubic-bezier(.3,1.6,.5,1);display:grid;position:relative;box-shadow:0 6px #3c147838,0 12px 22px #3c147833}.ml-cover:active{transform:scale(.94)}.ml-cover.playing{box-shadow:0 0 0 6px #fff, 0 0 0 11px var(--c), 0 12px 22px #3c147840;animation:.6s ease-in-out infinite ml-bop}@keyframes ml-bop{50%{transform:translateY(-6px)rotate(-3deg)}}.ml-song-name{color:var(--ink);text-align:center;font-size:20px;font-weight:600}.ml-song-tools{gap:10px;display:flex}.ml-tool{width:56px;height:56px;color:var(--purple);background:#efe8ff;border-radius:50%;place-items:center;font-size:26px;display:grid;box-shadow:0 4px #d8ccfb}.ml-tool svg{width:52%;height:52%}.ml-tool.armed{color:#fff;background:#ff5f7a;animation:.45s shake;box-shadow:0 4px #c42a48}.ml-tool.busy{animation:1s linear infinite spin}.ml-tool.ready{color:#fff;background:linear-gradient(#62e982,#20b04a);animation:1s ease-in-out infinite pulse;box-shadow:0 4px #158a36}.ml-empty{color:#8a7ab8;text-align:center;padding:26px 10px 10px;font-size:26px}.ml-big{color:#fff;background:linear-gradient(#8f6bff,#6b3df5);border-radius:36px;align-items:center;gap:10px;height:72px;padding:0 26px 0 18px;font-size:26px;font-weight:700;display:flex;box-shadow:0 6px #4a24c4}.ml-big svg{width:36px;height:36px}.ml-big.gold{background:linear-gradient(#ffe45c,#ffab1c);box-shadow:0 6px #db7a00}.ml-big.green{background:linear-gradient(#62e982,#20b04a);box-shadow:0 6px #158a36}.ml-big[disabled]{opacity:.45}.ml-note{color:#8a7ab8;text-align:center;margin:14px 0 0;font-size:18px}#ui>.pg-dock{left:0;right:0;bottom:calc(var(--safe-b) + 14px);pointer-events:none;justify-content:center;animation:.5s cubic-bezier(.3,1.5,.5,1) both rise;display:flex;position:absolute}.pg-keys{pointer-events:auto;width:min(96vw,940px);height:clamp(170px,30vh,290px);padding:12px}#ui>.pg-staff{pointer-events:none;filter:drop-shadow(0 10px 22px #14003c59);margin:0 auto;animation:.45s cubic-bezier(.3,1.5,.5,1) both pop-in;position:absolute;left:0;right:0}.pg-staff svg{width:100%;height:100%;display:block;overflow:visible}.pg-pop{transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.pg-pop.pg-in{animation:.4s cubic-bezier(.3,1.6,.5,1) both pg-note-in}.pg-pop.yay{transform:scale(1.4)}@keyframes pg-note-in{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}