.pi-wrap{max-width:34rem;margin:0 auto}.pi-hud{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;color:var(--text-sub);text-transform:uppercase;margin-bottom:.6rem}.pi-hud-item{white-space:nowrap}.pi-score,.pi-high,.pi-wave{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}.pi-lives{color:var(--accent);letter-spacing:.15em}.pi-stage{touch-action:pan-y}@media(pointer:coarse){.pi-stage{padding-bottom:2.75rem}}.pi-hud,.pi-stage{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.pi-canvas{display:block;width:100%;height:auto;aspect-ratio:224 / 256;background:#05070d;border:1px solid var(--border-lit);border-radius:10px;image-rendering:pixelated;cursor:crosshair}.pi-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pi-wrap{--pi-gap: 3.5rem}@media(max-width:600px){.pi-wrap{--pi-gap: 2.5rem}}.pi-help{margin-top:var(--pi-gap);font-size:.8rem;color:var(--text-sub);line-height:1.6}@media(pointer:coarse){.pi-help{margin-top:max(0px,calc(var(--pi-gap) - 2.75rem))}}