.pg{display:grid;gap:12px}.pg-stage{--pg-h: 860px;position:relative;isolation:isolate;height:var(--pg-h);display:grid;grid-template-rows:64px minmax(0,1fr);overflow:hidden;border-radius:var(--pg-radius);background:var(--pg-backdrop);color:var(--pg-ink);font-family:var(--pg-font);font-size:1rem;line-height:1.4;box-shadow:0 10px 40px #00000038;--surface: var(--pg-panel);--surface-2: var(--pg-panel-2);--ink: var(--pg-ink);--muted: var(--pg-muted);--line: var(--pg-line);--field-border: var(--pg-field);--accent: var(--pg-accent);--accent-hover: var(--pg-accent);--accent-ink: var(--pg-accent);--on-accent: var(--pg-on-accent);--accent-soft: var(--pg-panel-2);--danger: var(--pg-alert);--focus: var(--pg-focus);color-scheme:dark}@media(min-width:600px){.pg-stage{--pg-h: 760px}}@media(min-width:900px){.pg-stage{--pg-h: 680px}}.pg-stage :focus-visible{outline:3px solid var(--pg-focus);outline-offset:2px}.pg-stage h2,.pg-stage h3,.pg-stage h4{color:inherit}.pg-stage :where(h2){letter-spacing:-.015em}.pg-stage :where(h3){letter-spacing:normal}.pg-stage :where(h4){margin-block:1.33em;font-size:1em;font-weight:700;line-height:inherit;text-wrap:wrap}.pg-stage :where(.btn){border-radius:8px}.pg-stage [tabindex="-1"]:focus{outline:none}.pg-stage [tabindex="-1"]:focus-visible{outline:3px solid var(--pg-focus)}.pg-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"mark where timer tools";align-items:center;gap:10px;padding:0 12px;background:var(--pg-bar);border-bottom:2px solid var(--pg-line);min-width:0}.pg-mark{grid-area:mark;display:block;width:150px;height:40px}.pg-mark svg{display:block;width:100%;height:100%}.pg-where{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.8125em;color:var(--pg-muted)}.pg-where{grid-area:where}.pg-tools{grid-area:tools;display:flex;gap:6px;align-items:center}.pg-timer{grid-area:timer}@media(max-width:559px){.pg-stage{grid-template-rows:100px minmax(0,1fr)}.pg-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mark tools" "timer timer";row-gap:2px;padding-block:4px}.pg-mark{width:130px;height:40px}.pg-where{display:none}.pg-timer{justify-self:start}}.pg-glyph{width:22px;height:22px;flex:none}.pg-icon,.pg-chip,.pg-mini,.pg-menu-item,.pg-btn{font:inherit;color:inherit;cursor:pointer;border:2px solid var(--pg-line);background:var(--pg-panel)}.pg-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;list-style:none}.pg-icon::-webkit-details-marker{display:none}.pg-icon[aria-pressed=true]{background:var(--pg-accent);color:var(--pg-on-accent);border-color:var(--pg-accent)}.pg-sound-on{display:none}.pg-icon[aria-pressed=true] .pg-sound-on{display:contents}.pg-icon[aria-pressed=true] .pg-sound-off{display:none}.pg-menu{position:relative}.pg-menu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:5;display:grid;min-width:15rem;padding:6px;border-radius:12px;background:var(--pg-panel);border:2px solid var(--pg-line);box-shadow:0 10px 30px #0006}.pg-menu-item{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 12px;border:0;border-radius:8px;background:transparent;text-align:left;font-weight:650}.pg-menu-item:hover{background:var(--pg-panel-2)}.pg-menu-item[hidden]{display:none}.pg-timer{display:flex;align-items:center;gap:8px}.pg-timer[data-on=no]{visibility:hidden}.pg-ring{width:36px;height:36px;transform:rotate(-90deg)}.pg-ring circle{fill:none;stroke-width:5}.pg-ring-track{stroke:var(--pg-line)}.pg-ring-left{stroke:var(--pg-accent);stroke-dasharray:100;stroke-dashoffset:0;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.pg-timer[data-low=yes] .pg-ring-left{stroke:var(--pg-hot)}.pg-secs{min-width:3.2ch;font-weight:800;font-variant-numeric:tabular-nums;font-size:1.125em}.pg-timer[data-low=yes] .pg-secs{color:var(--pg-hot)}.pg-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:4px 14px;border-radius:999px;font-weight:700;font-size:.875em;white-space:nowrap}.pg-chip[aria-disabled=true]{opacity:.55;cursor:not-allowed}.pg-chip[aria-pressed=true]{background:var(--pg-hot);border-color:var(--pg-hot);color:var(--pg-on-hot)}.pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 20px;border-radius:var(--pg-btn-radius);font-weight:800;letter-spacing:.02em;text-align:center}.pg-btn:hover{border-color:var(--pg-accent)}.pg-btn-go{background:var(--pg-accent);border-color:var(--pg-accent);color:var(--pg-on-accent);box-shadow:0 4px 0 var(--pg-accent-deep)}.pg-btn-go:active{transform:translateY(2px);box-shadow:0 2px 0 var(--pg-accent-deep)}.pg-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none}.pg-btn[hidden]{display:none}.pg-views{position:relative;min-height:0;display:grid}.pg-view{min-height:0;overflow:auto;overscroll-behavior:contain;display:none}html:not([data-pg-view]) .pg-view[data-view=entry],html[data-pg-view=entry] .pg-view[data-view=entry],html[data-pg-view=join] .pg-view[data-view=join],html[data-pg-view=message] .pg-view[data-view=message]{display:grid}html[data-pg-view=room] .pg-view[data-view=room]{display:grid}.pg-entry{grid-template-columns:minmax(0,1fr);align-content:start;gap:20px;padding:20px 16px}@media(min-width:900px){.pg-entry{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-content:center;padding:28px 32px;gap:32px}}.pg-entry-main{display:grid;gap:14px;align-content:start}.pg-title{font-family:var(--pg-display);font-weight:900;font-size:1.75em;line-height:1.1;letter-spacing:var(--pg-display-spacing)}.pg-lead{color:var(--pg-muted);max-width:40em}.pg-form{display:grid;gap:14px;max-width:26rem}.pg-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pg-hint{color:var(--pg-muted);font-size:.875em}.pg-field{display:grid;gap:6px;min-width:0}.pg-field label,.pg-settings legend{font-weight:750;font-size:.9375em}.pg-field input,.pg-field select,.pg-stage textarea,.pg-invite input{width:100%;min-height:48px;padding:8px 12px;border:2px solid var(--pg-field);border-radius:10px;background:var(--pg-field-bg);color:var(--pg-ink);font:inherit;font-size:1.0625em}.pg-stage textarea{resize:none;line-height:1.35}.pg-stage select{-webkit-appearance:auto;appearance:auto}.pg-stage input:disabled,.pg-stage select:disabled{opacity:.75}.pg-check{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:650}.pg-check input{flex:none;width:24px;height:24px;margin:0;accent-color:var(--pg-accent)}.pg-stage .field-error{color:var(--pg-alert);font-weight:700}.pg-howto{display:grid;gap:12px;align-content:start;align-self:center;padding:16px;border-radius:16px;background:var(--pg-panel);border:2px solid var(--pg-line)}html[data-pg-howto=hide] .pg-howto{display:none}.pg-howto-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.pg-howto h3{font-size:1.125em;font-weight:850}.pg-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}.pg-steps li{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:10px;align-items:start}.pg-step-n{display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:50%;background:var(--pg-accent);color:var(--pg-on-accent);font-weight:900}.pg-room{grid-template-columns:minmax(0,1fr);grid-template-rows:28px minmax(0,1fr) 200px;grid-template-areas:"conn" "main" "side";overflow:hidden}@media(min-width:900px){.pg-room{grid-template-columns:minmax(0,1fr) 310px;grid-template-rows:28px minmax(0,1fr);grid-template-areas:"conn conn" "main side"}}.pg-conn{grid-area:conn;display:flex;align-items:center;gap:8px;padding:0 16px;font-size:.8125em;color:var(--pg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-dot{width:10px;height:10px;border-radius:50%;border:2px solid currentColor;flex:none}.pg-conn[data-state=connected] .pg-dot{background:var(--pg-accent);border-color:var(--pg-accent)}.pg-conn[data-state=reconnecting],.pg-conn[data-state=offline]{color:var(--pg-alert);font-weight:700}.pg-main{grid-area:main;position:relative;min-height:0;overflow:auto;overscroll-behavior:contain;display:grid}.pg-phase{display:grid;gap:16px;align-content:start;padding:8px 16px 20px;min-width:0}.pg-phase[data-on=no]{display:none}@media(min-width:900px){.pg-phase{padding:8px 24px 24px}}.pg-lobby{display:grid;gap:20px}@media(min-width:900px){.pg-lobby{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}}.pg-invite{display:grid;gap:8px;align-content:start}.pg-invite>label{font-weight:750}.pg-inline{display:flex;flex-wrap:wrap;gap:8px}.pg-inline input{flex:1 1 12rem;min-width:0;font-family:var(--font-mono);font-size:.875em}.pg-stage .pg-inline .btn{min-height:48px}.pg-qr{width:132px;height:132px;padding:0}.pg-qr svg{display:block;width:100%;height:100%}.pg-qr-bg{fill:#fff}.pg-qr-ink{fill:#000}.pg-settings{container-type:inline-size;min-width:0}.pg-settings fieldset{display:grid;gap:12px;border:0;margin:0;padding:0;min-width:0}.pg-settings legend{padding:0;margin-bottom:6px}.pg-grid{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}@container (min-width: 30rem){.pg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pg-go{display:grid;gap:8px;justify-items:start}.pg-go .pg-btn{min-width:min(100%,16rem);font-size:1.125em}.pg-note{min-height:1.5em;color:var(--pg-muted);font-weight:650}.pg-foot{display:grid;gap:10px;padding-top:4px}.pg-status{min-height:1.5em;color:var(--pg-muted);font-weight:650}.pg-actions{display:flex;flex-wrap:wrap;gap:10px}.pg-side{grid-area:side;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:2px;min-height:0;padding:8px 12px 12px;background:var(--pg-side);border-top:2px solid var(--pg-line)}@media(min-width:900px){.pg-side{border-top:0;border-left:2px solid var(--pg-line)}}.pg-side h3{font-size:.9375em;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.pg-count{font-size:.8125em;color:var(--pg-muted);min-height:1.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-board{min-height:0;overflow:auto;overscroll-behavior:contain;border-radius:10px}.pg-rows{position:relative;list-style:none;margin:0;padding:0}.pg-player{position:absolute;inset:0 0 auto;height:56px;display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:center;transform:translateY(calc(var(--y, 0) * 56px));transition:transform .45s cubic-bezier(.2,.8,.2,1)}.pg-shown{display:grid;grid-template-columns:1.8em minmax(0,1fr) 3.4ch 2.6em;align-items:center;gap:6px;min-width:0;height:52px;padding:0 8px;border-radius:10px;background:var(--pg-row)}.pg-player.is-me .pg-shown{box-shadow:inset 0 0 0 2px var(--pg-accent)}.pg-player.is-away .pg-shown{opacity:.7}.pg-place{font-weight:900;text-align:center;color:var(--pg-muted)}.pg-player.is-lead .pg-place{color:var(--pg-accent)}.pg-who{display:grid;min-width:0}.pg-name,.pg-tags{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.pg-tags{min-height:1.3em}.pg-name{font-weight:800}.pg-tags{font-size:.75em;color:var(--pg-muted)}.pg-player.is-done .pg-tags{color:var(--pg-accent);font-weight:700}.pg-score{font-weight:900;font-size:1.125em;font-variant-numeric:tabular-nums;text-align:right}.pg-gain{font-weight:900;font-size:.8125em;color:var(--pg-hot);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}.pg-gain[data-on=yes]{opacity:1;transform:none}.pg-manage{position:relative;display:grid;place-items:center}.pg-player[data-manage=no] .pg-manage-toggle{visibility:hidden}.pg-manage-panel{position:absolute;right:calc(100% + 2px);top:50%;transform:translateY(-50%);z-index:2;display:flex;gap:4px;padding:2px;border-radius:12px;background:var(--pg-panel-2);border:2px solid var(--pg-line);box-shadow:0 6px 18px #00000059}.pg-manage-panel[hidden]{display:none}.pg-mini{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:transparent;border-color:transparent}.pg-mini:hover,.pg-manage-toggle[aria-expanded=true]{border-color:var(--pg-line)}.pg-mini[hidden]{display:none}.pg-mini .pg-glyph{width:18px;height:18px}.pg-podium{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;min-height:12em}.pg-step{display:grid;justify-items:center;align-content:end;gap:4px;padding:10px 6px;border-radius:14px 14px 4px 4px;background:var(--pg-panel);border:2px solid var(--pg-line);text-align:center;min-width:0}.pg-step-1{order:2;min-height:11em;background:var(--pg-accent);color:var(--pg-on-accent);border-color:var(--pg-accent)}.pg-step-2{order:1;min-height:8.5em}.pg-step-3{order:3;min-height:7em}.pg-step-place{font-weight:900;font-size:.875em;text-transform:uppercase;letter-spacing:.06em}.pg-step-name{font-weight:900;font-size:1.125em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-step-score{font-weight:700;font-variant-numeric:tabular-nums}.pg-suspense{position:absolute;inset:0;z-index:3;display:grid;place-items:center;visibility:hidden;opacity:0;transition:opacity .25s ease,visibility 0s linear .25s;background:var(--pg-suspense)}.pg-suspense[data-on=yes]{visibility:visible;opacity:1;transition:opacity .25s ease}.pg-suspense-text{font-family:var(--pg-display);font-weight:900;font-size:2.25em;letter-spacing:var(--pg-display-spacing);text-align:center;padding:0 16px}.pg-confetti{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none}.pg-message{align-content:start;justify-items:start;gap:14px;padding:28px 20px}.pg-msg-text{min-height:9.8em}@media(min-width:600px){.pg-msg-text{min-height:5.6em}}.pg-server-note{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:var(--step--1)}.pg-server-note .icon{flex-shrink:0;width:20px;height:20px;color:var(--accent-ink)}html[data-pg-screen] .pg-stage{position:fixed;inset:0;z-index:60;height:auto;border-radius:0;font-size:clamp(1rem,.55rem + 1.25vw,1.9rem);grid-template-rows:4.2em minmax(0,1fr)}html[data-pg-screen] .pg-mark{width:9em;height:2.4em}html[data-pg-screen] .pg-chip[data-pg-more],html[data-pg-screen] .pg-go .pg-btn,html[data-pg-screen] .pg-settings,html[data-pg-screen] .pg-actions,html[data-pg-screen] .pg-manage{display:none}html[data-pg-screen] .pg-qr{width:9em;height:9em}@media(min-width:900px){html[data-pg-screen] .pg-room{grid-template-columns:minmax(0,1fr) 30%}}html[data-pg-screen] .pg-player{height:2.6em;transform:translateY(calc(var(--y, 0) * 2.6em))}html[data-pg-screen] .pg-shown{height:2.4em}@media(max-width:559px){html[data-pg-screen] .pg-stage{grid-template-rows:6.4em minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.pg-stage *,.pg-stage *:before,.pg-stage *:after{animation:none!important}.pg-player,.pg-ring-left,.pg-gain{transition:none}.pg-btn-go:active{transform:none}}@media(forced-colors:active){.pg-stage{border:2px solid CanvasText}.pg-btn,.pg-chip,.pg-icon,.pg-shown{border:2px solid ButtonText}.pg-icon[aria-pressed=true],.pg-chip[aria-pressed=true]{forced-color-adjust:none;background:Highlight;color:HighlightText}}