#pg-match:not([data-immersive]) :is(#pg-hud-top,#pg-court,#pg-bar-row,#pg-outcome-box,#pg-turn,#pg-result){display:none}html.pg-locked{overflow:hidden}#pg-match[data-immersive]{z-index:60;background:var(--color-ink-950);flex-direction:column;justify-content:space-between;max-width:none;margin:0;padding:0;display:flex;position:fixed;inset:0}#pg-match[data-immersive] #pg-court{height:auto;margin:0;position:absolute;inset:0}#pg-match[data-immersive] .pg-court3d{border-radius:0}#pg-match[data-immersive] #pg-hud-top,#pg-match[data-immersive] #pg-hud-bottom{z-index:1;padding-inline:max(1rem,50% - 14rem);position:relative}#pg-match[data-immersive] #pg-hud-top{padding-top:max(.75rem, env(safe-area-inset-top))}#pg-match[data-immersive] #pg-hud-bottom{padding-top:2.5rem;padding-bottom:max(1rem, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--color-ink-950) 55%, transparent)}@media (width>=64rem){#pg-match[data-immersive] #pg-hud-top{width:22rem;padding:1.25rem;position:absolute;top:0;left:0}#pg-match[data-immersive] #pg-hud-bottom{padding:1.5rem 2rem max(1.25rem, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--color-ink-950) 35%, transparent);grid-template-columns:1fr minmax(0,34rem) 1fr;align-items:end;column-gap:2rem;margin-top:auto;display:grid}#pg-match[data-immersive] #pg-hud-bottom>*{margin-top:0}#pg-match[data-immersive] #pg-bar-row{grid-area:1/1;justify-self:start}#pg-match[data-immersive] #pg-turn{grid-area:1/2;position:relative}#pg-match[data-immersive] #pg-outcome-box{text-align:right;grid-area:1/3;min-height:0}#pg-match[data-immersive] #pg-tip{width:min(18rem,50vw - 21rem);position:absolute;bottom:2.5rem;right:calc(100% + 2rem)}#pg-match[data-immersive] #pg-start,#pg-match[data-immersive] #pg-result{width:min(26rem,100% - 2rem);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}.pg-locker[open]{grid-template-rows:minmax(0,1fr) auto;display:grid}.pg-locker{--locker-light:var(--color-text);--locker-shade:var(--color-ink-950);--locker-me:var(--color-sky-400);border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.pg-locker,.pg-intro{background:radial-gradient(ellipse 45% 22% at 50% var(--glow-y,88%), color-mix(in oklab, var(--color-violet-500) 40%, transparent), transparent), radial-gradient(circle at 50% 35%, var(--color-ink-800), var(--color-ink-950) 70%)}#pg-match[data-intro] :is(#pg-score,#pg-hud-bottom){visibility:hidden}.pg-intro{--intro-light:var(--color-text);--intro-shade:var(--color-ink-950);--intro-me:var(--color-sky-400);--intro-rival:var(--color-violet-400);--glow-y:var(--intro-feet,72%);z-index:0;position:absolute;inset:0;overflow:hidden}.pg-intro[hidden]{display:none}.pg-intro canvas{display:block;position:absolute;inset:0}.pg-intro-figure{bottom:calc(100% - var(--intro-feet,72%) - 1rem);aspect-ratio:1/2;height:50%;position:absolute;translate:-50%}.pg-intro-figure[data-side=me]{left:var(--intro-me-x,25%)}.pg-intro-figure[data-side=rival]{left:var(--intro-rival-x,75%);scale:-1 1}.pg-intro-name{top:calc(var(--intro-feet,72%) + 1.25rem);text-overflow:ellipsis;white-space:nowrap;max-width:45%;animation:pg-enter .4s var(--ease-brand) both;font-size:clamp(.9rem,3.5vw,1.25rem);font-weight:500;position:absolute;overflow:hidden;translate:-50%}.pg-intro-name[data-side=me]{left:var(--intro-me-x,25%);color:var(--intro-me)}.pg-intro-name[data-side=rival]{left:var(--intro-rival-x,75%);color:var(--intro-rival);animation-delay:.15s}.pg-intro-mark{top:var(--intro-chest,40%);text-shadow:0 .1em .4em var(--color-ink-950);font-size:clamp(2.5rem,12vw,5rem);font-style:italic;font-weight:700;line-height:1;position:absolute;left:50%;translate:-50% -50%}.pg-searching{width:7rem;height:7rem;margin-inline:auto;position:relative}.pg-searching-logo{border-radius:999px;width:calc(100% - 1.5rem);height:calc(100% - 1.5rem);position:absolute;inset:.75rem}.pg-searching-ring{fill:none;stroke-width:4px;stroke-linecap:round;width:100%;height:100%;animation:1.1s linear infinite pg-searching-spin;position:absolute;inset:0}.pg-searching-track{stroke:color-mix(in oklab, var(--color-text) 10%, transparent)}.pg-searching-arc{stroke:url(#pg-searching-gradient);stroke-dasharray:145 289}@keyframes pg-searching-spin{to{rotate:360deg}}.pg-locker::backdrop{background:var(--color-ink-950)}.pg-locker-view{min-height:0;position:relative}.pg-locker-stage{position:absolute;inset:0}.pg-locker-panel{max-height:46dvh;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));border-top:1px solid color-mix(in oklab, var(--color-text) 10%, transparent);background:color-mix(in oklab, var(--color-ink-950) 80%, transparent);overflow-y:auto}@media (width>=64rem){.pg-locker[open]{grid-template-rows:100%;grid-template-columns:minmax(0,1fr) 24rem}.pg-locker-panel{border-top:0;border-left:1px solid color-mix(in oklab, var(--color-text) 10%, transparent);max-height:none;padding:5rem 1.75rem 2rem}}.pg-locker-group{border:0;margin:0 0 1rem;padding:0}.pg-locker-group:disabled{opacity:.35}.pg-locker-group legend,.pg-locker-legend{color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;font-size:.65rem;display:block}.pg-locker-input{border:1px solid color-mix(in oklab, var(--color-text) 20%, transparent);background:color-mix(in oklab, var(--color-ink-950) 60%, transparent);width:100%;color:var(--color-text);border-radius:999px;padding:.55rem .9rem;font-size:1rem}.pg-locker-input::placeholder{color:var(--color-text-muted)}.pg-locker-input:focus-visible{outline:2px solid var(--color-sky-400);outline-offset:2px}.pg-locker-input[aria-invalid=true]{border-color:var(--color-miss-500)}.pg-locker-options{flex-wrap:wrap;gap:.5rem;display:flex}.pg-locker-swatch,.pg-locker-pill{cursor:pointer;position:relative}.pg-locker-swatch input,.pg-locker-pill input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.pg-locker-group:disabled input{cursor:default}.pg-locker-swatch{background:var(--swatch);width:2rem;height:2rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-text) 25%, transparent);border-radius:999px}.pg-locker-swatch:has(input:checked){outline:2px solid var(--color-text);outline-offset:2px}.pg-locker-pill span{border:1px solid color-mix(in oklab, var(--color-text) 20%, transparent);border-radius:999px;padding:.4rem .9rem;font-size:.75rem;display:block}.pg-locker-pill:has(input:checked) span{border-color:var(--color-sky-400);background:color-mix(in oklab, var(--color-sky-400) 18%, transparent)}.pg-locker-swatch:has(input:focus-visible),.pg-locker-pill:has(input:focus-visible) span{outline:2px solid var(--color-sky-400);outline-offset:3px}.pg-locker-try{border:1px dashed color-mix(in oklab, var(--color-text) 35%, transparent);cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-size:.75rem}.pg-locker-try:hover{border-color:var(--color-sky-400)}.pg-locker-try:focus-visible{outline:2px solid var(--color-sky-400);outline-offset:3px}.pg-locker[data-flat] .pg-locker-hint,.pg-locker[data-flat] .pg-locker-try{display:none}.pg-locker-figure{width:100%;height:100%;padding:4.5rem 1rem 1.5rem;display:block}.pg-locker-figure-shadow{fill:var(--color-ink-950);opacity:.6}.pg-locker-stage canvas{cursor:grab;touch-action:none;display:block}.pg-locker-bar{justify-content:space-between;align-items:center;padding:1rem;display:flex;position:absolute;inset:0 0 auto}.pg-locker-hint{text-align:center;pointer-events:none;position:absolute;inset:auto 0 1.5rem}.pg-court3d{--court-turf:var(--color-court-600);--court-background:var(--color-ink-950);--court-line:var(--color-text);--court-me:var(--color-sky-400);--court-rival:var(--color-violet-400);--court-ball:var(--color-ball-300);--court-hit:var(--color-hit-500);--court-miss:var(--color-miss-500);border-radius:1rem;position:absolute;inset:0;overflow:hidden}.pg-court3d canvas{touch-action:manipulation;display:block}.pg-court3d-labels{pointer-events:none;position:absolute;inset:0}.pg-court3d-label{color:var(--color-text);text-shadow:0 1px 3px var(--color-ink-950);white-space:nowrap;align-items:baseline;gap:.3rem;display:flex;position:absolute;top:0;left:0}.pg-court3d-key{font-size:.85rem;font-weight:500}.pg-court3d-share{opacity:.8;font-size:.65rem;font-weight:300}.pg-score-row{grid-template-columns:.5rem 1fr auto 2rem;align-items:center;gap:.75rem;display:grid}.pg-score-points{text-align:right}.pg-serve{border-radius:999px;width:.4rem;height:.4rem}.pg-serving .pg-serve{background:var(--color-sky-400)}.pg-court{height:100%;margin-inline:auto;display:block}.pg-court-floor{fill:color-mix(in oklab, var(--color-sky-400) 6%, transparent)}.pg-court-lines{stroke:color-mix(in oklab, var(--color-text) 30%, transparent);stroke-width:.6px;fill:none}.pg-court-net{stroke:color-mix(in oklab, var(--color-text) 70%, transparent);stroke-width:1.2px}.pg-court-player{transition:transform .45s var(--ease-brand)}.pg-court-me{fill:var(--color-sky-400)}.pg-court-rival{fill:var(--color-violet-400)}.pg-court-ball-core{fill:var(--color-text)}.pg-court-shadow{fill:color-mix(in oklab, var(--color-text) 25%, transparent)}.pg-court-cover{fill:color-mix(in oklab, var(--color-text) 8%, transparent);stroke:color-mix(in oklab, var(--color-text) 35%, transparent);stroke-width:.6px;stroke-dasharray:2 2}.pg-court-read{fill:color-mix(in oklab, var(--color-hit-500) 25%, transparent);stroke:var(--color-hit-500);stroke-width:.8px}.pg-court-landing{fill:color-mix(in oklab, var(--color-miss-500) 25%, transparent)}.pg-zone{cursor:pointer}.pg-zone rect{fill:color-mix(in oklab, var(--color-sky-400) 10%, transparent);stroke:color-mix(in oklab, var(--color-sky-400) 55%, transparent);stroke-width:.6px;stroke-dasharray:3 2;transition:fill .2s var(--ease-brand)}.pg-zone:hover rect,.pg-zone-active rect{fill:color-mix(in oklab, var(--color-sky-400) 28%, transparent);stroke-dasharray:none}.pg-zone-risky rect{stroke:color-mix(in oklab, var(--color-miss-500) 70%, transparent)}.pg-zone-safe rect{stroke:color-mix(in oklab, var(--color-hit-500) 70%, transparent)}.pg-zone text{fill:var(--color-text);dominant-baseline:middle;pointer-events:none}.pg-zone-key{font-size:9px;font-weight:500}.pg-zone-share{fill-opacity:.75;font-size:6.5px;font-weight:300}.pg-bar-slot{background:color-mix(in oklab, var(--color-text) 12%, transparent);width:.55rem;height:.55rem;transition:background-color .3s var(--ease-brand), transform .3s var(--ease-brand);border-radius:999px}.pg-bar-slot:first-child,.pg-bar-slot:last-child{background:color-mix(in oklab, var(--color-text) 5%, transparent)}.pg-bar-on{background:var(--color-text);transform:scale(1.3)}.pg-bar-mine{background:var(--color-sky-400)}.pg-bar-theirs{background:var(--color-violet-400)}.pg-option{border:1px solid color-mix(in oklab, var(--color-text) 12%, transparent);background:color-mix(in oklab, var(--color-text) 4%, transparent);text-align:center;min-height:3.75rem;transition:background-color .2s var(--ease-brand), border-color .2s var(--ease-brand);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.6rem .4rem .5rem;font-size:.8rem;font-weight:300;line-height:1.15;display:flex;position:relative}.pg-option:hover:not(:disabled),.pg-option:focus-visible{border-color:var(--color-sky-400);background:color-mix(in oklab, var(--color-sky-400) 10%, transparent)}.pg-option:disabled{opacity:.5}.pg-option.pg-chosen{border-color:var(--color-sky-400);background:color-mix(in oklab, var(--color-sky-400) 14%, transparent);opacity:1}.pg-option-key{color:var(--color-text-muted);font-size:.6rem;position:absolute;top:.3rem;left:.5rem}.pg-option-hint{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6rem}.pg-risk-risky .pg-option-hint{color:var(--color-miss-500)}.pg-risk-safe .pg-option-hint{color:var(--color-hit-500)}