.pg{background:var(--color-bg-page);color:var(--color-text-primary);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0;overflow:hidden}.pg-board{touch-action:none;outline:none;position:absolute;inset:0}.pg-board:focus-visible{outline:3px solid var(--color-tint-default);outline-offset:-4px}.pg-canvas{display:block;position:absolute;top:0;left:0}.pg-top,.pg-notices,.pg-controls,.pg-bottom,.pg-center{pointer-events:none}.pg-top>*,.pg-notices>*,.pg-controls>*,.pg-bottom>*,.pg-center>*{pointer-events:auto}.pg-top{top:var(--pg-top);left:var(--pg-side);right:var(--pg-side);justify-content:space-between;align-items:center;gap:8px;height:48px;display:flex;position:absolute}.pg-top-spacer{flex:none;width:40px;height:40px}@media (width<=399px){.pg-top{gap:6px;left:12px;right:12px}.pg-score{gap:8px;padding:0 12px}}@media (width<=369px){.pg-top-spacer{display:none}.pg-score{margin-inline:auto}}.pg-glass-button{width:40px;height:40px;color:var(--color-glass-ink);cursor:pointer;transition:background-color var(--motion-dim), color var(--motion-dim);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.pg-glass-button.is-on{background:var(--color-accent-default);color:var(--color-on-accent);border-color:#0000}.pg-glass-button:disabled{cursor:default}.pg-score{border-radius:999px;flex:0 auto;align-items:center;gap:10px;min-width:min(250px,100%);height:48px;padding:0 16px;display:flex;overflow:hidden}.pg-score-side{align-items:center;gap:6px;min-width:0;display:flex}.pg-score-middle{color:var(--color-text-secondary);white-space:nowrap;flex-direction:column;flex:1;align-items:center;display:flex}.pg-turn{background:var(--color-accent-default);border-radius:50%;flex:none;width:7px;height:7px}.pg-score-name{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:16px;overflow:hidden}.pg-score-number{letter-spacing:-.1px;font-variant-numeric:tabular-nums;font-family:Bricolage Grotesque,Be Vietnam Pro,system-ui,sans-serif;font-size:22px;font-weight:700;line-height:26px}.pg-kicker{letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-size:12px;font-weight:700;line-height:15px}.pg-caption{font-size:12px;line-height:15px}.pg-notices{top:calc(var(--pg-top) + 56px);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:32px;right:32px}.pg-ruling{text-align:center;animation:pg-appear var(--motion-pop);border-radius:999px;margin:0;padding:8px 14px;font-size:13px;font-weight:600;line-height:18px}.pg-ruling.is-foul{background:var(--color-error-soft);color:var(--color-error-ink)}.pg-thinking,.pg-waiting{align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;line-height:18px;display:inline-flex}.pg-thinking{color:var(--color-text-primary);animation:pg-appear var(--motion-pop);border-radius:999px;padding:8px 14px}.pg-waiting{color:var(--color-text-secondary)}.pg-spinner{border:2px solid var(--color-fill-strong);border-top-color:var(--color-text-secondary);border-radius:50%;flex:none;width:14px;height:14px;animation:.9s linear infinite pg-spin}@keyframes pg-spin{to{rotate:1turn}}.pg-push-out{height:34px;font:inherit;letter-spacing:-.1px;color:var(--color-text-primary);cursor:pointer;animation:pg-appear var(--motion-pop);border-radius:999px;padding:0 16px;font-size:15px;font-weight:500}.pg-push-out.is-on{background:var(--color-accent-default);color:var(--color-on-accent);border-color:#0000}@keyframes pg-appear{0%{opacity:0;scale:var(--motion-scale-enter)}}.pg-controls{left:20px;right:12px;bottom:var(--pg-bottom);justify-content:space-between;align-items:center;gap:12px;height:48px;display:flex;position:absolute}.pg[data-orientation=sideways] .pg-controls{left:var(--pg-side);right:var(--pg-side)}.pg-controls-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.pg[data-orientation=sideways] .pg-controls-left{gap:16px}.pg-controls-right{align-items:center;gap:6px;display:flex}.pg[data-orientation=sideways] .pg-controls-right{gap:8px}.pg-spin-button{width:48px;height:48px;box-shadow:var(--shadow-spin);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:0}.pg-spin-button:disabled,.pg-power[aria-disabled=true]{cursor:default}.pg-power{cursor:pointer;touch-action:none;outline:none;flex:1;min-width:96px;height:30px;position:relative}.pg[data-orientation=sideways] .pg-power{flex:none;width:212px}.pg-power:focus-visible{outline:3px solid var(--color-tint-default);outline-offset:3px;border-radius:18px}.pg-power-track{background:var(--color-fill-subtle);box-shadow:inset 0 0 0 1px var(--color-separator);border-radius:15px;position:absolute;inset:0}.pg-power-fill{width:calc(30px + var(--power) * (100% - 30px));background:var(--color-accent-default);border-radius:15px;position:absolute;top:0;bottom:0;left:0}.pg-power-knob{top:2px;left:calc(2px + var(--power) * (100% - 30px));background:var(--color-control-thumb);width:26px;height:26px;box-shadow:var(--shadow-knob);transition:scale var(--motion-press);border-radius:50%;position:absolute}.pg-power.is-held .pg-power-knob{scale:var(--motion-scale-lift)}.pg-menu-anchor{position:relative}.pg-popover{width:290px;max-width:calc(100vw - 24px);animation:pg-appear var(--motion-pop);transform-origin:100% 100%;border-radius:20px;flex-direction:column;gap:10px;padding:16px;display:flex;position:absolute;bottom:calc(100% + 12px);right:0}.pg-popover-title{margin:0;font-size:16px;font-weight:600;line-height:20px}.pg-stroke-row{align-items:center;gap:10px;display:flex}.pg-stroke-row input{min-width:0;accent-color:var(--color-accent-default);flex:1}.pg-detail{margin:0;font-size:13px;line-height:18px}.pg-secondary{color:var(--color-text-secondary)}.pg-menu{min-width:190px;animation:pg-appear var(--motion-pop);transform-origin:100% 0;z-index:2;border-radius:18px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.pg-menu button{height:44px;font:inherit;color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0 14px;font-size:15px;font-weight:500}.pg-menu button:hover,.pg-menu button:focus-visible{background:var(--color-fill-subtle);outline:none}.pg-card{background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:var(--elevation-panel);border-radius:28px}.pg-card-title{letter-spacing:-.1px;margin:0;font-size:22px;font-weight:700;line-height:28px}.pg-card-text{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:21px}.pg-center{place-items:center;padding:24px;display:grid;position:absolute;inset:0}.pg-bottom{left:12px;right:12px;bottom:var(--pg-bottom);justify-content:center;display:flex;position:absolute}.pg-stack-4{flex-direction:column;gap:4px;display:flex}.pg-stack-8{flex-direction:column;gap:8px;display:flex}.pg-stack-8>.web-button{width:100%}.pg-row{gap:10px;display:flex}.pg-row>.web-button{flex:1}.pg-center-text{text-align:center}.pg-choice{width:min(440px,100%);animation:pg-rise var(--motion-move);flex-direction:column;gap:16px;padding:20px;display:flex}@keyframes pg-rise{0%{opacity:0;translate:0 var(--motion-offset-rise)}}.pg-result{text-align:center;width:min(340px,100%);box-shadow:var(--elevation-result);animation:pg-appear var(--motion-pop);flex-direction:column;align-items:center;gap:6px;padding:24px;display:flex}.pg-result-title{letter-spacing:-.3px;margin:0;font-size:30px;font-weight:800;line-height:34px}.pg-result-buttons{align-self:stretch;padding-top:14px}.pg-dialog{background:0 0;border:0;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:20px;display:grid}.pg-dialog:not([open]){display:none}.pg-dialog::backdrop{background:var(--scrim);animation:pg-fade var(--motion-dim)}@keyframes pg-fade{0%{opacity:0}}.pg-spin-card{width:min(360px,100%);box-shadow:var(--elevation-sheet);animation:pg-appear var(--motion-pop);flex-direction:column;align-items:center;gap:18px;padding:20px;display:flex;position:relative}.pg-spin-card>.pg-row{align-self:stretch}.pg-spin-card .pg-card-text{text-align:center;font-size:13px;line-height:18px}.pg-spin-ball{cursor:pointer;touch-action:none;width:224px;height:224px;filter:var(--shadow-spin-ball);border-radius:50%;outline:none}.pg-spin-ball>svg{width:100%;height:100%;display:block}.pg-spin-ball:focus-visible{outline:3px solid var(--color-tint-default);outline-offset:4px}.pg-spin-map{color:var(--color-text-secondary);pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:14px;right:14px}.pg-question{width:min(340px,100%);animation:pg-appear var(--motion-pop);flex-direction:column;gap:8px;padding:24px;display:flex}.pg-question .pg-stack-8{padding-top:12px}.pg-start{width:min(400px,100%);animation:pg-appear var(--motion-pop);flex-direction:column;gap:20px;padding:24px;display:flex}.pg-start-title{letter-spacing:-.3px;margin:0;font-size:30px;font-weight:800;line-height:34px}.pg-games{background:var(--color-fill-subtle);border-radius:999px;gap:4px;padding:4px;display:flex}.pg-game{height:36px;color:var(--color-text-secondary);transition:background-color var(--motion-dim), color var(--motion-dim);border-radius:999px;flex:1;place-items:center;font-size:14px;font-weight:600;text-decoration:none;display:grid}.pg-game.is-on{background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:var(--shadow-segment)}.pg-way{border:1px solid var(--color-separator);background:var(--color-bg-plain);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color var(--motion-dim);border-radius:20px;align-items:center;gap:14px;padding:14px;display:flex}.pg-way:hover{background:var(--color-fill-subtle)}.pg-way-disc{border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.pg-way-disc.is-friend{background:var(--color-success-soft);color:var(--color-success-ink)}.pg-way-disc.is-computer{background:var(--color-tint-soft);color:var(--color-tint-default)}.pg-way-disc.is-alone{background:var(--color-warning-soft);color:var(--color-warning-ink)}.pg-way.is-computer{cursor:default;align-items:flex-start}.pg-way.is-computer:hover{background:var(--color-bg-plain)}.pg-levels{gap:8px;margin-top:10px;display:flex}.pg-way-words{flex-direction:column;gap:2px;display:flex}.pg-way-title{font-size:16px;font-weight:600;line-height:20px}.pg-way-text{color:var(--color-text-secondary);font-size:14px;line-height:20px}