.jpm-app{--jpm-ink:#5a3424;--jpm-jam:#d6334f;--jpm-jam-d:#9e1f37;--jpm-honey:#ffb340;--jpm-cream:#fff7e8;--jpm-mint:#3ec8a0;--jpm-night:rgba(78,40,28,0.93);--play-accent:#d6334f;--play-ink:#5a3424;--play-paper:#fff7e8;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:#cfeee0;color:#fff}.jpm-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.jpm-app:not([data-phase=play]):not([data-phase=finale]) :is(.jpm-top,.jpm-foot,.jpm-jarlabs,.jpm-toast,.jpm-callout){display:none}.jpm-app button{cursor:pointer}@keyframes jpm-pulse{50%{transform:scale(1.08)}}@keyframes jpm-pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.1)}}.jpm-top{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 8px);display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 10px;pointer-events:none}.jpm-head{width:min(480px,100%);display:grid;grid-template-columns:40px 1fr 40px;align-items:center;grid-gap:8px;gap:8px}.jpm-head>button{pointer-events:auto}.jpm-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--jpm-night);color:#fff;border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 0 rgba(0,0,0,.2)}.jpm-icon-btn .off,.jpm-icon-btn[aria-pressed=true] .on{display:none}.jpm-icon-btn[aria-pressed=true] .off{display:inline}.jpm-title-pill{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 16px 6px;border-radius:16px;background:var(--jpm-night);border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 0 rgba(0,0,0,.2)}.jpm-title-pill b{font:800 11px/1 Playful,sans-serif;letter-spacing:2px;color:var(--jpm-honey)}.jpm-title-pill span{font:800 15px/1.05 Playful,sans-serif;white-space:nowrap}.jpm-stats{display:flex;gap:6px;align-items:stretch}.jpm-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:76px;height:40px;padding:0 9px;border-radius:13px;background:var(--jpm-cream);color:var(--jpm-ink);border:2px solid #fff;box-shadow:0 3px 0 rgba(120,60,30,.28)}.jpm-stat span{font:800 8.5px/1 Playful,sans-serif;letter-spacing:1.4px;color:#b07a5a}.jpm-stat b{font:800 18px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.jpm-stat-moves{min-width:84px;height:48px;margin-top:-4px;background:var(--jpm-jam);color:#fff;border-color:#fff;box-shadow:0 4px 0 var(--jpm-jam-d)}.jpm-stat-moves span{color:#ffd2da}.jpm-stat-moves b{font-size:26px}.jpm-stat-moves b.low{color:#fff27a;animation:jpm-pulse .8s ease-in-out infinite;display:inline-block}.jpm-jarlabs{position:absolute;inset:0;z-index:3;pointer-events:none}.jpm-jarlab{position:absolute;left:0;top:0;display:none;align-items:center;gap:3px;padding:2px 8px 2px 3px;border-radius:12px;background:var(--jpm-cream);color:var(--jpm-ink);border:2px solid #fff;box-shadow:0 2px 0 rgba(120,60,30,.3);font:800 14px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.jpm-jarlab.show{display:flex}.jpm-jarlab .jpm-dot,.jpm-jarlab img{width:20px;height:20px;border-radius:50%}.jpm-jarlab.done{background:var(--jpm-mint);color:#fff;animation:jpm-pop-scale .35s}@keyframes jpm-pop-scale{0%{scale:.4}70%{scale:1.12}}.jpm-dot{display:inline-block}.jpm-foot{position:absolute;z-index:4;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);width:min(460px,calc(100% - 20px));display:flex;flex-direction:column;gap:6px;pointer-events:none}.jpm-nextrow{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:16px;background:var(--jpm-night);border:2px solid rgba(255,255,255,.85);min-height:40px;box-sizing:border-box}.jpm-nextlab{flex:none;font:800 9px/1.1 Playful,sans-serif;letter-spacing:1.4px;color:var(--jpm-honey);width:36px}.jpm-next{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.jpm-chip{display:inline-flex;align-items:center;gap:2px;padding:2px 7px 2px 2px;border-radius:12px;background:var(--jpm-cream);color:var(--jpm-ink);font:800 13px/1 Playful,sans-serif}.jpm-chip .jpm-dot,.jpm-chip img{width:22px;height:22px;border-radius:50%}.jpm-none{font:700 12px/1 Playful,sans-serif;color:#ffe6c8}.jpm-tip{margin:0;padding:8px 12px;border-radius:14px;background:var(--jpm-cream);color:var(--jpm-ink);border:2px solid #fff;font:700 13px/1.3 Playful,sans-serif;box-shadow:0 3px 0 rgba(120,60,30,.25);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.jpm-tip.show{opacity:1;transform:none}.jpm-toast{position:absolute;z-index:8;left:50%;top:46%;transform:translate(-50%,-50%) scale(.9);max-width:calc(100% - 40px);padding:9px 14px;border-radius:14px;background:var(--jpm-night);border:2px solid #fff;font:800 13px/1.2 Playful,sans-serif;text-align:center;letter-spacing:.5px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.jpm-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.jpm-toast.bad{background:#b03a3a}.jpm-toast.hot{background:var(--jpm-jam)}.jpm-callout{position:absolute;z-index:8;left:50%;top:38%;transform:translate(-50%,-50%);font:800 44px/1 Playful,sans-serif;color:#fff;-webkit-text-stroke:3px var(--jpm-jam-d);paint-order:stroke fill;text-shadow:0 5px 0 var(--jpm-jam-d);white-space:nowrap;opacity:0;pointer-events:none}.jpm-callout.on{animation:jpm-call 1.1s ease-out forwards}@keyframes jpm-call{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-8deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(-3deg)}30%{transform:translate(-50%,-50%) scale(1) rotate(-3deg)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-70%) scale(1) rotate(-3deg)}}.playful-game .jpm-menu,.playful-game .jpm-results{background:linear-gradient(180deg,rgba(90,40,30,0) 20%,rgba(90,40,30,.5));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:10vh 12px calc(env(safe-area-inset-bottom, 0px) + 12px)}.jpm-card{width:min(440px,100%);margin:auto auto 0;flex:none;background:var(--jpm-cream);color:var(--jpm-ink);border:3px solid #fff;border-radius:28px;padding:14px 14px 16px;box-shadow:0 7px 0 #e8a070,0 20px 50px rgba(90,40,20,.3);text-align:center;box-sizing:border-box}.jpm-kicker{display:inline-block;font:800 11px/1 Playful,sans-serif;letter-spacing:2px;color:var(--jpm-jam-d);background:#ffe2dc;border-radius:10px;padding:5px 10px}.jpm-logo{margin:8px 0 2px;font:800 40px/.92 Playful,sans-serif;letter-spacing:1px;color:#fff;-webkit-text-stroke:3px var(--jpm-ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--jpm-jam);transform:rotate(-2deg)}.jpm-tagline{margin:8px 0;font:700 13.5px/1.25 Playful,sans-serif;color:#7a5442}.jpm-rules{list-style:none;margin:0 0 10px;padding:0;text-align:left;display:grid;grid-gap:5px;gap:5px}.jpm-rules li{display:flex;gap:7px;align-items:baseline;font:600 12.5px/1.3 Playful,sans-serif;color:#5a3a2c}.jpm-rules li span{flex:none;width:20px;text-align:center}.jpm-rules li p{margin:0}.jpm-rules b{color:var(--jpm-jam-d)}.jpm-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px;margin:4px 0 8px}.jpm-app .jpm-lv{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:46px;border-radius:13px;border:2px solid #f0d8bc;background:#fffaf2;color:var(--jpm-ink);box-shadow:0 3px 0 #ecc9a2;padding:0}.jpm-lv b{font:800 17px/1 Playful,sans-serif}.jpm-lv-st{display:flex;gap:1px}.jpm-lv-st i{width:10px;height:10px;background:#ead8c6;-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%)}.jpm-lv-st i.on{background:#ffb020}.jpm-app .jpm-lv.sel{background:var(--jpm-jam);border-color:var(--jpm-jam-d);color:#fff;box-shadow:0 3px 0 var(--jpm-jam-d)}.jpm-lv.sel .jpm-lv-st i:not(.on){background:rgba(255,255,255,.35)}.jpm-app .jpm-lv.locked{opacity:.5;cursor:default}.jpm-lv.locked b{font-size:13px}.jpm-pick{margin:0 0 8px;font:700 12.5px/1.3 Playful,sans-serif;color:#7a5442;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px}.jpm-pick b{color:var(--jpm-ink)}.jpm-pick-jars{display:inline-flex;gap:1px}.jpm-pick-jars .jpm-dot,.jpm-pick-jars img{width:18px;height:18px;border-radius:50%}.playful-game .jpm-card button.big{width:100%;background:var(--jpm-jam);color:#fff;border-color:var(--jpm-jam-d);box-shadow:inset 0 3px 0 #ff8a9e,0 5px 0 var(--jpm-jam-d);font-size:22px}.jpm-best{margin:10px 0 0;font:700 12px/1.25 Playful,sans-serif;color:#a07a62}.jpm-r-title{margin:6px 0 2px;font:800 30px/1 Playful,sans-serif;color:var(--jpm-jam-d)}.jpm-results.lost .jpm-r-title{color:#8a5a44}.jpm-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.jpm-r-score b{font:800 50px/1 Playful,sans-serif;color:var(--jpm-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.jpm-r-score span{font:800 16px/1 Playful,sans-serif;color:#c09a82}.jpm-stars{display:flex;justify-content:center;gap:8px;margin:6px 0 2px}.jpm-stars i{width:38px;height:38px;background:#ecdcd0;-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}.jpm-stars i:nth-child(2){transform:translateY(-6px)}.jpm-stars i.on{background:#ffbf2e;transform:scale(1.2) rotate(-6deg)}.jpm-stars i:nth-child(2).on{transform:translateY(-6px) scale(1.25)}.jpm-r-line{margin:6px 0 8px;font:700 13px/1.3 Playful,sans-serif;color:#6a4a3a}.jpm-r-stats{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.jpm-r-stats li{display:flex;flex-direction:column;gap:3px;padding:7px 2px;border-radius:12px;background:#fdeee2}.jpm-r-stats b{font:800 18px/1 Playful,sans-serif;color:var(--jpm-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.jpm-r-stats span{font:700 10px/1 Playful,sans-serif;color:#a07a62}.jpm-r-best{margin:2px 0 10px;font:800 13px/1.2 Playful,sans-serif;color:#2f8a6a;min-height:13px}.jpm-r-row{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.playful-game .jpm-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.jpm-app .jpm-link-btn{margin-top:10px;background:#fdeee2;color:var(--jpm-ink);border:2px solid #f0d8bc;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif}.jpm-app .jpm-link-btn[hidden]{display:none}.playful-game .jpm-loading{background:radial-gradient(ellipse at 50% 40%,#ffe2c8,#6a3a28)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .jpm-menu,.playful-game .jpm-results{background:linear-gradient(90deg,rgba(90,40,30,0) 45%,rgba(90,40,30,.4));align-items:flex-end;justify-content:flex-start;padding:24px 5vw 24px 24px}.jpm-card{margin:auto 0}.jpm-logo{font-size:50px}.jpm-callout{font-size:60px}}@media (max-height:700px) and (max-width:759px){.playful-game .jpm-menu,.playful-game .jpm-results{padding-top:4vh}.jpm-rules{display:none}}