.pd-app{--pd-ink:#1f2d3a;--pd-cream:#fff8ea;--pd-red:#e63946;--pd-green:#2b9348;--pd-gold:#ffd23f;--pd-blue:#2f7df6;--play-accent:#2b9348;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:#9fd3ef;color:#fff}.pd-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.pd-app:not([data-phase=race]) :is(.pd-head,.pd-chips,.pd-controls,.pd-keys,.pd-quit,.pd-toast,.pd-hint){display:none}.pd-app[data-phase=countdown] :is(.pd-head,.pd-controls){display:flex}.pd-app[data-phase=countdown] .pd-quit{display:grid}.pd-app[data-phase=countdown] .pd-hint{display:block}.pd-app[data-phase=countdown] .pd-controls{opacity:.85}.pd-speed{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .25s;background:repeating-conic-gradient(from 0deg at 50% 46%,rgba(255,255,255,0) 0deg 5deg,rgba(255,255,255,.55) 5.4deg 5.8deg,rgba(255,255,255,0) 6.2deg 11deg);-webkit-mask-image:radial-gradient(ellipse at 50% 46%,transparent 38%,#000 80%);mask-image:radial-gradient(ellipse at 50% 46%,transparent 38%,#000 80%)}.pd-speed.on{opacity:.5;animation:pd-speed .25s linear infinite}@keyframes pd-speed{50%{transform:scale(1.04)}}.pd-flash{position:absolute;inset:0;z-index:2;pointer-events:none;background:#fff;opacity:0}.pd-flash.show{animation:pd-flash .6s ease-out}@keyframes pd-flash{0%{opacity:.95}to{opacity:0}}.pd-head{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 10px);pointer-events:none;display:flex;align-items:center;gap:8px;padding:0 100px 0 10px}.pd-pill{display:inline-flex;align-items:baseline;gap:3px;height:44px;padding:0 12px;border-radius:22px;flex-shrink:0;align-items:center;background:var(--pd-red);border:3px solid #fff;box-shadow:0 4px 0 rgba(0,0,0,.25);color:#fff}.pd-pill b{font:800 24px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pd-pill small{font:800 12px/1 Playful,sans-serif;opacity:.85}.pd-placepill.up{animation:pd-pop .4s cubic-bezier(.3,1.8,.5,1);background:var(--pd-green)}@keyframes pd-pop{0%{transform:scale(1.35)}}.pd-progress{flex:1 1;min-width:0;padding:7px 10px 6px;border-radius:16px;background:rgba(31,45,58,.72);border:2px solid rgba(255,255,255,.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 3px 0 rgba(0,0,0,.2)}.pd-bar{position:relative;height:10px;border-radius:5px;background:rgba(255,255,255,.22);margin-right:14px}.pd-bar .pd-flag{position:absolute;right:-16px;top:-6px;font-style:normal;font-size:15px;line-height:1}.pd-dot{position:absolute;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;border:1.5px solid #fff;background:var(--c);transition:left .1s linear}.pd-dot.me{width:15px;height:15px;margin:-7.5px 0 0 -7.5px;border:3px solid var(--pd-gold);z-index:2;box-shadow:0 0 6px rgba(255,210,63,.9)}.pd-prog-meta{display:flex;justify-content:space-between;margin-top:4px;font:800 11px/1 Playful,sans-serif;letter-spacing:.8px;color:rgba(255,255,255,.9)}.pd-chips{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 66px);display:flex;justify-content:center;gap:6px;pointer-events:none}.pd-chip{display:none;padding:5px 10px;border-radius:12px;border:2px solid #fff;font:800 12px/1 Playful,sans-serif;letter-spacing:.8px;color:#fff;box-shadow:0 3px 0 rgba(0,0,0,.2)}.pd-chip.on{display:inline-block;animation:pd-pop .3s cubic-bezier(.3,1.8,.5,1)}.pd-chip.draft{background:var(--pd-blue)}.pd-chip.mud{background:#7a4a26}.pd-chip.boxed{background:var(--pd-red)}.pd-chip.tired{background:#6b7280}.pd-hint{position:absolute;z-index:4;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 132px);transform:translateX(-50%);width:max-content;max-width:calc(100vw - 24px);padding:8px 14px;border-radius:14px;background:var(--pd-cream);color:var(--pd-ink);border:2px solid #fff;box-shadow:0 4px 0 rgba(0,0,0,.25);font:700 14px/1.2 Playful,sans-serif;pointer-events:none;transition:opacity .6s}.pd-hint b{color:var(--pd-red)}.pd-hint.gone{opacity:0}.pd-count{position:absolute;z-index:7;left:0;right:0;top:30%;text-align:center;pointer-events:none;font:800 110px/1 Playful,sans-serif;color:var(--pd-gold);-webkit-text-stroke:4px var(--pd-ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--pd-red);opacity:0}.pd-count.show{animation:pd-count .95s ease-out forwards}.pd-count.go{color:#fff;text-shadow:0 8px 0 var(--pd-green)}@keyframes pd-count{0%{opacity:0;transform:scale(2.2)}15%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(.85)}}.pd-toast{position:absolute;z-index:7;left:50%;top:22%;transform:translate(-50%);opacity:0;pointer-events:none;max-width:calc(100vw - 32px);padding:9px 16px;border-radius:18px;font:800 17px/1.2 Playful,sans-serif;text-align:center;width:max-content;background:rgba(31,45,58,.92);color:#fff;border:3px solid rgba(255,255,255,.92);box-shadow:0 6px 0 rgba(0,0,0,.25)}.pd-toast small{display:block;font:700 13px/1.2 Playful,sans-serif;opacity:.9;margin-top:2px}.pd-toast[data-kind=good]{background:var(--pd-green)}.pd-toast[data-kind=bad]{background:var(--pd-red)}.pd-toast[data-kind=info]{background:var(--pd-blue)}.pd-toast[data-kind=gold]{background:#e08a00}.pd-toast.show{animation:pd-toast 1.9s ease forwards}@keyframes pd-toast{0%{opacity:0;transform:translate(-50%,14px) scale(.8)}10%,82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-14px)}}.pd-controls{position:absolute;z-index:5;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom, 0px) + 14px);display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.pd-lanes{display:flex;gap:10px;pointer-events:auto}.pd-lane-btn{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;cursor:pointer;color:var(--pd-ink);background:var(--pd-cream);border:3px solid #fff;box-shadow:inset 0 -3px 0 rgba(0,0,0,.08),0 5px 0 rgba(0,0,0,.3);touch-action:none}.pd-lane-btn.hit,.pd-lane-btn:active{transform:translateY(4px);box-shadow:0 1px 0 rgba(0,0,0,.3)}.pd-push{position:relative;width:116px;height:116px;border-radius:50%;cursor:pointer;pointer-events:auto;touch-action:none;padding:0;background:radial-gradient(circle at 50% 35%,#ff7a5a,var(--pd-red) 70%);border:4px solid #fff;color:#fff;box-shadow:inset 0 4px 0 rgba(255,255,255,.3),0 7px 0 #8e1f28,0 10px 24px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .06s,box-shadow .06s}.pd-push.down{transform:translateY(5px) scale(.97);box-shadow:inset 0 3px 0 rgba(255,255,255,.25),0 2px 0 #8e1f28}.pd-push.empty{background:radial-gradient(circle at 50% 35%,#a2a7ae,#6b7280 70%);box-shadow:0 7px 0 #3d434b}.pd-ring{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);transform:rotate(-90deg);pointer-events:none}.pd-ring-bg{fill:none;stroke:rgba(31,45,58,.45);stroke-width:7}.pd-ring-fg{fill:none;stroke:var(--pd-gold);stroke-width:7;stroke-linecap:round;stroke-dasharray:100 100;transition:stroke .2s}.pd-push.low .pd-ring-fg{stroke:#ff8a3d}.pd-push-label{font:800 26px/1 Playful,sans-serif;letter-spacing:1px;text-shadow:0 2px 0 rgba(0,0,0,.25)}.pd-push-stam{font:800 13px/1 Playful,sans-serif;opacity:.95;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pd-keys{position:absolute;z-index:5;left:0;right:0;bottom:6px;text-align:center;font:600 12px/1 Playful,sans-serif;color:rgba(255,255,255,.92);text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}@media (max-width:700px),(pointer:coarse){.pd-keys{display:none}}.pd-corner{position:absolute;z-index:8;top:calc(env(safe-area-inset-top, 0px) + 12px);right:12px;display:flex;gap:6px}.pd-app[data-phase=loading] .pd-corner{display:none}.pd-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:rgba(31,45,58,.78);border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.3)}.pd-icon-btn .off{display:none}.pd-icon-btn[aria-pressed=true] .off{display:block}.pd-icon-btn[aria-pressed=true] .on,.pd-replay{display:none}.pd-replay{position:absolute;inset:0;z-index:6;pointer-events:none}.pd-app[data-phase=replay] .pd-replay{display:block}.pd-replay:after,.pd-replay:before{content:"";position:absolute;left:0;right:0;height:9%;background:#0d1116}.pd-replay:before{top:0}.pd-replay:after{bottom:0}.pd-replay-tag{position:absolute;left:50%;top:calc(9% + 14px);transform:translateX(-50%);padding:6px 14px;border-radius:10px;background:var(--pd-gold);color:var(--pd-ink);font:800 16px/1 Playful,sans-serif;letter-spacing:2px;border:2px solid #fff;box-shadow:0 4px 0 rgba(0,0,0,.3);white-space:nowrap}.pd-replay-tag:before{content:"● ";color:var(--pd-red);animation:pd-blink .8s steps(2) infinite}@keyframes pd-blink{50%{opacity:0}}.pd-skip{position:absolute;right:14px;bottom:calc(9% + 14px);pointer-events:auto;cursor:pointer;padding:8px 14px;border-radius:14px;background:rgba(255,255,255,.92);color:var(--pd-ink);border:2px solid #fff;font:800 15px/1 Playful,sans-serif}.pd-app .overlay{background:linear-gradient(180deg,rgba(20,40,30,0),rgba(20,40,30,.45));backdrop-filter:none;-webkit-backdrop-filter:none}.pd-app .pd-loading{background:linear-gradient(#5fb2e8,#bfe3f5 55%,#7cc35a 56%,#5ea544)}.pd-card{width:min(400px,100%);margin:auto;padding:20px 20px 18px;border-radius:28px;text-align:center;color:var(--pd-ink);background:var(--pd-cream);border:4px solid #fff;box-shadow:0 8px 0 rgba(20,40,30,.35),0 20px 50px rgba(0,0,0,.2)}.pd-kicker{font:800 12px/1 Playful,sans-serif;letter-spacing:2px;color:var(--pd-green)}.pd-title{margin:8px 0 4px;font:800 52px/.9 Playful,sans-serif;color:var(--pd-gold);letter-spacing:-1px;-webkit-text-stroke:2px var(--pd-ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--pd-red);transform:rotate(-3deg)}.pd-blurb{margin:10px 0 12px;font:700 14px/1.35 Playful,sans-serif;color:#4d5a66}.pd-seg{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:10px}.pd-mount,.pd-seg-btn{border-radius:16px;border:3px solid #fff;background:#ecebe2;color:var(--pd-ink);cursor:pointer;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;box-shadow:0 4px 0 rgba(31,45,58,.2)}.pd-mount b,.pd-seg-btn b{font:800 16px/1 Playful,sans-serif}.pd-mount small,.pd-seg-btn small{font:700 11px/1 Playful,sans-serif;color:#6b7480;letter-spacing:.5px}.pd-mount.on,.pd-seg-btn.on{background:#fff;border-color:var(--pd-green);box-shadow:0 4px 0 var(--pd-green)}.pd-mounts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.pd-mount-swatch{width:34px;height:22px;border-radius:11px;background:linear-gradient(90deg,var(--coat) 60%,var(--silk) 60%);border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.15)}.pd-mount-blurb{min-height:34px;margin:8px 0;font:700 13px/1.3 Playful,sans-serif;color:#4d5a66}.pd-rules{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-gap:6px;gap:6px;text-align:left}.pd-rules li{display:grid;grid-template-columns:26px 1fr;grid-column-gap:10px;column-gap:10px;align-items:center;font:600 12.5px/1.3 Playful,sans-serif;color:#4d5a66}.pd-rules li span{width:26px;height:26px;border-radius:9px;background:var(--pd-green);color:#fff;display:grid;place-items:center;font:800 15px/1 Playful,sans-serif}.pd-rules li p{margin:0}.pd-rules li b{color:var(--pd-ink)}.pd-app button.big{width:100%;background:linear-gradient(#ff7a5a,#e63946);color:#fff;border-color:#ffd0c2;box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 5px 0 #8e1f28}.pd-app button.big:active{box-shadow:0 1px 0 #8e1f28}.pd-best{margin:10px 0 0;font:700 13px/1.3 Playful,sans-serif;color:#6b7480}.pd-link-btn{margin-top:8px;background:none;border:0;color:var(--pd-green);font:800 15px/1 Playful,sans-serif;text-decoration:underline;cursor:pointer;padding:6px 8px}.pd-result-title{margin:0;font:800 34px/1 Playful,sans-serif;color:var(--pd-red)}.pd-result-title.win{color:var(--pd-green)}.pd-photo{position:relative;margin:10px 0 4px;border-radius:14px;overflow:hidden;border:3px solid var(--pd-ink);background:#222;aspect-ratio:16/10;display:none}.pd-photo.has{display:block}.pd-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.05)}.pd-photo:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(230,57,70,.6)}.pd-photo figcaption{position:absolute;left:8px;top:8px;padding:3px 8px;border-radius:6px;background:var(--pd-gold);color:var(--pd-ink);font:800 11px/1 Playful,sans-serif;letter-spacing:1.5px}.pd-result-line{margin:6px 0 8px;font:700 14px/1.35 Playful,sans-serif;color:#4d5a66}.pd-order{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-gap:3px;gap:3px;text-align:left}.pd-order li{display:grid;grid-template-columns:34px 14px 1fr auto;align-items:center;grid-gap:8px;gap:8px;padding:5px 10px;border-radius:10px;background:#f0eee4;font:700 13px/1.2 Playful,sans-serif}.pd-order li.me{background:#fff2bf;box-shadow:inset 0 0 0 2px var(--pd-gold)}.pd-order li b{font:800 14px/1 Playful,sans-serif}.pd-order li i{width:12px;height:12px;border-radius:50%;background:var(--c);border:1.5px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.pd-order li em{font-style:normal;color:#6b7480;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pd-order li small{color:#8a929c;font-weight:700}.pd-result-big{display:flex;align-items:baseline;justify-content:center;gap:8px}.pd-result-big b{font:800 46px/1 Playful,sans-serif;color:var(--pd-ink)}.pd-result-big span{font:800 16px/1 Playful,sans-serif;color:var(--pd-green)}.pd-result-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px 10px;gap:6px 10px;margin:8px 0 12px}.pd-result-list div{display:flex;justify-content:space-between;padding:6px 10px;border-radius:10px;background:#eef4e8;font:700 13px/1.2 Playful,sans-serif}.pd-result-list dt{color:#6b7480}.pd-result-list dd{margin:0;color:var(--pd-ink);font-weight:800}.pd-app .share-btn{width:100%;color:var(--pd-green)}@media (min-width:900px){.pd-head{padding-left:24px;top:18px;max-width:760px}.pd-controls{left:30px;right:30px;bottom:30px}.pd-chips{top:80px}}@media (max-height:720px) and (max-width:700px){.pd-rules{display:none}.pd-title{font-size:44px}.pd-push{width:100px;height:100px}}