:root{--pp-font-display:var(--font-family-heading);--pp-font-mono:var(--font-family-code);--pp-rule:3px;--pp-rule-emphasis:4px;--pp-rule-fine:2px;--pp-bar-height:7.75rem;--pp-bar-height-sm:5rem;--pp-statusbar-height:3rem;--pp-screen-inline:var(--spacing-6);--pp-text-display:3.5rem;--pp-text-display-sm:2.375rem;--pp-text-entry:3rem;--pp-text-bar:1.625rem;--pp-text-zone:3.625rem;--pp-text-zone-sm:1.375rem;--pp-text-rank:3.25rem;--pp-player-0:#e8452c;--pp-player-1:#1c4fd8;--pp-player-2:#ffc531;--pp-player-3:#1e8a5f;--pp-player-4:#7a3fbf;--pp-on-player-0:#fff6e8;--pp-on-player-1:#fff6e8;--pp-on-player-2:#14110d;--pp-on-player-3:#fff6e8;--pp-on-player-4:#fff6e8;--pp-paper-white:#fff6e8;--pp-player:var(--color-accent);--pp-on-player:var(--color-on-accent)}html,body{overscroll-behavior:none;height:100%;overflow:hidden}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--color-background-body);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0}.pp-screen{height:100dvh;min-height:0;padding-block-start:env(safe-area-inset-top);padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);flex-direction:column;display:flex;overflow:hidden}.pp-step{justify-content:center;gap:var(--spacing-5);min-height:0;padding-inline:var(--pp-screen-inline);flex-direction:column;flex:1;display:flex}.pp-step[data-align=top]{justify-content:flex-start;padding-block-start:var(--spacing-3)}.pp-step[data-align=centre]{text-align:center;align-items:center}.pp-step[data-fill=none]{gap:var(--spacing-1-5);padding-block:var(--spacing-5) var(--spacing-6);flex:none}.pp-statusbar{justify-content:space-between;align-items:center;gap:var(--spacing-3);height:var(--pp-statusbar-height);padding-inline:var(--pp-screen-inline);color:var(--color-text-secondary);font-family:var(--pp-font-mono);font-size:var(--text-supporting-size);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;flex:none;display:flex}.pp-statusbar-state{align-items:center;gap:var(--spacing-1-5);text-overflow:ellipsis;display:flex;overflow:hidden}.pp-statusdot{border-radius:var(--radius-full);background:var(--color-success);flex:none;width:.4375rem;height:.4375rem}.pp-statusdot[data-state=warning]{background:var(--color-warning)}.pp-statusdot[data-state=error]{background:var(--color-error)}.pp-display{color:var(--color-text-primary);font-family:var(--pp-font-display);font-size:var(--pp-text-display);font-weight:var(--font-weight-normal);letter-spacing:-.02em;margin:0;line-height:1.05}.pp-display[data-size=sm]{font-size:var(--pp-text-display-sm);line-height:1.12}.pp-eyebrow{color:var(--color-text-secondary);font-family:var(--pp-font-mono);font-size:var(--text-supporting-size);letter-spacing:.18em;text-transform:uppercase}.pp-note{color:var(--color-text-secondary);font-size:var(--text-body-size);text-wrap:pretty;margin:0;line-height:1.5}.pp-status{min-height:calc(var(--text-supporting-size) * 1.5);padding-inline:var(--pp-screen-inline);color:var(--color-text-secondary);font-size:var(--text-supporting-size);text-align:center;text-wrap:pretty;margin:0;line-height:1.5}.pp-status[data-tone=error]{color:var(--color-error)}.pp-entry{gap:var(--spacing-3);flex-direction:column;display:flex;position:relative}.pp-entry-input{opacity:0;color:#0000;caret-color:#0000;width:100%;height:100%;font:inherit;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.pp-entry-value{align-items:flex-end;gap:var(--spacing-2);min-height:1.2em;color:var(--color-text-primary);font-family:var(--pp-font-mono);font-size:var(--pp-text-entry);font-weight:var(--font-weight-bold);letter-spacing:.06em;overflow-wrap:anywhere;pointer-events:none;line-height:1.2;display:flex}.pp-entry-rest{color:var(--color-text-disabled)}.pp-entry-caret{color:var(--color-accent)}.pp-entry-rule{height:var(--pp-rule-emphasis);background:var(--color-text-disabled);transition:background-color var(--duration-fast) var(--ease-standard)}.pp-entry-rule[data-state=active]{background:var(--color-accent)}.pp-entry-rule[data-state=complete]{background:var(--color-text-primary)}.pp-colors{gap:var(--pp-rule);border-block:var(--pp-rule) solid var(--color-text-primary);background:var(--color-text-primary);flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);min-height:0;display:grid}.pp-swatch{min-width:0;min-height:0;padding:var(--spacing-3);background:var(--pp-player);color:var(--pp-on-player);font-family:var(--pp-font-display);font-size:var(--text-label-size);font-weight:var(--font-weight-normal);text-align:start;touch-action:manipulation;border:0;align-items:flex-end;display:flex}.pp-swatch[data-taken=true]{background:var(--color-background-muted);color:var(--color-text-disabled);font-family:var(--pp-font-mono);font-size:var(--text-supporting-size);letter-spacing:.14em;place-content:center;place-items:center}.pp-swatch:disabled{cursor:not-allowed}.pp-reticle{border:var(--pp-rule-emphasis) dashed var(--color-text-disabled);border-radius:var(--radius-full);place-items:center;width:12.875rem;height:12.875rem;display:grid;position:relative}.pp-reticle-ring{border:var(--pp-rule-emphasis) solid var(--color-accent);border-radius:var(--radius-full);width:6rem;height:6rem}.pp-reticle-core{border:var(--pp-rule) solid var(--color-text-primary);border-radius:var(--radius-full);background:var(--pp-player);width:.875rem;height:.875rem;position:absolute}.pp-dot-large{border:var(--pp-rule) solid var(--color-text-primary);border-radius:var(--radius-full);background:var(--color-warning);width:1.125rem;height:1.125rem}@keyframes pp-beam-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@media (prefers-reduced-motion:no-preference){.pp-pulse{animation:pp-beam-pulse 1.6s var(--ease-standard) infinite}}.pp-roster{border:var(--pp-rule) solid var(--color-text-primary);border-radius:var(--radius-inner);flex-direction:column;display:flex;overflow:hidden}.pp-seat{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--color-background-card);display:flex}.pp-seat+.pp-seat{border-block-start:var(--pp-rule) solid var(--color-text-primary)}.pp-seat[data-ready=false]{background:var(--color-background-muted)}.pp-seat-dot{border:var(--pp-rule-fine) solid var(--color-text-primary);border-radius:var(--radius-full);background:var(--pp-player);flex:none;width:.875rem;height:.875rem}.pp-seat-dot[data-claimed=false]{border-style:dashed;border-color:var(--color-text-disabled);background:0 0}.pp-seat-name{color:var(--color-text-primary);font-size:var(--text-body-size);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pp-seat-name[data-you=true]{font-weight:var(--font-weight-bold)}.pp-seat-state{color:var(--color-text-secondary);font-family:var(--pp-font-mono);font-size:var(--text-supporting-size);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;margin-inline-start:auto}.pp-seat-state[data-ready=true]{color:var(--color-success)}.pp-bar{justify-content:center;align-items:center;gap:var(--spacing-1);min-height:var(--pp-bar-height);padding:var(--spacing-2) var(--spacing-4);border:0;border-block-start:var(--pp-rule) solid var(--color-text-primary);background:var(--color-accent);color:var(--color-on-accent);font-family:var(--pp-font-display);font-size:var(--pp-text-bar);font-weight:var(--font-weight-normal);text-align:center;touch-action:manipulation;flex-direction:column;flex:none;padding-block-end:calc(var(--spacing-2) + env(safe-area-inset-bottom));line-height:1.1;display:flex}.pp-bar[data-tone=ink]{background:var(--color-text-primary);color:var(--color-background-body)}.pp-bar[data-tone=ready]{background:var(--color-success);color:var(--color-on-success)}.pp-bar[data-tone=quiet]{background:var(--color-background-muted);color:var(--color-text-secondary)}.pp-bar[data-size=sm]{min-height:var(--pp-bar-height-sm);font-size:var(--text-body-size)}.pp-bar:disabled{background:var(--color-background-muted);color:var(--color-text-disabled)}.pp-bar-hint{font-family:var(--pp-font-mono);font-size:var(--text-supporting-size);letter-spacing:.16em;text-transform:uppercase;opacity:.85}.pp-bar-stack{flex-direction:column;flex:none;display:flex}.pp-bar-stack .pp-bar:not(:last-child){padding-block-end:var(--spacing-2)}.pp-zones{gap:var(--pp-rule);border-block-start:var(--pp-rule) solid var(--color-text-primary);background:var(--color-text-primary);flex:1;min-height:0;display:grid}.pp-zones[data-layout=primary-pair]{grid-template-rows:2.2fr 1fr}.pp-zones[data-layout=primary-only]{grid-template-rows:1fr}.pp-zones[data-layout=stack]{grid-auto-rows:minmax(0,1fr)}.pp-zone-row{gap:var(--pp-rule);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-height:0;display:grid}.pp-zone{justify-content:center;align-items:center;gap:var(--spacing-2);min-width:0;min-height:0;padding:var(--spacing-2) var(--spacing-4);background:var(--color-background-card);color:var(--color-text-primary);font-family:var(--pp-font-display);font-size:var(--pp-text-zone-sm);font-weight:var(--font-weight-normal);text-align:center;touch-action:none;border:0;flex-direction:column;line-height:1.1;display:flex}.pp-zone[data-emphasis=primary]{background:var(--pp-player);color:var(--pp-on-player);font-size:var(--pp-text-zone)}.pp-zone-hint{font-family:var(--pp-font-mono);font-size:var(--text-supporting-size);font-weight:var(--font-weight-normal);letter-spacing:.18em;text-transform:uppercase;opacity:.85}.pp-zone[data-pressed=true]{background:var(--color-text-primary);color:var(--pp-paper-white)}@media (prefers-reduced-motion:no-preference){.pp-zone,.pp-bar,.pp-swatch{transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), scale var(--duration-fast) var(--ease-standard)}.pp-zone[data-pressed=true],.pp-bar:active,.pp-swatch:active{scale:.97}}.pp-standing{justify-content:space-between;align-items:baseline;gap:var(--spacing-3);padding:var(--spacing-2) var(--pp-screen-inline) var(--spacing-3);flex:none;display:flex}.pp-rank{color:var(--color-text-primary);font-family:var(--pp-font-display);font-size:var(--pp-text-rank);font-weight:var(--font-weight-normal);line-height:1.1}.pp-standing-detail{color:var(--color-text-secondary);font-family:var(--pp-font-mono);font-size:var(--text-label-size);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.pp-medal{border:var(--pp-rule-emphasis) solid var(--color-text-primary);border-radius:var(--radius-full);background:var(--pp-player);width:9.75rem;height:9.75rem;color:var(--pp-on-player);font-family:var(--pp-font-display);font-size:var(--pp-text-display-sm);font-weight:var(--font-weight-normal);place-items:center;display:grid}.pp-settings{padding:var(--spacing-2) var(--pp-screen-inline);flex:none}