:root{--pp-font-display:var(--font-family-heading);--pp-font-mono:var(--font-family-code);--pp-rule:calc(var(--border-width) * 3);--pp-rule-emphasis:calc(var(--border-width) * 4);--pp-rule-fine:calc(var(--border-width) * 2);--pp-zones-min-height:min(14rem, 42dvh);--pp-motion-min-height:min(8rem, 24dvh);--pp-bar-height:min(7.75rem, 22dvh);--pp-bar-height-sm:min(5rem, 16dvh);--pp-statusbar-height:var(--spacing-12);--pp-screen-inline:var(--spacing-6);--pp-bubble-dial-size:min(84vw, 52svh);--pp-bubble-centre:50%;--pp-bubble-travel:34%;--pp-bubble-crosshair-inset:12%;--pp-bubble-target-size:46%;--pp-bubble-mark-size:26%;--pp-bubble-square-size:21.84%;--pp-bubble-diamond-size:18.385%;--pp-bubble-square-radius:10%;--pp-bubble-ring-size:44%;--pp-bubble-stripe-offset:37%;--pp-bubble-stripe-size:26%;--pp-bubble-dot-size:24%;--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-site-copy-max-width:34rem;--pp-site-frame-max-width:82rem;--pp-site-info-max-width:44rem;--pp-site-hero-copy-max-width:12ch;--pp-site-showcase-copy-max-width:14ch;--pp-site-inline-padding:clamp(1.25rem, 4vw, 4rem);--pp-site-hero-gap:clamp(2rem, 5vw, 4.5rem);--pp-site-hero-padding-block:clamp(2.5rem, 6vw, 5.5rem);--pp-site-section-padding-block:clamp(2.5rem, 6vw, 5rem);--pp-site-showcase-padding-block:clamp(3rem, 7vw, 6rem);--pp-site-step-padding:clamp(1.25rem, 3vw, 2.25rem);--pp-site-gallery-gap:clamp(2rem, 4vw, 3rem);--pp-site-info-page-padding-block:clamp(1.5rem, 5vw, 4rem);--pp-site-info-sheet-padding:clamp(1.5rem, 5vw, 3rem);--pp-site-hero-display-size:clamp(2.75rem, 5.2vw, 4.75rem);--pp-site-hero-display-size-mobile:clamp(2.75rem, 13vw, 4rem);--pp-site-section-display-size:clamp(2.25rem, 4vw, 3.5rem);--pp-site-info-display-size:clamp(2.25rem, 6vw, 3.25rem);--pp-site-display-tracking:-.02em;--pp-site-mono-tracking:.18em;--pp-site-button-tracking:.01em;--pp-site-underline-offset:.2em;--pp-player-0:var(--color-background-red);--pp-player-1:var(--color-background-blue);--pp-player-2:var(--color-background-yellow);--pp-player-3:var(--color-background-green);--pp-player-4:var(--color-background-purple);--pp-player-5:var(--color-background-pink);--pp-on-player-0:var(--color-text-red);--pp-on-player-1:var(--color-text-blue);--pp-on-player-2:var(--color-text-yellow);--pp-on-player-3:var(--color-text-green);--pp-on-player-4:var(--color-text-purple);--pp-on-player-5:var(--color-text-pink);--pp-paper-white:var(--color-on-dark);--pp-player:var(--color-accent);--pp-on-player:var(--color-on-accent)}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--color-background-body);-webkit-tap-highlight-color:transparent;margin:0}:is(html:has(.pp-screen),body:has(.pp-screen)){overscroll-behavior:none;height:100%;overflow:hidden}body:has(.pp-screen){-webkit-user-select:none;user-select:none}.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]{flex:0 auto;justify-content:flex-start;padding-block-start:var(--spacing-3)}.pp-step[data-align=top][data-fill=grow]{flex:1}.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{text-overflow:ellipsis;overflow:hidden}.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-note{color:var(--color-text-secondary);font-size:var(--text-body-size);text-wrap:pretty;margin:0;line-height:1.5}.pp-inline-action{color:var(--color-text-primary);font:inherit;font-weight:var(--font-weight-bold);text-underline-offset:.2em;background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline}.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-colors>.pp-swatch:last-child:nth-child(odd){grid-column:1/-1}.pp-swatch{min-width:0;min-height:0;padding:var(--spacing-3);background:var(--pp-player);color:var(--pp-on-player);--pp-mark-cut:var(--pp-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;place-items:center;display:grid}.pp-swatch>.pp-mark,.pp-swatch>.pp-swatch-label{grid-area:1/1}.pp-swatch>.pp-mark{width:44%;height:auto}.pp-swatch>.pp-swatch-label{place-self:end start}.pp-swatch[data-taken=true]{background:var(--color-background-muted);color:var(--color-text-disabled);--pp-mark-cut:var(--color-background-muted);font-family:var(--pp-font-mono);font-size:var(--text-supporting-size);letter-spacing:.14em}.pp-swatch[data-taken=true]>.pp-swatch-label{place-self:center}.pp-swatch:disabled{cursor:not-allowed}.pp-rotation-preview{--pp-rotation-phone-short:calc(var(--spacing-12) + var(--spacing-2));--pp-rotation-phone-long:calc(var(--spacing-12) + var(--spacing-10));--pp-rotation-button-size:var(--spacing-6);align-self:center;margin:0}.pp-rotation-phone{border:var(--pp-rule) solid var(--color-text-primary);border-radius:var(--radius-container);background:var(--color-background-card);flex:none;position:relative}.pp-rotation-phone[data-orientation=portrait]{inline-size:var(--pp-rotation-phone-short);block-size:var(--pp-rotation-phone-long)}.pp-rotation-phone[data-orientation=landscape]{inline-size:var(--pp-rotation-phone-long);block-size:var(--pp-rotation-phone-short)}.pp-rotation-button{border-radius:calc(var(--radius-container) / 2);background:var(--pp-player,var(--color-text-primary));position:absolute}.pp-rotation-phone[data-orientation=portrait] .pp-rotation-button{inset-inline:var(--spacing-2);block-size:var(--pp-rotation-button-size);inset-block-end:var(--spacing-2)}.pp-rotation-phone[data-orientation=landscape] .pp-rotation-button{inset-block:var(--spacing-2);inline-size:var(--pp-rotation-button-size);inset-inline-end:var(--spacing-2)}.pp-permission-example{margin:0}.pp-permission-example-label{color:var(--color-text-primary);font-size:var(--text-supporting-size);font-weight:var(--font-weight-bold);margin-block-end:var(--spacing-2);display:block}.pp-permission-dialog{border:var(--pp-rule) solid var(--color-text-primary);border-radius:var(--radius-container);background:var(--color-background-card);pointer-events:none;overflow:hidden}.pp-permission-dialog-copy{border-block-end:var(--pp-rule-fine) solid var(--color-text-primary)}.pp-permission-dialog-actions{gap:var(--pp-rule-fine);background:var(--color-text-primary)}.pp-permission-choice{padding-block:var(--spacing-3);background:var(--color-background-card);color:var(--color-text-secondary);font-size:var(--text-supporting-size);text-align:center;flex:1}.pp-permission-choice[data-choose=true]{background:var(--pp-player);color:var(--pp-on-player);font-family:var(--pp-font-display)}.pp-steps{color:var(--color-text-secondary);font-size:var(--text-body-size);margin:0;padding-inline-start:var(--spacing-6);line-height:1.5;list-style:decimal}.pp-steps li+li{margin-block-start:var(--spacing-1-5)}.pp-note[data-emphasis=quiet]{color:var(--color-text-disabled);font-size:var(--text-supporting-size)}.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-party-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-party-pulse 1.6s var(--ease-standard) infinite}}.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=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-statusbar-more{min-width:var(--spacing-11);min-height:var(--spacing-11);color:var(--color-text-primary);font-family:var(--pp-font-display);font-size:var(--text-large-size);background:0 0;border:0;justify-content:center;align-items:center;margin-inline-end:calc(var(--spacing-4) * -1);padding:0;line-height:1;display:flex}.pp-panel{background:var(--color-background-body);flex:auto;min-height:0;overflow-y:auto}.pp-panel-head{flex:none}.pp-panel-close{min-width:var(--spacing-11);min-height:var(--spacing-11);color:var(--color-text-primary);font-size:var(--text-large-size);background:0 0;border:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.pp-panel-settings{border-block:var(--pp-rule-fine) solid var(--color-text-primary);flex:none}.pp-panel-action{min-height:calc(var(--spacing-10) + var(--spacing-8));padding:var(--spacing-3);border:var(--pp-rule) solid var(--color-text-primary);border-radius:var(--radius-md);background:var(--color-background-card);color:var(--color-text-primary);font-family:var(--pp-font-display);font-size:var(--text-body-size);text-align:center;justify-content:center;align-items:center;line-height:1.1;display:flex}.pp-panel-action[data-tone=primary]{background:var(--pp-player-0);color:var(--pp-on-player-0)}.pp-panel-action[data-tone=quiet]{background:var(--color-background-muted);color:var(--color-text-secondary)}.pp-panel-action[data-tone=danger]{background:var(--pp-player-0);color:var(--pp-on-player-0)}.pp-panel-action[aria-pressed=false]{background:var(--color-background-muted);color:var(--color-text-secondary)}.pp-panel-note{color:var(--color-text-secondary);font-size:var(--text-supporting-size);text-wrap:pretty;margin:0;line-height:1.5}@media (prefers-reduced-motion:no-preference){.pp-panel-action{transition:background-color var(--duration-fast) var(--ease-standard), scale var(--duration-fast) var(--ease-standard)}.pp-panel-action:active{scale:.97}}.pp-controller-pad{flex:auto;min-height:0}.pp-motion-block,.pp-motion-readouts{flex:none;min-height:0}.pp-motion-readouts{border-block-start:var(--pp-rule) solid var(--color-text-primary);background:var(--color-text-primary)}.pp-motion-hint{padding:var(--spacing-3) var(--spacing-5);border-block-start:var(--pp-rule) solid var(--color-text-primary);color:var(--color-text-secondary);font-family:var(--pp-font-mono);letter-spacing:.14em;text-align:center;text-transform:uppercase;text-wrap:balance}.pp-motion-axis{min-width:0;min-height:var(--pp-motion-min-height);padding:var(--spacing-4);background:var(--color-background-card);color:var(--color-text-primary);text-transform:uppercase;position:relative}.pp-motion-axis+.pp-motion-axis{border-inline-start:var(--pp-rule) solid var(--color-text-primary)}.pp-motion-axis:before,.pp-motion-axis:after{content:"";position:absolute}.pp-motion-axis[data-axis=roll]:before,.pp-motion-axis[data-axis=yaw]:before{width:var(--spacing-10);height:var(--spacing-10);border:var(--pp-rule-emphasis) solid var(--color-text-primary);border-radius:var(--radius-full);inset-block-start:var(--spacing-5)}.pp-motion-axis[data-axis=roll]:after,.pp-motion-axis[data-axis=yaw]:after{width:var(--pp-rule-emphasis);height:calc(var(--spacing-10) / 2);background:var(--pp-player);transform:rotate(var(--pp-motion-angle));transform-origin:bottom;inset-block-start:var(--spacing-5)}.pp-motion-axis[data-axis=pitch]:before,.pp-motion-axis[data-axis=spin]:before{width:var(--spacing-10);height:calc(var(--spacing-10) / 2);border-block-start:var(--pp-rule-emphasis) solid var(--color-text-primary);border-radius:var(--radius-full) var(--radius-full) 0 0;inset-block-start:var(--spacing-6)}.pp-motion-axis[data-axis=pitch]:after,.pp-motion-axis[data-axis=spin]:after{width:var(--spacing-3);height:var(--spacing-3);border:var(--pp-rule) solid var(--color-text-primary);border-radius:var(--radius-full);background:var(--pp-player);inset-block-start:calc(var(--spacing-6) - var(--spacing-1));inset-inline-start:var(--pp-motion-position);translate:-50%}.pp-motion-axis[data-axis=jolt]:before,.pp-motion-axis[data-axis=jolt]:after{width:var(--spacing-10);height:var(--spacing-10);border-radius:var(--radius-full);inset-block-start:var(--spacing-5)}.pp-motion-axis[data-axis=jolt]:before{border:var(--pp-rule-emphasis) solid var(--color-text-primary)}.pp-motion-axis[data-axis=jolt]:after{background:var(--pp-player);scale:var(--pp-motion-scale)}.pp-bubble-level{min-height:var(--pp-zones-min-height);border-block-start:var(--pp-rule) solid var(--color-text-primary);background:var(--color-background-card);flex:auto}.pp-bubble-dial{inline-size:var(--pp-bubble-dial-size);aspect-ratio:1;border:var(--pp-rule-emphasis) solid var(--color-text-primary);border-radius:var(--radius-full);isolation:isolate;flex:none;position:relative}.pp-bubble-dial:before,.pp-bubble-dial:after{content:"";position:absolute}.pp-bubble-dial:before{inset-block:var(--pp-bubble-crosshair-inset);border-inline-start:var(--pp-rule-fine) dashed var(--color-text-disabled);inset-inline-start:var(--pp-bubble-centre);translate:-50%}.pp-bubble-dial:after{inset-inline:var(--pp-bubble-crosshair-inset);border-block-start:var(--pp-rule-fine) dashed var(--color-text-disabled);inset-block-start:var(--pp-bubble-centre);translate:0 -50%}.pp-bubble-target{inline-size:var(--pp-bubble-target-size);aspect-ratio:1;border:var(--pp-rule-fine) solid var(--color-text-primary);border-radius:var(--radius-full);position:absolute;inset-block-start:var(--pp-bubble-centre);inset-inline-start:var(--pp-bubble-centre);translate:-50% -50%}.pp-bubble-dial[data-centred=true] .pp-bubble-target{border-color:var(--pp-player);border-width:var(--pp-rule)}.pp-bubble{z-index:1;inline-size:var(--pp-bubble-mark-size);aspect-ratio:1;border:var(--pp-rule-emphasis) solid var(--color-text-primary);border-radius:var(--radius-full);outline:var(--pp-rule-fine) solid var(--pp-paper-white);outline-offset:calc(0px - var(--pp-rule-emphasis) - var(--pp-rule-fine));background:var(--pp-player);position:absolute;inset-block-start:var(--pp-bubble-y);inset-inline-start:var(--pp-bubble-x);overflow:hidden;translate:-50% -50%}.pp-bubble[data-color-index="2"]{inline-size:var(--pp-bubble-square-size);border-radius:var(--pp-bubble-square-radius)}.pp-bubble[data-color-index="3"]{inline-size:var(--pp-bubble-diamond-size);border-radius:0;rotate:45deg}.pp-bubble[data-color-index="1"]:after,.pp-bubble[data-color-index="4"]:after,.pp-bubble[data-color-index="5"]:after{background:var(--pp-paper-white);content:"";position:absolute}.pp-bubble[data-color-index="1"]:after,.pp-bubble[data-color-index="5"]:after{aspect-ratio:1;border-radius:var(--radius-full);inset-block-start:var(--pp-bubble-centre);inset-inline-start:var(--pp-bubble-centre);translate:-50% -50%}.pp-bubble[data-color-index="1"]:after{inline-size:var(--pp-bubble-ring-size)}.pp-bubble[data-color-index="4"]:after{block-size:var(--pp-bubble-stripe-size);inset-block-start:var(--pp-bubble-stripe-offset);inset-inline:0}.pp-bubble[data-color-index="5"]:after{inline-size:var(--pp-bubble-dot-size)}.pp-bubble-hint{color:var(--color-text-secondary);font-family:var(--pp-font-mono);letter-spacing:.14em;text-align:center;text-transform:uppercase;text-wrap:balance}.pp-zones{gap:var(--pp-rule);min-height:var(--pp-zones-min-height);border-block-start:var(--pp-rule) solid var(--color-text-primary);background:var(--color-text-primary);flex:auto;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-zone-row{gap:var(--pp-rule);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-height:0;display:grid}.pp-zone-row>.pp-zone{flex:1 1 0}.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[data-emphasis=static]{font-size:var(--pp-text-zone);cursor:default}.pp-zone[data-emphasis=static] .pp-zone-hint{color:var(--color-text-secondary);opacity:1}.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-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}