.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-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;touch-action:none;cursor:crosshair}.pi-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pi-help{margin-top:.75rem;font-size:.8rem;color:var(--text-sub);line-height:1.6}