.play{margin:calc(var(--global-space) * 2)0}.play-tabs{margin-bottom:var(--global-space)}.play-tab.active{background-color:var(--font-color);color:var(--invert-font-color);border-color:var(--font-color)}.play-hud{display:flex;flex-wrap:wrap;gap:2em;font-family:var(--mono-font-stack);color:var(--secondary-color);margin-bottom:var(--global-space);min-height:1.4em}#play-score{color:var(--font-color);font-weight:600}#play-canvas{display:block;background-color:var(--background-color);border:1px solid var(--font-color);max-width:100%;height:auto;image-rendering:pixelated}#play-canvas:focus-visible{border-color:var(--primary-color);outline:2px solid var(--primary-color);outline-offset:2px}.play-help{margin-top:var(--global-space);font-size:.9em;color:var(--secondary-color)}