.od-wrap{max-width:30rem;margin:0 auto}.od-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}.od-hud-item{white-space:nowrap}.od-score,.od-best,.od-time{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}.od-mult{color:var(--text);font-weight:700}.od-mult--hot{color:var(--accent)}.od-canvas{display:block;width:100%;height:auto;aspect-ratio:1 / 1;background:#1d3323;border:1px solid var(--border-lit);border-radius:10px;image-rendering:pixelated;touch-action:manipulation;cursor:crosshair}.od-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.od-help{margin-top:.75rem;font-size:.8rem;color:var(--text-sub);line-height:1.6}