.pf-app{--pf-ink:#1c1430;--pf-plum:#4a2a7a;--pf-deep:#22123e;--pf-gold:#ffd23f;--pf-cream:#fff4e2;--pf-night:rgba(24,14,46,0.74);--play-accent:#4a2a7a;--play-ink:#1c1430;--play-paper:#fff4e2;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:#1c1430;color:#fff}.pf-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.pf-app:not([data-phase=play]) :is(.pf-head,.pf-stats,.pf-deck,.pf-keys,.pf-hint,.pf-banner,.pf-toast){display:none}.pf-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}.pf-head>*{pointer-events:auto}.pf-icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--pf-night);color:#fff;border:2px solid rgba(255,255,255,.8);box-shadow:0 3px 0 rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pf-icon-btn .off,.pf-icon-btn[aria-pressed=true] .on{display:none}.pf-icon-btn[aria-pressed=true] .off{display:inline}.pf-pill{justify-self:center;display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 8px 0 18px;border-radius:22px;background:var(--pf-night);border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;max-width:100%}.pf-pill span{font:800 16px/1 Playful,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-pill b{font:800 17px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--pf-cream);color:var(--pf-ink);border-radius:14px;padding:6px 10px;min-width:52px;text-align:center}.pf-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}.pf-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:78px;height:46px;padding:0 10px;border-radius:14px;background:var(--pf-night);border:2px solid rgba(255,255,255,.6);box-shadow:0 3px 0 rgba(0,0,0,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pf-stat span{font:800 9px/1 Playful,sans-serif;letter-spacing:1.2px;opacity:.75}.pf-stat b{font:800 19px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--pf-gold)}.pf-static{flex-direction:row;flex-wrap:wrap;gap:3px 6px;width:120px;align-content:center}.pf-static span{width:100%;text-align:center}.pf-meter{display:block;width:62px;height:12px;border-radius:7px;background:#2a1840;overflow:hidden;border:1.5px solid rgba(255,255,255,.35)}.pf-meter b{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#9dffb4,#ffe066);transition:width .12s}.pf-meter b.hot{background:linear-gradient(90deg,#ff9f43,#ff3a2a);animation:pf-pulse .5s infinite}.pf-strikes{display:flex;gap:3px;align-items:center}.pf-strikes u{width:12px;height:12px;border-radius:50%;background:#3a2850;border:2px solid #7a6a94;transition:background .2s,transform .3s}.pf-strikes u.on{background:#ff3a2a;border-color:#ffd0c8;box-shadow:0 0 8px #ff3a2a;transform:scale(1.15)}@keyframes pf-pulse{50%{opacity:.55}}.pf-banner{position:absolute;z-index:6;left:50%;top:26%;transform:translate(-50%,-50%) scale(.8);opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;white-space:nowrap}.pf-banner b{font:800 36px/1 Playful,sans-serif;color:var(--pf-cream);-webkit-text-stroke:7px var(--pf-plum);paint-order:stroke fill;text-shadow:0 5px 0 var(--pf-deep)}.pf-banner span{font:800 14px/1.1 Playful,sans-serif;color:#fff;padding:5px 12px;border-radius:12px;background:var(--pf-night)}.pf-banner.show{animation:pf-banner 2s ease-out}@keyframes pf-banner{0%{opacity:0;transform:translate(-50%,-50%) scale(1.4)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) scale(.95)}}.pf-toast{position:absolute;z-index:7;left:50%;top:calc(env(safe-area-inset-top, 0px) + 124px);transform:translate(-50%,10px) scale(.9);opacity:0;pointer-events:none;font:800 26px/1.1 Playful,sans-serif;color:#fff;text-align:center;white-space:nowrap;-webkit-text-stroke:6px var(--pf-deep);paint-order:stroke fill;text-shadow:0 4px 0 var(--pf-deep);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.pf-toast.show{opacity:1;transform:translate(-50%)}.pf-toast.good{color:#fff0a8}.pf-toast.bad{color:#ffd8d0;-webkit-text-stroke-color:#5a0a10;text-shadow:0 4px 0 #5a0a10}.pf-hint{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 352px);transform:translateX(-50%);margin:0;padding:8px 14px;border-radius:14px;background:var(--pf-night);border:2px solid rgba(255,255,255,.6);font:700 14px/1.25 Playful,sans-serif;text-align:center;width:max-content;max-width:calc(100% - 40px);opacity:0;transition:opacity .3s;pointer-events:none}.pf-hint.show{opacity:1}.pf-deck{position:absolute;z-index:5;left:50%;transform:translateX(-50%);bottom:0;width:min(100%,560px);padding:10px 12px calc(env(safe-area-inset-bottom, 0px) + 12px);display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#6b4a3a,#4a3026 60%,#3a2620);border-top:3px solid #a07050;border-radius:22px 22px 0 0;box-shadow:inset 0 3px 0 rgba(255,220,180,.25),0 -8px 26px rgba(0,0,0,.45)}.pf-deck,.pf-scope{box-sizing:border-box}.pf-scope{display:block;width:100%;height:138px;border-radius:14px;border:4px solid #d9cfb8;box-shadow:inset 0 0 18px rgba(0,0,0,.8),0 3px 0 #8a7a5a;background:#050d0c;touch-action:none}.pf-knobs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;justify-items:center}.pf-knob{--v:0.5;--c:#ff5fa2;position:relative;width:92px;height:104px;cursor:-webkit-grab;cursor:grab;touch-action:none;outline:none}.pf-knob:nth-child(2){--c:#45e0ff}.pf-knob:nth-child(3){--c:#ffd23f}.pf-knob:active{cursor:-webkit-grabbing;cursor:grabbing}.pf-knob-ring{left:6px;top:0;width:80px;height:80px;background:conic-gradient(from -135deg,var(--c) calc(var(--v) * 270deg),rgba(0,0,0,.35) 0 270deg,transparent 0);-webkit-mask:radial-gradient(circle,transparent 31px,#000 32px);mask:radial-gradient(circle,transparent 31px,#000 32px)}.pf-knob-cap,.pf-knob-ring{position:absolute;border-radius:50%}.pf-knob-cap{left:15px;top:9px;width:62px;height:62px;transform:rotate(calc(-135deg + var(--v) * 270deg));background:radial-gradient(circle at 35% 30%,#fffaf0,#e8dcc4 45%,#b8a888);border:3px solid var(--c);box-shadow:0 5px 0 rgba(0,0,0,.4),inset 0 -4px 6px rgba(0,0,0,.2)}.pf-knob-cap i{position:absolute;left:50%;top:5px;width:6px;height:20px;margin-left:-3px;border-radius:3px;background:var(--pf-ink)}.pf-knob-name{position:absolute;left:0;right:0;bottom:2px;text-align:center;font:800 12px/1 Playful,sans-serif;letter-spacing:1px;color:#ffe9cf}.pf-knob.locked .pf-knob-cap{box-shadow:0 5px 0 rgba(0,0,0,.4),0 0 18px var(--c),inset 0 -4px 6px rgba(0,0,0,.2)}.pf-knob.locked .pf-knob-name{color:var(--c)}.pf-knob.locked .pf-knob-name:after{content:" ✓"}.pf-knob.drag .pf-knob-cap{filter:brightness(1.08)}.pf-controls{display:grid;grid-template-columns:auto 1fr 74px;grid-gap:8px;gap:8px;align-items:stretch}.pf-filters{display:grid;grid-template-columns:repeat(3,60px);grid-gap:5px;gap:5px}.pf-controls button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:60px;border-radius:16px;cursor:pointer;touch-action:none;border:2px solid rgba(255,255,255,.7);color:#fff;font-family:Playful,sans-serif;transition:transform .06s,filter .1s,background .15s}.pf-controls button span{font-size:22px;line-height:1}.pf-controls button small{font:800 10px/1 Playful,sans-serif;letter-spacing:.6px}.pf-filter{background:#2d2440;box-shadow:0 4px 0 #160f24}.pf-filter[aria-pressed=true]{background:#2fbf86;border-color:#d8ffe8;box-shadow:0 2px 0 #10603e,0 0 16px rgba(80,255,170,.6);transform:translateY(2px)}.pf-filter.need{animation:pf-need .5s ease-in-out infinite;border-color:var(--pf-gold)}@keyframes pf-need{50%{transform:scale(1.08);box-shadow:0 4px 0 #160f24,0 0 18px var(--pf-gold)}}.pf-hush{background:linear-gradient(180deg,#7a6ad8,#4a3aa8);box-shadow:0 4px 0 #22186a}.pf-hush[aria-pressed=true]{background:linear-gradient(180deg,#2a2050,#1a1238);transform:translateY(3px);box-shadow:0 1px 0 #22186a,0 0 18px rgba(170,160,255,.6)}.pf-hush.need{animation:pf-need .45s ease-in-out infinite;border-color:var(--pf-gold)}.pf-next{--h:1;background:conic-gradient(rgba(255,210,63,.55) calc(var(--h) * 1turn),transparent 0),#c0392b;box-shadow:0 4px 0 #6a1a14}.pf-next:disabled{filter:grayscale(.6) brightness(.8)}.pf-next.need{animation:pf-need .7s ease-in-out infinite;border-color:var(--pf-gold)}.pf-controls button:active{transform:translateY(2px)}.pf-keys{display:none}@media (hover:hover) and (pointer:fine){.pf-app[data-phase=play] .pf-keys{display:block;position:absolute;z-index:6;left:14px;bottom:14px;max-width:200px;text-align:left;font:700 11px/1.3 Playful,sans-serif;color:rgba(255,255,255,.7);pointer-events:none}}.playful-game .pf-menu,.playful-game .pf-results{background:linear-gradient(180deg,rgba(28,20,48,0) 26%,rgba(28,20,48,.72));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:32vh 12px calc(env(safe-area-inset-bottom, 0px) + 12px)}.playful-game .pf-results{padding-top:36vh}.pf-card{width:min(440px,100%);margin:auto auto 0;flex:none;background:var(--pf-cream);color:var(--pf-ink);border:3px solid #fff;border-radius:28px;padding:14px 14px 16px;box-shadow:0 7px 0 #9a7ac0,0 20px 50px rgba(0,0,0,.45);text-align:center}.pf-kicker{display:inline-block;font:800 11px/1 Playful,sans-serif;letter-spacing:2px;color:var(--pf-plum);background:#e8dcff;border-radius:10px;padding:5px 10px}.pf-logo{margin:6px 0 2px;font:800 36px/.95 Playful,sans-serif;letter-spacing:.5px;color:var(--pf-gold);-webkit-text-stroke:3px var(--pf-deep);paint-order:stroke fill;text-shadow:0 5px 0 var(--pf-deep);transform:rotate(-2deg)}.pf-tag{margin:6px 0 8px;font:700 13px/1.2 Playful,sans-serif;color:#5a3a7a}.pf-tracks{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:5px;gap:5px}.pf-trk{--c:#7ad8ff;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px 6px;border-radius:14px;cursor:pointer;background:#efe3f6;border:2px solid #dccbe8;color:var(--pf-ink);transition:transform .15s,border-color .15s,background .15s}.pf-trk i{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,#fff 0 18%,var(--c) 20% 42%,#1c1430 44%);box-shadow:0 2px 0 rgba(0,0,0,.2)}.pf-trk strong{font:800 10.5px/1.05 Playful,sans-serif;min-height:2.1em;display:flex;align-items:center}.pf-trk small{font:700 9.5px/1 Playful,sans-serif;color:#7a5a8a}.pf-trk[aria-checked=true]{background:color-mix(in srgb,var(--c) 30%,#fff);border-color:var(--pf-plum);transform:translateY(-2px);box-shadow:0 3px 0 var(--pf-plum)}.pf-trk[aria-checked=true] i{animation:pf-spin 1.6s linear infinite}@keyframes pf-spin{to{transform:rotate(1turn)}}.pf-track-blurb{margin:6px 0;min-height:1.3em;font:700 12.5px/1.3 Playful,sans-serif;color:#5a3a7a}.pf-len{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin:0 0 8px}.pf-len-btn{border-radius:12px;border:2px solid #dccbe8;background:#efe3f6;color:var(--pf-ink);padding:7px 6px;font:800 13px/1 Playful,sans-serif;cursor:pointer}.pf-len-btn small{font-weight:700;opacity:.7;margin-left:3px}.pf-len-btn[aria-checked=true]{background:var(--pf-plum);border-color:var(--pf-deep);color:#fff}.pf-rules{list-style:none;margin:0 0 10px;padding:0;text-align:left;display:grid;grid-gap:4px;gap:4px}.pf-rules li{display:flex;gap:6px;align-items:baseline;font:600 12.5px/1.3 Playful,sans-serif;color:#3a2458}.pf-rules li span{flex:none;width:20px;text-align:center}.pf-rules li p{margin:0}.pf-rules b{color:var(--pf-plum)}.playful-game .pf-card button.big{width:100%;background:#c0392b;color:#fff;border-color:#6a1a14;box-shadow:inset 0 3px 0 #ff7a6a,0 5px 0 #6a1a14;font-size:23px}.pf-best{margin:10px 0 0;font:700 12px/1.2 Playful,sans-serif;color:#7a5a8a}.pf-r-title{margin:6px 0 0;font:800 30px/1 Playful,sans-serif;color:var(--pf-plum)}.pf-results.lost .pf-r-title{color:#c4161c}.pf-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.pf-r-score b{font:800 52px/1 Playful,sans-serif;color:var(--pf-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pf-r-score span{font:800 16px/1 Playful,sans-serif;color:#9a80b0}.pf-stars{display:flex;justify-content:center;gap:6px;margin:2px 0}.pf-stars i{width:30px;height:30px;background:#e4d8ec;-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}.pf-stars i.on{background:#ffbf2e;transform:scale(1.18) rotate(-6deg)}.pf-r-line{margin:6px 0 8px;font:700 13px/1.3 Playful,sans-serif;color:#4a2a6a}.pf-r-stats{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.pf-r-stats li{display:flex;flex-direction:column;gap:3px;padding:7px 2px;border-radius:12px;background:#ece0f6}.pf-r-stats b{font:800 18px/1 Playful,sans-serif;color:var(--pf-plum);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pf-r-stats span{font:700 10px/1 Playful,sans-serif;color:#7a5a8a}.pf-r-best{margin:2px 0 10px;font:800 13px/1 Playful,sans-serif;color:#2f86c8;min-height:13px}.pf-r-row{display:flex;gap:10px;justify-content:center;align-items:center}.playful-game .pf-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.pf-link-btn{margin-top:10px;background:#ece0f6;color:var(--pf-ink);border:2px solid #d4c0e4;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.playful-game .pf-loading{background:radial-gradient(ellipse at 50% 40%,#4a2a7a,#1c1430)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .pf-menu,.playful-game .pf-results{background:linear-gradient(90deg,rgba(28,20,48,0) 40%,rgba(28,20,48,.6));align-items:flex-end;justify-content:flex-start;padding:24px 6vw 24px 24px}.pf-card{margin:auto 0}.pf-logo{font-size:46px}.pf-hint{bottom:360px}.pf-scope{height:150px}}@media (max-height:700px) and (max-width:759px){.playful-game .pf-menu,.playful-game .pf-results{padding-top:14vh}.pf-rules{display:none}.pf-scope{height:110px}.pf-knob{transform:scale(.85);height:92px}}