.pp{justify-items:center;gap:16px;width:100%;margin:0;display:grid}.pp-stage{width:min(100%,680px);position:relative}.pp-sheet{background:var(--surface);width:100%;color:var(--chalk);box-shadow:inset 0 0 0 1px var(--line), 0 30px 50px -30px #00000080;border-radius:12px;padding:clamp(18px,4vw,26px);position:relative;overflow:hidden;container-type:inline-size}.pp-sheet>*{transition:opacity .45s}.pp[data-fade] .pp-sheet>:not(.pp-top){opacity:0}.pp[data-instant] *,.pp[data-instant] :before,.pp[data-instant] :after{transition:none!important;animation:none!important}.pp-top{border-bottom:1px solid var(--line);color:var(--chalk-2);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;font-size:.875rem;font-weight:600;display:flex}.pp-mark{color:var(--chalk);font-size:1.25rem;display:inline-flex}.pp-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pp-block{font-family:var(--display);text-transform:uppercase;font-size:1.5rem;font-weight:800;line-height:1}.pp-of{color:var(--chalk-2);font-size:.875rem}.pp-of b{color:var(--chalk);font-weight:650}.pp-weeks{text-align:center;color:var(--chalk-2);grid-template-columns:repeat(6,1fr);gap:5px;margin:14px 0 0;padding:0;font-size:.75rem;font-weight:600;list-style:none;display:grid}.pp-weeks i{background:var(--line);border-radius:99px;height:8px;display:block;overflow:hidden}.pp-weeks i b{background:var(--accent);height:100%;transition:width .9s cubic-bezier(.22,1,.36,1);display:block}.pp-weeks span{margin-top:6px;display:block}.pp-weeks .is-now i{box-shadow:0 0 0 1.5px var(--accent)}.pp-weeks .is-now span{color:var(--accent-text)}.pp-focus{grid-area:focus;grid-template-columns:1fr 1fr;align-self:start;gap:10px;margin:0;display:grid}.pp-focus div{box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;padding:10px 12px}.pp-focus dt{color:var(--chalk-2);align-items:center;gap:7px;font-size:.75rem;display:flex}.pp-focus dd{margin:3px 0 0;font-size:.9375rem;font-weight:700}.pp-focus .pp-focus-use{border-top:1px solid var(--line);color:var(--chalk-2);margin-top:6px;padding-top:6px;font-size:.8125rem;font-weight:500}.pp-fsw{border-radius:50%;width:10px;height:10px}.pp-focus-super .pp-fsw{background:var(--accent)}.pp-focus-weak .pp-fsw{background:var(--chalk);box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--chalk)}.pp-body{grid-template-areas:"focus""rate""train""match";gap:18px;margin-top:16px;display:grid}.pp-rate{grid-area:rate}.pp-train{grid-area:train}.pp-matchday{grid-area:match}@container (width>=460px){.pp-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"rate focus""train match";align-items:start;gap:22px}.pp-focus{grid-template-columns:1fr;align-self:center}}.pp-rate-title{color:var(--chalk-2);font-size:.8125rem}.pp-rate-title b{color:var(--chalk);font-size:1rem;font-weight:700}.pp-radar{width:100%;display:block;overflow:visible}.pp-grid{fill:none;stroke:var(--line);stroke-width:1px}.pp-was{fill:none;stroke:var(--chalk-2);stroke-width:1.5px;stroke-dasharray:4 4;stroke-linejoin:round;opacity:0;transition:opacity .3s}.pp:not(.is-live) .pp-was,.pp[data-review] .pp-was{opacity:1}.pp-shape{fill:#12151414;stroke:var(--chalk);stroke-width:2px;stroke-linejoin:round;transition:fill .6s,stroke .6s}.pp:not(.is-live) .pp-shape,.pp[data-review] .pp-shape{fill:color-mix(in srgb, var(--accent) 24%, transparent);stroke:var(--accent-line)}.pp-dot{fill:var(--chalk);opacity:0;transition:opacity .2s,fill .6s}.pp-dot.is-set,.pp:not(.is-live) .pp-dot{opacity:1}.pp:not(.is-live) .pp-dot,.pp[data-review] .pp-dot{fill:var(--accent)}.pp-hit{fill:none}.pp-dot.is-super{fill:var(--accent)}.pp-target{fill:none;stroke:var(--chalk);stroke-width:1.5px;stroke-dasharray:3 3;opacity:0;transition:opacity .3s .25s}.pp:not(.is-live) .pp-target,.pp[data-rated="5"] .pp-target{opacity:1}.pp-radar text{fill:var(--chalk-2);font-family:var(--body);font-size:12px;font-weight:550}.pp-radar text.is-weak{fill:var(--chalk);font-weight:750}.pp-radar text.is-super{fill:var(--accent-text);font-weight:750}.pp-key{color:var(--chalk-2);justify-content:center;gap:18px;margin-top:2px;font-size:.75rem;display:flex}.pp-key p{align-items:center;gap:6px;display:flex}.pp-sw{width:14px;height:0}.pp-sw-was{border-top:1.5px dashed var(--chalk-2)}.pp-sw-now{border-top:2.5px solid var(--chalk);transition:border-color .6s}.pp:not(.is-live) .pp-sw-now,.pp[data-review] .pp-sw-now{border-color:var(--accent-line)}.pp.is-live:not([data-review]) .pp-key p:first-child{opacity:.35}.pp-today-head{color:var(--chalk-2);justify-content:space-between;align-items:baseline;gap:12px;font-size:.8125rem;display:flex}.pp-today-head b{color:var(--chalk);font-size:1rem;font-weight:700}.pp-checks{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.pp-checks li{box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.pp-check{width:24px;height:24px;box-shadow:inset 0 0 0 1.5px var(--chalk-2);border-radius:6px;flex:none;place-items:center;transition:background .25s,box-shadow .25s;display:grid}.pp-check svg{width:16px;height:16px}.pp-check path{fill:none;stroke:var(--on-accent,#16181b);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .35s .1s}.pp-check.is-on{background:var(--accent);box-shadow:none}.pp-check.is-on path{stroke-dashoffset:0}.pp-check-copy{min-width:0;color:var(--chalk-2);gap:2px;font-size:.75rem;display:grid}.pp-check-copy b{color:var(--chalk);font-size:.875rem;font-weight:600;line-height:1.3}.pp-match{--chalk:#eef0ea;--chalk-2:#eef0eaad;--line:#eef0ea29;--accent:#ff8752;--accent-line:#ff8752;color:var(--chalk);background:repeating-linear-gradient(90deg,#ffffff07 0 25px,#0000 25px 50px),linear-gradient(#121a15,#0b0d0c);border-radius:10px;margin-top:10px;overflow:hidden;box-shadow:0 14px 24px -16px #0000008c}.pp-match-pitch{width:100%;display:block}.pp-chalk{fill:none;stroke:#eef0ea38;stroke-width:1.2px}.pp-them{fill:none;stroke:#eef0eab3;stroke-width:1.6px}.pp-mate{fill:var(--chalk)}.pp-you{fill:var(--accent);stroke:#0b0d0c;stroke-width:2px}.pp-pass{fill:none;stroke:var(--accent);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .9s cubic-bezier(.22,1,.36,1),opacity .1s}.pp-pass-head{fill:none;stroke:var(--accent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .2s}.pp-match:has(.pp-check.is-on) .pp-pass{stroke-dashoffset:0;opacity:1}.pp-match:has(.pp-check.is-on) .pp-pass-head{opacity:1;transition-delay:.7s}.pp-match-row{align-items:center;gap:12px;display:flex}.pp-match .pp-match-row{padding:2px 12px 8px}.pp-match-more{border-top:1px solid var(--line);color:var(--chalk-2);padding:8px 12px 10px 48px;font-size:.75rem;font-weight:600}.pp-tap{pointer-events:none;width:32px;height:32px;position:absolute;top:-16px;left:-16px}.pp-tap:after{content:"";box-shadow:0 0 0 2px var(--accent);opacity:0;border-radius:50%;position:absolute;inset:0}.pp-tap.is-tap:after{animation:.6s ease-out pp-ripple}.pp-steps{width:min(100%,360px)}.pp-bars{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pp-step{cursor:pointer;background:0 0;border:0;padding:10px 0}.pp-step i{background:linear-gradient(90deg, var(--accent) calc(var(--p,0) * 100%), var(--line) 0);border-radius:99px;height:4px;display:block}.pp-step:hover i{box-shadow:0 0 0 1px var(--chalk-2)}.pp-step:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px;border-radius:4px}.pp-cap{text-align:center;color:var(--chalk);margin-top:4px;font-size:.9375rem;font-weight:600}.pp-cap.is-pop,[data-pp-game].is-pop{animation:.4s pp-cap}@keyframes pp-ripple{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@keyframes pp-cap{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.pp *,.pp :before,.pp :after{transition:none!important;animation:none!important}}