.pg-hud{pointer-events:none;color:var(--background);--pg-hud-ease:var(--ease-quint);--pg-hud-shadow:0 1px 12px #00000061;position:absolute;inset:0;container-type:size}.pg-hud__scrim{background:linear-gradient(#0000,#0000006b);height:34%;position:absolute;inset:auto 0 0}.pg-hud__bar{inset:auto var(--gutter) calc(var(--gutter) + env(safe-area-inset-bottom,0px));text-shadow:var(--pg-hud-shadow);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"place sub actions";align-items:end;gap:24px;display:grid;position:absolute}.pg-hud__place{grid-area:place;gap:3px;margin:0;display:grid}.pg-hud__place b{letter-spacing:-.015em;font-size:clamp(18px,1.55vw,24px);font-weight:600;line-height:1.15}.pg-hud__place span{font-variant-numeric:tabular-nums;opacity:.86;font-size:12px;line-height:1.4}.pg-hud__sub{text-align:center;text-wrap:balance;max-width:46ch;text-shadow:0 1px 3px #0000008c, var(--pg-hud-shadow);grid-area:sub;justify-self:center;margin:0;font-size:clamp(15px,1.3vw,20px);font-weight:500;line-height:1.35}.pg-hud__sub b{font-weight:700}.pg-hud__actions{flex-wrap:wrap;grid-area:actions;justify-content:flex-end;justify-self:end;align-items:center;gap:4px 20px;display:flex}.pg-hud__act{min-height:44px;color:inherit;font:inherit;text-shadow:inherit;text-underline-offset:5px;pointer-events:auto;transition:text-decoration-color .3s var(--pg-hud-ease);background:0 0;border:0;align-items:center;gap:6px;padding:0 2px;font-size:14px;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;display:inline-flex}.pg-hud__act:hover,.pg-hud__act:focus-visible{text-decoration-color:currentColor}.pg-hud__act:focus-visible{outline:2px solid var(--background);outline-offset:2px}.pg-hud__act:active{translate:0 1px}.pg-hud__band{height:clamp(0px,50cqh - 20.9205cqw,14cqh);transition:transform .9s var(--pg-hud-ease);background:#000;position:absolute;inset-inline:0}.pg-hud__band--top{top:0;transform:translateY(-100%)}.pg-hud__band--bottom{padding-inline:var(--gutter);letter-spacing:.04em;align-items:center;font-size:12px;display:flex;bottom:0;transform:translateY(100%)}.pg-hud__band--bottom span{opacity:.7}.pg-hud__scrim,.pg-hud__bar,.pg-hud__place,.pg-hud__sub{transition:opacity .42s var(--pg-hud-ease), visibility 0s linear .42s}.pg-hud:not([data-shown]) .pg-hud__scrim,.pg-hud:not([data-shown]):not([data-late]) .pg-hud__bar,.pg-hud:not([data-shown]) .pg-hud__place,.pg-hud:not([data-shown]) .pg-hud__sub,.pg-hud[data-cine] .pg-hud__scrim,.pg-hud[data-cine] .pg-hud__bar{opacity:0;visibility:hidden}.pg-hud[data-shown] .pg-hud__scrim,.pg-hud[data-shown] .pg-hud__bar{transition-delay:0s}.pg-hud[data-late]:not([data-shown]) .pg-hud__actions{animation:pg-hud-in .3s var(--pg-hud-ease) 6s backwards}.pg-hud[data-cine] .pg-hud__band{transform:none}@keyframes pg-hud-in{0%{opacity:0}}@media (max-width:1150px){.pg-hud__bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"sub sub""place actions";gap:10px 16px}.pg-hud__actions{gap:0 14px}}@media (max-width:720px),(max-height:500px) and (max-width:1150px){.pg-hud__bar{align-items:center}.pg-hud__place span{display:none}}@media (max-width:480px){.pg-hud__bar{column-gap:12px}.pg-hud__place b{white-space:nowrap;font-size:clamp(14px,4cqw,18px)}.pg-hud__actions{gap:0 10px}}@media (max-width:400px){.pg-hud__act{font-size:13px}}@media (max-width:340px){.pg-hud__place b{white-space:normal}}@media (prefers-reduced-motion:reduce){.pg-hud__band,.pg-hud__scrim,.pg-hud__bar,.pg-hud__place,.pg-hud__sub,.pg-hud__act{transition:none}.pg-hud[data-late]:not([data-shown]) .pg-hud__actions{animation-duration:1ms}}