body:has(.pt-game){color:#2b2d42;background:radial-gradient(circle at 0 0,#ffd6e8 0,#0000 45%),radial-gradient(circle at 100% 0,#d0ebff 0,#0000 45%),linear-gradient(#fff9fc 0%,#f3f0ff 100%)}:is(body:has(.pt-game) .site-header,body:has(.pt-game) .site-footer){display:none}body:has(.pt-game) .shell{width:100%;max-width:none;min-height:100svh;padding:0}.pt-game{--pink:#e64980;--pink-dark:#a61e4d;--blue:#1c7ed6;--blue-dark:#1864ab;--gold:#fcc419;--ink:#2b2d42;--clock:clamp(280px, min(92vw, calc(100svh - 360px)), 600px);-webkit-tap-highlight-color:transparent;flex-direction:column;min-height:100svh;padding:10px 16px 16px;font-family:Arial Rounded MT Bold,Nunito,Trebuchet MS,system-ui,sans-serif;display:flex;overflow-x:clip}.pt-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pt-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;width:100%;max-width:1400px;margin:0 auto;display:flex}.pt-title{color:var(--pink-dark);letter-spacing:.01em;margin:0;font-size:clamp(20px,2.4vw,28px);font-weight:900}.pt-stats{gap:8px;margin:0;display:flex}.pt-sound{min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:2px solid #a5d8ff;border-radius:999px;padding:6px 12px;font-weight:700}.pt-sound:focus-visible{outline:3px solid var(--blue-dark);outline-offset:3px}.pt-stat{background:#fff;border:3px solid #ffdeeb;border-radius:999px;align-items:center;gap:6px;padding:4px 14px 4px 8px;display:flex;box-shadow:0 3px #2b2d4214}.pt-stat dt{display:flex}.pt-stat dd{min-width:1ch;margin:0;font-size:22px;font-weight:900}.pt-stat-stars{border-color:var(--gold)}.pt-stat-icon{width:30px;height:30px}.pt-levels{gap:8px;display:flex}.pt-level{min-width:84px;min-height:56px;font:inherit;color:#fff;cursor:pointer;border:4px solid #0000;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:4px 12px;font-size:17px;font-weight:900;transition:transform .1s;display:flex;box-shadow:0 4px #2b2d4238}.pt-level-easy{background:#40c057}.pt-level-medium{background:#f76707}.pt-level-hard{background:#7048e8}.pt-level[aria-pressed=false]{opacity:.72;box-shadow:none}.pt-level[aria-pressed=true]{outline:3px solid var(--ink);border-color:#fff;transform:translateY(-2px)}.pt-level-stars{gap:1px;display:flex}.pt-level-star{width:16px;height:16px}.pt-stage{grid-template-columns:minmax(0, 1fr) minmax(0, max(var(--clock), 480px)) minmax(0, 1fr);flex:1;grid-template-rows:auto auto auto 1fr;grid-template-areas:"peach instruction rosalina""peach target rosalina""peach clock rosalina""peach actions rosalina";align-content:start;column-gap:clamp(8px,2vw,32px);width:100%;max-width:1400px;margin:8px auto 0;display:grid}.pt-instruction{text-align:center;grid-area:instruction}.pt-target{text-align:center;grid-area:target}.pt-clock-area{grid-area:clock;justify-content:center;display:flex}.pt-actions{flex-direction:column;grid-area:actions;align-items:center;gap:6px;padding-top:10px;display:flex}.pt-instruction{color:var(--ink);margin:0 0 6px;font-size:clamp(20px,2.6vw,30px);font-weight:900}.pt-digital{border:5px solid var(--gold);background:linear-gradient(#1b1f3b,#2b2f5c);border-radius:20px;padding:6px 28px 8px;display:inline-block;box-shadow:0 6px #2b2d4238,inset 0 0 18px #00000080}.pt-digital span{letter-spacing:.04em;color:#63e6be;text-shadow:0 0 10px #63e6becc,0 0 2px #fff;font-variant-numeric:tabular-nums;font-family:SF Mono,Menlo,Consolas,monospace;font-size:clamp(44px,6vw,68px);font-weight:800;line-height:1.05}.pt-clock{width:var(--clock);height:var(--clock);margin-top:10px}.pt-clock-svg{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;filter:drop-shadow(0 10px #2b2d421f);width:100%;height:100%;display:block}.pt-clock-svg:active{cursor:grabbing}.pt-clock.is-disabled .pt-clock-svg{cursor:default}.pt-tick{stroke:#adb5bd;stroke-width:2px;stroke-linecap:round}.pt-tick-major{stroke:var(--ink);stroke-width:4px;stroke-linecap:round}.pt-number{fill:var(--ink);pointer-events:none;font-size:38px;font-weight:900}.pt-minute-label{fill:var(--blue);pointer-events:none;font-size:15px;font-weight:800}.pt-hand{pointer-events:none}.pt-hand line{stroke-linecap:round}.pt-hand-outline{stroke:#fff}.pt-hand-hour .pt-hand-fill{stroke:var(--pink)}.pt-hand-minute .pt-hand-fill{stroke:var(--blue)}.pt-hand-tip-outline{fill:#fff;stroke:#fff;stroke-width:6px;stroke-linejoin:round}.pt-hand-hour .pt-hand-tip{fill:var(--pink)}.pt-hand-minute .pt-hand-tip{fill:var(--blue)}.pt-hand.is-dragging .pt-hand-outline,.pt-hand.is-dragging .pt-hand-tip-outline{stroke:var(--gold)}.pt-hand.is-dragging .pt-hand-tip-outline{fill:var(--gold)}.pt-pivot{fill:var(--gold);stroke:#e67700;stroke-width:3px}.pt-pivot-dot{fill:#fff}.pt-hand-focus{pointer-events:none;outline:none}.pt-hand-focus circle{fill:none;stroke:none}.pt-hand-focus:focus-visible circle{stroke:var(--gold);stroke-width:5px;stroke-dasharray:10 8}.pt-button{min-height:64px;font:inherit;color:#fff;cursor:pointer;border:5px solid #fff;border-radius:999px;padding:10px 36px;font-size:clamp(22px,3vw,30px);font-weight:900;transition:transform .1s;box-shadow:0 7px #2b2d4240}.pt-button:active,.pt-level:active{transform:translateY(3px)}.pt-check{background:linear-gradient(180deg, #ff6bb5, var(--pink))}.pt-next{background:linear-gradient(180deg, #4dabf7, var(--blue));animation:.5s both pt-pop}.pt-play{background:linear-gradient(#69db7c,#2f9e44);min-width:200px;margin-top:4px}.pt-button:focus-visible,.pt-level:focus-visible,.pt-back:focus-visible{outline:4px solid var(--blue);outline-offset:4px}.pt-feedback{text-align:center;min-height:0}.pt-feedback-message{color:#f76707;margin:0;font-size:clamp(20px,2.6vw,26px);font-weight:900}.pt-feedback-hint{color:var(--ink);margin:2px 0 4px;font-size:17px;font-weight:700}.pt-side{border-radius:32px;flex-direction:column;justify-content:flex-end;min-width:0;display:flex;position:relative;overflow:visible}.pt-side-peach{background:linear-gradient(#fff0f6 0%,#ffdeeb 55%,#fcc2d7 100%);border:4px solid #fff;grid-area:peach;overflow:hidden}.pt-side-rosalina{background:linear-gradient(#0b1442 0%,#1c2f7a 60%,#2b8a9e 100%);border:4px solid #fff;grid-area:rosalina;overflow:hidden}.pt-scene{opacity:.85;pointer-events:none;width:100%;height:46%;position:absolute;inset:auto 0 0}.pt-scene-castle{opacity:.9;height:78%}.pt-side-rosalina .pt-scene{opacity:.9;height:100%}.pt-cast{justify-content:center;align-items:flex-end;height:min(72svh,640px);padding-bottom:10px;display:flex;position:relative}.pt-princess-wrap{z-index:1;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.pt-princess-wrap:before{content:"";opacity:0;z-index:-1;background:radial-gradient(circle,#fff4b3d9 0%,#fff4b300 65%);border-radius:50%;transition:opacity .3s;position:absolute;inset:10% -20% 0}.pt-princess{object-fit:contain;object-position:bottom;-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;max-width:100%;height:100%;display:block}.pt-friend{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;width:auto;position:absolute}.pt-toad{height:24%;animation:2.8s ease-in-out infinite pt-hop;bottom:8px}.pt-toad-1{left:2%}.pt-toad-2{animation-delay:1.3s;bottom:18%;right:0}.pt-luma{height:12%;animation:3.6s ease-in-out infinite pt-float}.pt-luma-1{top:14%;left:6%}.pt-luma-2{animation-delay:1.2s;top:34%;right:6%}.pt-luma-3{animation-delay:2.1s;bottom:14%;left:10%}.pt-twinkle{animation:3s ease-in-out infinite pt-twinkle}.pt-bubble{z-index:5;white-space:nowrap;background:#fff;border-radius:28px;margin:0;padding:10px 22px;font-size:clamp(22px,2.8vw,36px);font-weight:900;animation:.12s ease-out both pt-bubble-in;position:absolute;top:2%;left:50%;transform:translate(-50%);box-shadow:0 6px #2b2d422e}.pt-bubble:after{content:"";border:10px solid #0000;border-top:14px solid #fff;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.pt-bubble-peach{color:var(--pink-dark);border:4px solid #ff8cc6}.pt-bubble-rosalina{color:var(--blue-dark);border:4px solid #4dd4c6}.is-celebrating .pt-princess-wrap{animation:.9s ease-in-out 3 pt-cheer}.is-celebrating .pt-princess-wrap:before{opacity:1}.is-celebrating .pt-friend{animation:.7s ease-in-out 4 pt-cheer}.is-celebrating .pt-clock-svg{filter:drop-shadow(0 0 22px #fcc419e6)}.pt-pop{animation:.5s both pt-pop}.pt-confetti{pointer-events:none;z-index:50;width:100vw;height:100vh;position:fixed;inset:0}.pt-footer{text-align:center;color:#6c6f86;max-width:760px;margin:18px auto 0;font-family:system-ui,sans-serif;font-size:11px;line-height:1.5}.pt-footer p{margin:2px 0}.pt-back{color:#6c6f86}@keyframes pt-cheer{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-6%)scale(1.03)}70%{transform:translateY(0)scale(.99)}}@keyframes pt-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pt-float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-10px)rotate(4deg)}}@keyframes pt-twinkle{0%,to{opacity:1}50%{opacity:.3}}@keyframes pt-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes pt-bubble-in{0%{opacity:0;transform:translate(-50%)scale(.3)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (max-width:1023px){.pt-game{--clock:clamp(280px, min(92vw, calc(100svh - 380px)), 560px);padding:8px 12px 14px}.pt-stage{grid-template:"peach instruction rosalina""peach target rosalina""clock clock clock""actions actions actions"/minmax(0,1fr) auto minmax(0,1fr);column-gap:8px}.pt-instruction{align-self:end}.pt-target{align-self:start}.pt-cast{height:clamp(130px,22svh,230px);padding-bottom:4px}.pt-stage{margin-top:44px}.pt-side{border-radius:22px;overflow:visible}.pt-scene{clip-path:inset(0 round 18px)}.pt-princess-wrap:before{inset:10% 0 0}.pt-toad{height:34%}.pt-toad-2,.pt-luma-3{display:none}.pt-luma{height:22%}.pt-luma-1{top:4%}.pt-bubble{pointer-events:none;border-width:3px;border-radius:16px;padding:4px 12px;font-size:clamp(16px,3.4vw,26px);line-height:1.1;top:auto;bottom:calc(100% - 4px)}.pt-bubble:after{border-width:10px 8px 8px;bottom:-12px}.pt-digital{padding:4px 16px 6px}}@media (max-width:560px){.pt-game{--clock:clamp(280px, min(92vw, calc(100svh - 380px)), 560px)}.pt-stage{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"instruction instruction instruction""peach target rosalina""clock clock clock""actions actions actions"}.pt-target{align-self:center}.pt-stage{margin-top:16px}.pt-bubble{padding:2px 8px;font-size:clamp(14px,4vw,17px);bottom:calc(100% + 8px)}.is-celebrating .pt-instruction{visibility:hidden}.pt-bar{gap:6px 8px}.pt-title{font-size:17px}.pt-stats{gap:4px}.pt-stat{border-width:2px;gap:3px;padding:1px 8px 1px 4px}.pt-stat dd{font-size:16px}.pt-stat-icon{width:20px;height:20px}.pt-levels{width:100%}.pt-level{flex:1;min-width:0;min-height:52px}.pt-instruction{font-size:17px}.pt-digital span{font-size:40px}.pt-cast{height:clamp(110px,20svh,170px)}.pt-button{padding:8px 28px}}@media (prefers-reduced-motion:reduce){.pt-game *,.pt-game :before{transition:none!important;animation:none!important}}