.vp-app{--vp-ink:#1f3a4a;--vp-teal:#1fa89a;--vp-deep:#0f6a62;--vp-coral:#ff6a5a;--vp-gold:#ffc21a;--vp-cream:#fffaf0;--vp-glass:rgba(18,52,66,0.72);--play-accent:#1fa89a;--play-ink:#1f3a4a;--play-paper:#fffaf0;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:#bfe3f2;color:#fff}.vp-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.vp-app:not([data-phase=play]) :is(.vp-head,.vp-stats,.vp-combo,.vp-keys,.vp-hint,.vp-count,.vp-toast,.vp-alarm,.vp-stick,.vp-arrow,.vp-suck){display:none}.vp-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}.vp-head>*{pointer-events:auto}.vp-icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--vp-glass);color:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.vp-icon-btn .off,.vp-icon-btn[aria-pressed=true] .on{display:none}.vp-icon-btn[aria-pressed=true] .off{display:inline}.vp-pill{justify-self:center;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 7px 0 16px;border-radius:22px;max-width:100%;background:var(--vp-glass);border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 0 rgba(0,0,0,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.vp-pill span{font:800 15px/1 Playful,sans-serif;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-pill b{font:800 18px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--vp-cream);color:var(--vp-ink);border-radius:14px;padding:6px 10px;min-width:52px;text-align:center}.vp-pill b.low{background:var(--vp-coral);color:#fff;animation:vp-pulse 1s infinite}@keyframes vp-pulse{50%{transform:scale(1.1)}}.vp-stats{position:absolute;z-index:4;left:50%;top:calc(env(safe-area-inset-top, 0px) + 62px);transform:translateX(-50%);display:flex;gap:6px;pointer-events:none}.vp-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:76px;padding:6px 10px 7px;border-radius:14px;background:var(--vp-glass);border:2px solid rgba(255,255,255,.6);box-shadow:0 3px 0 rgba(0,0,0,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.vp-stat>span{font:800 9px/1 Playful,sans-serif;letter-spacing:1.2px;opacity:.9;white-space:nowrap}.vp-stat>b{font:800 19px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#8ff4e8}.vp-size>span b{font-size:13px;color:var(--vp-gold);letter-spacing:0}.vp-size>span em{font-style:normal;opacity:.6;letter-spacing:0}.vp-bar{display:block;width:84px;height:10px;border-radius:6px;background:rgba(255,255,255,.18);overflow:hidden;border:1.5px solid rgba(255,255,255,.5)}.vp-bar u{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#5af0ff,#8affc8);transition:width .15s}.vp-size.max .vp-bar u{background:linear-gradient(90deg,#ffd23a,#ff8ad8,#b48aff)}.vp-size.bump{animation:vp-bump .5s ease-out}@keyframes vp-bump{30%{transform:scale(1.18)}}.vp-keeps{display:flex;gap:4px;height:19px;align-items:center}.vp-keeps u{width:18px;height:16px;background:#ff5a7a;transition:transform .3s,opacity .3s,background .3s;-webkit-clip-path:path("M9 16 C 0 9, 0 2, 4.5 1 C 7 0.5, 9 3, 9 3 C 9 3, 11 0.5, 13.5 1 C 18 2, 18 9, 9 16 Z");clip-path:path("M9 16 C 0 9, 0 2, 4.5 1 C 7 0.5, 9 3, 9 3 C 9 3, 11 0.5, 13.5 1 C 18 2, 18 9, 9 16 Z");filter:drop-shadow(0 0 4px rgba(255,90,122,.7))}.vp-keeps u.lost{background:#4a5a68;opacity:.6;transform:scale(.8) rotate(-12deg);filter:none}.vp-combo{position:absolute;z-index:4;right:12px;top:calc(env(safe-area-inset-top, 0px) + 126px);pointer-events:none;display:flex;flex-direction:column;align-items:center;padding:6px 12px;border-radius:16px;background:linear-gradient(180deg,#ffd23a,#ff9a2a);color:#6a2a00;border:2px solid #fff;box-shadow:0 3px 0 rgba(120,50,0,.45);opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s}.vp-combo.show{opacity:1;transform:scale(1)}.vp-combo.pop{animation:vp-pop .25s ease-out}@keyframes vp-pop{40%{transform:scale(1.18)}}.vp-combo b{font:800 24px/1 Playful,sans-serif}.vp-combo span{font:800 10px/1 Playful,sans-serif;letter-spacing:.6px;text-transform:uppercase}.vp-count{position:absolute;z-index:6;left:50%;top:38%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;font:800 96px/1 Playful,sans-serif;color:#fff;-webkit-text-stroke:10px var(--vp-teal);paint-order:stroke fill;text-shadow:0 8px 0 var(--vp-deep)}.vp-count.show{animation:vp-count .75s ease-out}@keyframes vp-count{0%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.vp-toast{position:absolute;z-index:7;left:50%;top:25%;transform:translate(-50%,10px) scale(.9);opacity:0;pointer-events:none;font:800 21px/1.15 Playful,sans-serif;color:#fff;text-align:center;width:max-content;max-width:calc(100% - 28px);-webkit-text-stroke:5px var(--vp-deep);paint-order:stroke fill;text-shadow:0 3px 0 var(--vp-deep);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.vp-toast.show{opacity:1;transform:translate(-50%)}.vp-toast.good{color:#fff6c0}.vp-toast.bad{color:#ffe1d8;-webkit-text-stroke-color:#7a1018;text-shadow:0 3px 0 #7a1018}.vp-alarm{position:absolute;z-index:6;left:50%;top:33%;transform:translate(-50%);pointer-events:none;display:none;padding:9px 16px;border-radius:16px;background:#e8283a;border:3px solid #fff;color:#fff;text-align:center;font:800 15px/1.2 Playful,sans-serif;width:max-content;max-width:calc(100% - 32px);box-shadow:0 4px 0 #8a1020,0 0 24px rgba(255,40,60,.6)}.vp-alarm.show{display:block;animation:vp-shake .3s infinite}.vp-alarm span{display:block;font-size:22px;letter-spacing:1px}.vp-alarm b{color:#ffe066}@keyframes vp-shake{25%{transform:translate(calc(-50% - 3px)) rotate(-1deg)}75%{transform:translate(calc(-50% + 3px)) rotate(1deg)}}.vp-hint{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 126px);transform:translateX(-50%) translateY(8px);margin:0;padding:9px 16px;border-radius:16px;background:var(--vp-glass);border:2px solid rgba(140,255,240,.8);font:800 15px/1.25 Playful,sans-serif;text-align:center;width:max-content;max-width:calc(100% - 32px);color:#eafffb;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}.vp-hint.show{opacity:1;transform:translateX(-50%)}.vp-stick{position:absolute;z-index:5;left:-60px;top:-60px;width:120px;height:120px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.08) 40%,rgba(255,255,255,.22));border:3px solid rgba(255,255,255,.75);box-shadow:0 0 0 2px rgba(15,106,98,.35);transition:opacity .15s}.vp-stick.show{opacity:1}.vp-stick i{position:absolute;left:33px;top:33px;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),rgba(200,255,246,.85) 60%,rgba(90,216,200,.85));box-shadow:0 4px 10px rgba(0,0,0,.25)}.vp-arrow{position:absolute;z-index:5;left:-18px;top:-22px;width:36px;height:44px;pointer-events:none;display:none;background:var(--vp-gold);-webkit-clip-path:polygon(50% 0,100% 55%,68% 55%,68% 100%,32% 100%,32% 55%,0 55%);clip-path:polygon(50% 0,100% 55%,68% 55%,68% 100%,32% 100%,32% 55%,0 55%);filter:drop-shadow(0 3px 0 #a86a00)}.vp-arrow.show{display:block}.vp-suck{position:absolute;z-index:5;right:calc(env(safe-area-inset-right, 0px) + 16px);bottom:calc(env(safe-area-inset-bottom, 0px) + 22px);width:92px;height:92px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;background:radial-gradient(circle at 40% 30%,#6af6e6,var(--vp-teal) 60%,var(--vp-deep));color:#fff;border:4px solid #fff;box-shadow:0 5px 0 #0a4a44,0 0 18px rgba(90,240,255,.55);touch-action:none;transition:transform .1s,background .2s}.vp-suck:active{transform:translateY(3px) scale(.97)}.vp-suck span{font:800 10px/1 Playful,sans-serif;letter-spacing:.4px;white-space:nowrap}.vp-suck .fan{transform-origin:24px 24px;animation:vp-spin .6s linear infinite}.vp-suck .slash{display:none}.vp-suck.off{background:radial-gradient(circle at 40% 30%,#c8d0dc,#8a96a8 60%,#5a6474);box-shadow:0 5px 0 #3a4250}.vp-suck.off .fan{animation-duration:4s;opacity:.6}.vp-suck.off .slash{display:inline}.vp-suck.urgent:not(.off){animation:vp-urgent .4s infinite;background:radial-gradient(circle at 40% 30%,#ff9aa0,#ff3a4a 60%,#a01020);box-shadow:0 5px 0 #6a0a14,0 0 26px rgba(255,60,70,.8)}@keyframes vp-spin{to{transform:rotate(1turn)}}@keyframes vp-urgent{50%{transform:scale(1.1)}}.vp-keys{display:none}@media (hover:hover) and (pointer:fine) and (min-width:760px){.vp-keys{display:block;position:absolute;z-index:5;left:50%;bottom:10px;transform:translateX(-50%);font:700 12px/1 Playful,sans-serif;color:rgba(20,50,60,.75);white-space:nowrap;pointer-events:none}}.playful-game .vp-menu,.playful-game .vp-results{background:linear-gradient(180deg,rgba(20,60,70,0) 35%,rgba(20,60,70,.55));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:30vh 12px calc(env(safe-area-inset-bottom, 0px) + 12px)}.playful-game .vp-results{padding-top:26vh}.vp-card{width:min(440px,100%);margin:auto auto 0;flex:none;background:var(--vp-cream);color:var(--vp-ink);border:3px solid #fff;border-radius:28px;padding:14px 14px 16px;box-shadow:0 7px 0 #8ac8c0,0 20px 50px rgba(0,0,0,.35);text-align:center}.vp-kicker{display:inline-block;font:800 11px/1 Playful,sans-serif;letter-spacing:2px;color:var(--vp-deep);background:#d6f6f0;border-radius:10px;padding:5px 10px}.vp-logo{margin:6px 0 10px;font:800 36px/.95 Playful,sans-serif;letter-spacing:1px;color:#fffaf0;-webkit-text-stroke:3px var(--vp-teal);paint-order:stroke fill;text-shadow:0 5px 0 var(--vp-deep);transform:rotate(-2deg)}.vp-modes{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.vp-mode{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:2px 6px;gap:2px 6px;padding:9px 12px;border-radius:16px;cursor:pointer;text-align:left;background:#e6f4f2;border:2px solid #c6e2de;color:var(--vp-ink);transition:transform .15s,border-color .15s}.vp-mode strong{font:800 15px/1.05 Playful,sans-serif}.vp-mode span{font:800 12px/1 Playful,sans-serif;color:var(--vp-teal)}.vp-mode small{font-size:12px;color:#ffb000;letter-spacing:1px}.vp-mode small i{color:#c8d8d6;font-style:normal}.vp-mode em{font:700 11px/1 Playful,sans-serif;font-style:normal;color:#6a8a8a;text-align:right}.vp-mode.on{border-color:var(--vp-teal);background:#fff;transform:translateY(-2px);box-shadow:0 3px 0 var(--vp-teal),0 0 14px rgba(31,168,154,.35)}.vp-blurb{margin:8px 0 6px;font:700 13px/1.3 Playful,sans-serif;color:#3a5a66;min-height:2.6em}.vp-rules{list-style:none;margin:0 0 10px;padding:0;text-align:left;display:grid;grid-gap:4px;gap:4px}.vp-rules li{display:flex;gap:6px;align-items:baseline;font:600 12.5px/1.3 Playful,sans-serif;color:#2a4a56}.vp-rules li span{flex:none;width:18px;text-align:center}.vp-rules li p{margin:0}.vp-rules b{color:var(--vp-deep)}.playful-game .vp-card button.big{width:100%;background:var(--vp-coral);color:#fff;border-color:#c03a2a;box-shadow:inset 0 3px 0 #ffa898,0 5px 0 #c03a2a;font-size:23px}.vp-best{margin:10px 0 0;font:700 12px/1.2 Playful,sans-serif;color:#5a7a80}.vp-r-title{margin:6px 0 0;font:800 29px/1 Playful,sans-serif;color:var(--vp-teal)}.vp-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.vp-r-score b{font:800 52px/1 Playful,sans-serif;color:var(--vp-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vp-r-score span{font:800 16px/1 Playful,sans-serif;color:#7a9aa0}.vp-stars{display:flex;justify-content:center;gap:6px;margin:2px 0}.vp-stars i{width:30px;height:30px;background:#dde8e6;-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}.vp-stars i.on{background:#ffbf2e;transform:scale(1.18) rotate(-6deg)}.vp-r-line{margin:6px 0 8px;font:700 13px/1.3 Playful,sans-serif;color:#3a5a66}.vp-r-stats{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.vp-r-stats li{display:flex;flex-direction:column;gap:3px;padding:7px 2px;border-radius:12px;background:#e2f4f1}.vp-r-stats b{font:800 17px/1 Playful,sans-serif;color:var(--vp-deep);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vp-r-stats span{font:700 10px/1 Playful,sans-serif;color:#5a7a80}.vp-r-best{margin:2px 0 10px;font:800 13px/1 Playful,sans-serif;color:#5a7a80;min-height:13px}.vp-r-best.new{color:#e8503a}.vp-r-row{display:flex;gap:10px;justify-content:center;align-items:center}.playful-game .vp-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.vp-link-btn{margin-top:10px;background:#e6f4f2;color:var(--vp-ink);border:2px solid #c6e2de;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.playful-game .vp-loading{background:radial-gradient(ellipse at 50% 40%,#d8f6f0,#8ac8d8)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .vp-menu,.playful-game .vp-results{background:linear-gradient(90deg,rgba(20,60,70,0) 40%,rgba(20,60,70,.45));align-items:flex-end;justify-content:flex-start;padding:24px 6vw 24px 24px}.vp-card{margin:auto 0}.vp-logo{font-size:46px}.vp-toast{font-size:26px}.vp-hint{bottom:40px}}@media (max-height:700px) and (max-width:759px){.playful-game .vp-menu,.playful-game .vp-results{padding-top:16vh}.vp-rules{display:none}}