.mz-box{width:min(100%,560px);aspect-ratio:1;margin:0 auto;padding:6px;border-radius:14px;background:var(--surface);border:1px solid var(--border);touch-action:none;user-select:none;-webkit-user-select:none}
.mz-svg{display:block;width:100%;height:100%}
.mz-walls{fill:none;stroke:var(--ink);stroke-width:.12;stroke-linecap:square}
.mz-trail{fill:none;stroke:var(--accent);stroke-width:.22;stroke-linecap:round;stroke-linejoin:round;opacity:.45}
.mz-player{fill:#2f6fb3}
.mz-exit{fill:#2e8b57;opacity:.35}
.mz-pad{display:grid;grid-template-columns:repeat(3,56px);grid-template-areas:". up ." "left down right";gap:6px;justify-content:center;margin-top:14px}
.mz-pad button{height:48px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:18px;touch-action:manipulation}
.mz-pad [data-run="up"]{grid-area:up}
.mz-pad [data-run="left"]{grid-area:left}
.mz-pad [data-run="down"]{grid-area:down}
.mz-pad [data-run="right"]{grid-area:right}
.mz-hint{margin:10px 0 0;text-align:center;font-size:12px;color:var(--muted)}