.mpc-app{--mpc-ink:#4b2b4a;--mpc-rose:#ff6f9c;--mpc-lilac:#b99bff;--mpc-mint:#7fd6c2;--mpc-cream:#fff8f3;--mpc-glass:rgba(75,43,74,0.74);--mpc-a:#ff9fb4;--mpc-b:#8fd0ff;--play-accent:#ff6f9c;--play-ink:#4b2b4a;--play-paper:#fff8f3;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;background:#f6dbe6;color:#fff}.mpc-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.mpc-app:not([data-phase=play]) :is(.mpc-head,.mpc-stats,.mpc-steps,.mpc-toast,.mpc-hint,.mpc-tip,.mpc-panel,.mpc-peelbar){display:none}.mpc-app:not([data-step=peel]) .mpc-peelbar,.mpc-app[data-step=hang] .mpc-panel,.mpc-app[data-step=peel] .mpc-panel{display:none}.mpc-app:is([data-step=peel],[data-step=hang]) .mpc-gel-box,.mpc-app:is([data-step=pour],[data-step=dry]) .mpc-peel-box{display:none}.mpc-head{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 10px);display:grid;grid-template-columns:44px 1fr 44px;align-items:center;grid-gap:8px;gap:8px;padding:0 12px;pointer-events:none}.mpc-head>*{pointer-events:auto}.mpc-icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--mpc-glass);color:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.25)}.mpc-icon-btn .off,.mpc-icon-btn[aria-pressed=true] .on{display:none}.mpc-icon-btn[aria-pressed=true] .off{display:inline}.mpc-pill{justify-self:center;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 6px;border-radius:22px;max-width:100%;background:var(--mpc-glass);border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.25);pointer-events:none}.mpc-pill b{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--mpc-rose);font:800 16px/1 Playful,sans-serif}.mpc-pill span{font:800 15px/1 Playful,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mpc-stats{position:absolute;z-index:4;left:12px;right:12px;top:calc(env(safe-area-inset-top, 0px) + 62px);display:grid;grid-template-columns:.8fr .8fr 1.4fr;grid-gap:6px;gap:6px;pointer-events:none;max-width:440px;margin:0 auto}.mpc-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px 6px 7px;border-radius:14px;min-width:0;background:var(--mpc-glass);border:2px solid rgba(255,255,255,.5);box-shadow:0 3px 0 rgba(0,0,0,.2)}.mpc-box>span{font:800 9px/1 Playful,sans-serif;letter-spacing:1.2px;opacity:.8;white-space:nowrap}.mpc-box>b{font:800 21px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#ffe08a}.mpc-time-box.low b{color:#ff8a9a;animation:mpc-pulse .8s ease-in-out infinite}@keyframes mpc-pulse{50%{transform:scale(1.15)}}.mpc-meter{height:14px;background:rgba(255,255,255,.22);overflow:hidden}.mpc-meter,.mpc-meter i{width:100%;border-radius:7px}.mpc-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--mpc-a),var(--mpc-b));transition:width .15s}.mpc-steps{position:absolute;z-index:4;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top, 0px) + 118px);display:flex;gap:4px;margin:0;padding:0;list-style:none;pointer-events:none}.mpc-steps li{font:800 10px/1 Playful,sans-serif;letter-spacing:.6px;padding:5px 8px;border-radius:10px;white-space:nowrap;background:rgba(255,255,255,.72);color:#9a7090;box-shadow:0 2px 0 rgba(75,43,74,.2);transition:background .2s,color .2s,transform .2s}.mpc-steps li.done{background:#d9f5ec;color:#2f8f74}.mpc-steps li.on{background:var(--mpc-rose);color:#fff;transform:translateY(-1px) scale(1.06)}.mpc-toast{position:absolute;z-index:7;left:50%;top:40%;transform:translate(-50%,10px) scale(.9);opacity:0;pointer-events:none;font:800 22px/1.1 Playful,sans-serif;color:#fff;text-align:center;width:max-content;max-width:calc(100% - 28px);-webkit-text-stroke:6px var(--mpc-ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--mpc-ink);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.mpc-toast.show{opacity:1;transform:translate(-50%)}.mpc-toast[data-kind=good]{color:#fff2c4;-webkit-text-stroke-color:#8c3b6a;text-shadow:0 4px 0 #8c3b6a}.mpc-toast[data-kind=bad]{color:#ffe1e4;-webkit-text-stroke-color:#6a0d2c;text-shadow:0 4px 0 #6a0d2c}.mpc-tip{position:absolute;z-index:6;left:50%;top:42%;transform:translate(-50%,-50%) scale(.92);opacity:0;pointer-events:none;width:min(330px,calc(100% - 40px));padding:14px 16px 12px;border-radius:20px;text-align:center;color:var(--mpc-ink);background:var(--mpc-cream);border:3px solid #fff;box-shadow:0 6px 0 #d58ab0,0 16px 40px rgba(0,0,0,.25);transition:opacity .3s,transform .35s cubic-bezier(.3,1.5,.5,1)}.mpc-tip.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.mpc-tip span{display:inline-block;font:800 10px/1 Playful,sans-serif;letter-spacing:1.4px;color:#fff;background:var(--mpc-rose);border-radius:8px;padding:5px 8px}.mpc-tip b{display:block;margin:8px 0 4px;font:800 26px/1 Playful,sans-serif;color:#c2406a}.mpc-tip p{margin:0 0 8px;font:700 14px/1.3 Playful,sans-serif}.mpc-tip em{font:800 11px/1 Playful,sans-serif;font-style:normal;color:#9a6a8a}.mpc-hint{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 132px);transform:translateX(-50%);margin:0;padding:7px 13px;border-radius:14px;background:var(--mpc-glass);border:2px solid rgba(255,255,255,.55);font:700 13px/1.25 Playful,sans-serif;text-align:center;width:max-content;max-width:calc(100% - 32px);opacity:0;transition:opacity .25s;pointer-events:none}.mpc-hint.show{opacity:1}.mpc-panel,.mpc-peelbar{position:absolute;z-index:6;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);max-width:520px;margin:0 auto;padding:8px;border-radius:22px;color:var(--mpc-ink);background:var(--mpc-cream);border:3px solid #fff;box-shadow:0 5px 0 #d58ab0,0 12px 26px rgba(75,43,74,.25)}.mpc-panel{display:grid;grid-template-columns:1fr 92px;grid-gap:8px;gap:8px}.mpc-tools{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;min-width:0}.mpc-app .mpc-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 2px 7px;min-width:0;cursor:pointer;touch-action:manipulation;border-radius:16px;border:3px solid #f3e0ea;background:#fff;color:var(--mpc-ink);box-shadow:0 3px 0 rgba(75,43,74,.18);transition:transform .12s,border-color .15s}.mpc-tool b{font:800 13px/1 Playful,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mpc-tool em{font:700 10px/1 Playful,sans-serif;font-style:normal;color:#9a7090}.mpc-tool[aria-checked=true]{border-color:var(--mpc-rose);transform:translateY(-3px);box-shadow:0 5px 0 #b0335d}.mpc-swatch{width:28px;height:28px;border-radius:50% 50% 46% 46%;border:3px solid #fff;box-shadow:0 0 0 2px rgba(75,43,74,.15),inset -4px -5px 0 rgba(0,0,0,.08)}#mpc-tool-a .mpc-swatch{background:radial-gradient(circle at 35% 30%,#fff 0 12%,var(--mpc-a) 14%)}#mpc-tool-b .mpc-swatch{background:radial-gradient(circle at 35% 30%,#fff 0 12%,var(--mpc-b) 14%)}.mpc-knife-ic{width:28px;height:28px;background:linear-gradient(180deg,transparent 0 52%,#fff6ee 52%) 50% /7px 100% no-repeat,linear-gradient(#7fd6c2,#5bbfa8) top /22px 56% no-repeat;border-radius:8px 8px 3px 3px}.mpc-go{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;border-radius:20px;cursor:pointer;touch-action:manipulation;background:linear-gradient(180deg,#ffb37a,#ff8a5c);color:#fff;border:3px solid #ffd9c2;box-shadow:0 6px 0 #b9572f;transition:transform .1s,box-shadow .1s,filter .2s}.mpc-go span{font-size:26px;line-height:1}.mpc-go b{font:800 20px/1 Playful,sans-serif;-webkit-text-stroke:4px #b9572f;paint-order:stroke fill}.mpc-go:active{transform:translateY(5px);box-shadow:0 1px 0 #b9572f}.mpc-go:disabled{filter:grayscale(.8) brightness(.95);cursor:default}.mpc-go.ready{animation:mpc-ready 1.4s ease-in-out infinite}@keyframes mpc-ready{50%{transform:translateY(-2px) rotate(-1.5deg)}}.mpc-peelbar{--v:0;--lim:1;padding:10px 12px 12px}.mpc-force-label{display:flex;justify-content:space-between;align-items:baseline;padding:0 2px 6px}.mpc-force-label span{font:800 11px/1 Playful,sans-serif;letter-spacing:1.4px;color:#9a7090}.mpc-force-label b{font:800 16px/1 Playful,sans-serif}.mpc-peelbar[data-say=hard] .mpc-force-label b{color:#e0304f}.mpc-peelbar[data-say=good] .mpc-force-label b{color:#2f9f80}.mpc-force{position:relative;height:30px;border-radius:15px;background:#f3e3ec;box-shadow:inset 0 2px 0 rgba(75,43,74,.12);overflow:hidden}.mpc-force:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--lim) * 100%);background:repeating-linear-gradient(-45deg,rgba(127,214,194,.32) 0 8px,rgba(127,214,194,.18) 8px 16px)}.mpc-force-fill{position:absolute;left:3px;top:3px;bottom:3px;border-radius:12px;width:calc((100% - 6px) * var(--v));background:linear-gradient(90deg,#7fd6c2,#ffd36e 70%,#ff6f6f);transition:width .05s}.mpc-peelbar[data-say=hard] .mpc-force-fill{background:#ff4f6d;animation:mpc-shake .18s linear infinite}@keyframes mpc-shake{50%{transform:translateX(2px)}}.mpc-limit{position:absolute;top:0;bottom:0;left:calc(var(--lim) * 100%);width:4px;margin-left:-2px;background:#e0304f;border-radius:2px;box-shadow:0 0 0 2px #fff;transition:left .15s}.playful-game .mpc-menu,.playful-game .mpc-results{background:linear-gradient(180deg,rgba(75,43,74,0) 30%,rgba(75,43,74,.45));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:12vh 12px calc(env(safe-area-inset-bottom, 0px) + 12px)}.mpc-card{position:relative;width:min(440px,100%);margin:auto auto 0;flex:none;color:var(--mpc-ink);border-radius:26px;padding:14px;text-align:center;border:3px solid #fff;background:radial-gradient(circle at 12px 12px,rgba(185,155,255,.14) 3px,transparent 4px) 0 0 /24px 24px,#fff4f8;box-shadow:0 7px 0 #d58ab0,0 20px 50px rgba(75,43,74,.35)}.mpc-kicker{display:inline-block;font:800 10px/1 Playful,sans-serif;letter-spacing:1.6px;color:#fff;background:#3fae8f;border-radius:8px;padding:5px 9px}.mpc-logo{margin:8px 0 6px;font:800 40px/.9 Playful,sans-serif;letter-spacing:1px;color:#ffe08a;-webkit-text-stroke:4px var(--mpc-ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--mpc-lilac);transform:rotate(-2deg)}.mpc-rules{list-style:none;margin:8px 0 10px;padding:10px;text-align:left;display:grid;grid-gap:6px;gap:6px;background:#fffafc;border-radius:14px;box-shadow:inset 0 0 0 2px #f3dbe8}.mpc-rules li{display:flex;gap:7px;align-items:baseline;font:600 12.5px/1.3 Playful,sans-serif;color:#5a3a55}.mpc-rules li span{flex:none;width:18px;text-align:center}.mpc-rules li p{margin:0}.mpc-rules b{color:#c2406a}.mpc-molds{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px;margin:0 0 6px}.mpc-app .mpc-mold{height:58px;border-radius:14px;border:2px solid #fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px 0 0;background:#fffafc;color:var(--mpc-ink);box-shadow:0 3px 0 rgba(75,43,74,.3);font:800 11px/1 Playful,sans-serif}.mpc-mold canvas{width:34px;height:34px}.mpc-mold i{font:700 10px/1 Playful,sans-serif;font-style:normal;color:#e0a800;letter-spacing:-1px;min-height:10px}.mpc-mold[data-sel=true]{border-color:var(--mpc-rose);box-shadow:0 3px 0 #b0335d,0 0 0 3px rgba(255,111,156,.35);transform:translateY(-2px)}.mpc-mold:disabled{opacity:.45;cursor:default}.mpc-mold-name{margin:2px 0 8px;font:700 12.5px/1.25 Playful,sans-serif;color:#5a3a55;min-height:30px}.mpc-mold-name b{color:#c2406a}.playful-game .mpc-card button.big{width:100%;background:var(--mpc-rose);color:#fff;border-color:#b0335d;box-shadow:inset 0 3px 0 #ffb3c9,0 5px 0 #b0335d;font-size:22px}.mpc-menu-stars{margin:8px 0 0;font:800 13px/1 Playful,sans-serif;color:#a06a00}.mpc-note{margin:6px 0 0;font:700 11px/1.2 Playful,sans-serif;color:#9a7090}.mpc-r-title{margin:6px 0 0;font:800 28px/1 Playful,sans-serif}.mpc-r-title.good{color:#c2406a}.mpc-r-title.bad{color:#8a2a4c}.mpc-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.mpc-r-score b{font:800 50px/1 Playful,sans-serif;color:var(--mpc-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mpc-r-score span{font:800 15px/1 Playful,sans-serif;color:#9a7090}.mpc-stars{display:flex;justify-content:center;gap:6px;margin:2px 0}.mpc-stars i{width:30px;height:30px;background:rgba(75,43,74,.18);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);transition:transform .3s cubic-bezier(.3,1.8,.5,1),background .2s}.mpc-stars i.on{background:#ffc61a;transform:scale(1.18) rotate(-6deg)}.mpc-r-line{margin:6px 0 8px;font:700 13px/1.3 Playful,sans-serif;color:#5a3a55}.mpc-r-stats{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.mpc-r-stats li{display:flex;flex-direction:column;gap:3px;padding:7px 2px;border-radius:12px;background:#fffafc}.mpc-r-stats b{font:800 18px/1 Playful,sans-serif;color:var(--mpc-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mpc-r-stats span{font:700 10px/1 Playful,sans-serif;color:#9a7090}.mpc-r-best{margin:2px 0 10px;font:800 13px/1 Playful,sans-serif;color:#c2406a;min-height:13px}.mpc-r-row{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.playful-game .mpc-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.mpc-app .mpc-link-btn{margin-top:10px;background:#fffafc;color:var(--mpc-ink);border:2px solid #f3dbe8;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.playful-game .mpc-loading{background:radial-gradient(ellipse at 50% 40%,#fff4f8,#f29bc0)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .mpc-menu,.playful-game .mpc-results{background:linear-gradient(90deg,rgba(75,43,74,0) 45%,rgba(75,43,74,.4));align-items:flex-end;justify-content:flex-start;padding:24px 5vw 24px 24px}.mpc-card{margin:auto 0}.mpc-logo{font-size:50px}}@media (max-height:700px){.mpc-rules{display:none}}