.pch{--gut:78px;--air:10px;aspect-ratio:1180/360;margin-top:14px;position:relative}.pch__svg,.pch__ax,.pch__hits{top:0;bottom:0;left:var(--gut);width:calc(100% - var(--gut) - var(--air));position:absolute}.pch__svg{height:100%;display:block;overflow:visible}.pch__grid,.pch__zero,.pch__line,.pch__best line{vector-effect:non-scaling-stroke}.pch__grid{stroke:#ffffff12;stroke-width:1px}.pch__zero{stroke:#ffffff42;stroke-width:1.5px;stroke-dasharray:7 8}.pch__line{filter:drop-shadow(0 0 9px)}.pch__ax{pointer-events:none}.pch__ay,.pch__axl{font-family:var(--mono);letter-spacing:.06em;color:var(--text-3);white-space:nowrap;font-size:9px;position:absolute}.pch__ay{left:calc(var(--gut) * -1);width:var(--gut);text-align:right;padding-right:10px;transform:translateY(-50%)}.pch__ay i{font-style:normal;display:none}.pch__axl{bottom:0;transform:translate(-50%)}.pch__axl.is-first{transform:none}.pch__axl.is-last{transform:translate(-100%)}.pch__best line{stroke:var(--gold);stroke-width:1.5px;stroke-dasharray:3 4}.pch__best text{font-family:var(--mono);fill:var(--gold);letter-spacing:.1em;font-size:9px}.pch__end{font-family:var(--display);font-size:15px;font-weight:800}.pch__hit{cursor:pointer;width:5.6%;position:absolute;top:0;bottom:0;transform:translate(-50%)}.pch__hit:focus{outline:none}.pch__hit:before{content:"";opacity:0;width:1px;transition:opacity .18s var(--ease);background:repeating-linear-gradient(#ffffff57 0 3px,#0000 3px 7px);margin-left:-.5px;position:absolute;top:7%;bottom:11%;left:50%}.pch__hit:hover:before,.pch__hit:focus-visible:before{opacity:1}.pch__dot{left:50%;top:var(--y);background:var(--pch-c,#ff3b54);width:12px;height:12px;transition:transform .2s var(--ease), box-shadow .2s var(--ease);border:2px solid #0b0f14;border-radius:50%;margin:-6px 0 0 -6px;position:absolute}.pch__hit.is-loss{--pch-c:#ff3b54}.pch__hit.is-win{--pch-c:#2fe3c7}.pch__hit.is-best{--pch-c:#ffc65c}.pch__hit.is-best .pch__dot{width:18px;height:18px;margin:-9px 0 0 -9px}.pch__hit:hover .pch__dot,.pch__hit:focus-visible .pch__dot{box-shadow:0 0 0 6px color-mix(in srgb, var(--pch-c) 22%, transparent);transform:scale(1.55)}.pch__tip{left:50%;top:var(--y);z-index:5;border:1px solid var(--line-2);opacity:0;pointer-events:none;min-width:186px;transition:opacity .18s var(--ease), transform .22s var(--ease);background:#0c1015f7;border-radius:13px;padding:11px 13px;position:absolute;transform:translate(-50%,-118%)scale(.96);box-shadow:0 22px 44px -20px #000,inset 0 1px #ffffff12}.pch__hit:hover .pch__tip,.pch__hit:focus-visible .pch__tip{opacity:1;transform:translate(-50%,-128%)scale(1)}.pch__tip--left{transform:translate(-88%,-118%)scale(.96)}.pch__hit:hover .pch__tip--left,.pch__hit:focus-visible .pch__tip--left{transform:translate(-88%,-128%)scale(1)}.pch__tip b{font-family:var(--display);letter-spacing:-.01em;font-size:13.5px;font-weight:700;display:block}.pch__tip dl{grid-template-columns:auto auto;gap:4px 14px;margin:9px 0 0;display:grid}.pch__tip dt{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:8px}.pch__tip dd{text-align:right;margin:0;font-size:12px;font-weight:600}@media (max-width:760px){.pch{aspect-ratio:1180/620}.pch__hit{pointer-events:none}.pch__tip{display:none}.pch{--gut:40px;--air:12px}.pch__ay{padding-right:8px;font-size:8.5px}.pch__ay b{display:none}.pch__ay i{display:inline}.pch__axl{font-size:8.5px}.pch__end,.pch__best{display:none}}@media (prefers-reduced-motion:reduce){.pch__dot,.pch__tip,.pch__hit:before{transition:none}}