.hp-pd-full{min-height:calc(100svh - var(--hp-nav-offset));place-items:center;display:grid;overflow:clip}.hp-pd-full .hp-section-head{text-align:center}.hp-pd-full .hp-section-head>*{margin-inline:auto}.hp-pd{align-items:center;gap:var(--hp-s-5);flex-direction:column;grid-column:1/-1;display:flex;position:relative}.hp-pd-rings{aspect-ratio:1;pointer-events:none;z-index:0;width:min(820px,150vw);position:absolute;top:50%;left:50%;translate:-50% -50%}.hp-pd-ring{border:1px solid var(--hp-rule-2);opacity:0;border-radius:50%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hp-pd-ring{opacity:.35}.hp-pd-ring:not(:first-child){display:none}}:root[data-motion=reduce] .hp-pd-ring{opacity:.35}:root[data-motion=reduce] .hp-pd-ring:not(:first-child){display:none}.hp-pd-phone{z-index:1;width:288px;height:624px;padding:var(--hp-s-2);background:var(--hp-surface-2);box-shadow:var(--hp-shadow);border-radius:38px;position:relative}.hp-pd-island{z-index:2;border-radius:var(--hp-r-pill);background:var(--hp-surface-2);width:82px;height:22px;position:absolute;top:19px;left:50%;transform:translate(-50%)}.hp-pd-screen{background:var(--hp-bg);border-radius:29px;height:100%;position:relative;overflow:hidden}.hp-pd-status{z-index:1;height:38px;padding:0 var(--hp-s-4);color:var(--hp-ink-3);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.hp-pd-status-time{font-family:var(--hp-font-mono);font-variant-numeric:tabular-nums;letter-spacing:var(--hp-track-mono);font-size:10.5px;font-weight:500}.hp-pd-status-icons{align-items:center;gap:var(--hp-s-1);display:flex}.hp-pd-bars{opacity:.55;background:currentColor;border-radius:1.5px;width:13px;height:8px}.hp-pd-batt{opacity:.55;border:1px solid;border-radius:2.5px;width:18px;height:9px}.hp-pd-stack{height:100%;display:grid}.hp-pd-view{padding:var(--hp-s-7) var(--hp-s-5) var(--hp-s-5);visibility:hidden;flex-direction:column;grid-area:1/1;justify-content:flex-start;min-height:0;display:flex;position:relative}.hp-pd-view:first-of-type{visibility:visible}.hp-pd-head{gap:var(--hp-s-1);margin-bottom:var(--hp-s-3);flex-direction:column;display:flex}.hp-pd-kicker{margin:0 0 var(--hp-s-2);font-family:var(--hp-font-label);letter-spacing:var(--hp-track-label);text-transform:uppercase;color:var(--hp-ink-3);font-size:12.5px;font-weight:400}.hp-pd-head .hp-pd-kicker{margin:0}.hp-pd-sub{color:var(--hp-ink-3);font-size:12px}.hp-pd-big{margin:0 0 var(--hp-s-4);font-family:var(--hp-font-display);color:var(--hp-ink);font-size:24px;line-height:1.15}.hp-pd-q{margin:var(--hp-s-4) 0;font-family:var(--hp-font-display);color:var(--hp-ink);font-size:17.5px;line-height:1.25}.hp-pd-timer{border-radius:var(--hp-r-pill);background:var(--hp-rule);height:4px;display:block;overflow:hidden}.hp-pd-timer-fill{border-radius:inherit;background:var(--hp-accent);transform-origin:0;height:100%;display:block}.hp-pd-options{gap:var(--hp-s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hp-pd-option{align-items:center;gap:var(--hp-s-3);padding:var(--hp-s-3);border:1px solid var(--hp-rule);border-radius:var(--hp-r);background:var(--hp-surface);color:var(--hp-ink-2);grid-template-columns:18px 1fr 14px;font-size:13.5px;display:grid}.hp-pd-key{font-family:var(--hp-font-mono);letter-spacing:var(--hp-track-mono);color:var(--hp-ink-3);font-size:10px;font-weight:500}.hp-pd-choice{min-width:0}.hp-pd-mark{text-align:right;font-size:11px}.hp-pd-option[data-pick=true]{border-color:var(--hp-ink-3);color:var(--hp-ink)}.hp-pd-option[data-verdict=correct]{border-color:var(--hp-accent);color:var(--hp-accent-text)}.hp-pd-option[data-verdict=correct] .hp-pd-mark:after{content:"✓"}.hp-pd-option[data-verdict=wrong]{border-color:var(--hp-signal);color:var(--hp-signal-text)}.hp-pd-option[data-verdict=wrong] .hp-pd-mark:after{content:"✕"}.hp-pd-option[data-verdict=missed]{opacity:.55}.hp-pd-scoreline{align-items:baseline;gap:var(--hp-s-2);margin:var(--hp-s-4) 0 0;font-family:var(--hp-font-score);letter-spacing:var(--hp-track-mono);color:var(--hp-ink-3);font-size:12px;font-weight:600;display:flex}.hp-pd-scoreline span[data-right=true]{color:var(--hp-accent-text);font-size:15px}.hp-pd-ms{color:var(--hp-ink-3)}.hp-pd-seats,.hp-pd-board,.hp-pd-podium{gap:var(--hp-s-2);color:var(--hp-ink-2);flex-direction:column;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.hp-pd-view>.hp-pd-seats,.hp-pd-view>.hp-pd-board,.hp-pd-view>.hp-pd-options{justify-content:center;gap:var(--hp-s-3);flex:auto;min-height:0}.hp-pd-seats li,.hp-pd-board li,.hp-pd-podium li{align-items:center;gap:var(--hp-s-3);padding:var(--hp-s-4) var(--hp-s-3);border:1px solid var(--hp-rule);border-radius:var(--hp-r);background:var(--hp-surface);display:flex}.hp-pd-seats li[data-you=true],.hp-pd-board li[data-you=true]{border-color:var(--hp-accent);color:var(--hp-ink)}.hp-pd-avatar{border-radius:var(--hp-r-pill);background:var(--hp-surface-2);width:24px;height:24px;font-family:var(--hp-font-mono);color:var(--hp-ink-2);flex:none;place-items:center;font-size:9.5px;font-weight:500;display:grid}.hp-pd-who{min-width:0}.hp-pd-tag{padding:0 var(--hp-s-2);border:1px solid var(--hp-rule-2);border-radius:var(--hp-r-pill);font-family:var(--hp-font-label);letter-spacing:var(--hp-track-label);text-transform:uppercase;color:var(--hp-ink-3);margin-left:auto;font-size:9px;font-weight:400}.hp-pd-score{font-family:var(--hp-font-score);letter-spacing:var(--hp-track-mono);color:var(--hp-ink);margin-left:auto;font-size:12px;font-weight:600}.hp-pd-podium li[data-place="1"]{border-color:var(--hp-accent);background:var(--hp-bg-2)}.hp-pd-place,.hp-pd-rank{width:1.1em;font-family:var(--hp-font-score);color:var(--hp-ink-3);flex:none;font-size:10px;font-weight:600}.hp-pd-podium li[data-place="1"] .hp-pd-place{color:var(--hp-accent-text)}.hp-pd-podium li[data-rest=true]{opacity:.72}.hp-pd-toast{left:var(--hp-s-5);right:var(--hp-s-5);bottom:var(--hp-s-8);padding:var(--hp-s-3);border:1px solid var(--hp-accent);border-radius:var(--hp-r);background:var(--hp-surface);text-align:center;color:var(--hp-accent-text);font-size:12px;position:absolute}.hp-pd-posted{margin:var(--hp-s-3) 0 0;color:var(--hp-accent-text);font-size:10px}.hp-pd-rematch{gap:var(--hp-s-2);margin-top:var(--hp-s-3);padding:var(--hp-s-3);border:1px solid var(--hp-rule-2);border-radius:var(--hp-r);background:var(--hp-bg-2);flex-direction:column;display:flex}.hp-pd-rematch-head{justify-content:space-between;align-items:baseline;gap:var(--hp-s-3);display:flex}.hp-pd-rematch-title{font-family:var(--hp-font-display);color:var(--hp-ink);font-size:14px}.hp-pd-clock{font-family:var(--hp-font-mono);font-variant-numeric:tabular-nums;letter-spacing:var(--hp-track-mono);color:var(--hp-ink-3);font-size:11px;font-weight:500}.hp-pd-rematch-sub{color:var(--hp-ink-3);margin:0;font-size:10.5px;line-height:1.4}.hp-pd-choice-row{gap:var(--hp-s-3);display:flex}.hp-pd-btn{padding:var(--hp-s-2) var(--hp-s-3);border:1px solid var(--hp-rule);border-radius:var(--hp-r-pill);background:var(--hp-surface);text-align:center;color:var(--hp-ink-2);flex:1;font-size:12px}.hp-pd-btn[data-pick=true]{border-color:var(--hp-accent);color:var(--hp-accent-text)}.hp-pd-foot{margin:var(--hp-s-4) 0 0;color:var(--hp-ink-3);font-size:10.5px;line-height:1.45}.hp-pd-caption{z-index:1;max-width:24rem;font-size:var(--hp-t-small);color:var(--hp-ink-3);text-align:center;margin:0;line-height:1.55;position:relative}@media (max-width:24rem){.hp-pd-phone{width:252px;height:546px}}