/* Stage for the Rust/WebAssembly games. The canvas fills the panel; the game lays itself out for any shape. */
.arcade-panel{position:relative;border:2px solid var(--ink);border-radius:26px;overflow:hidden;box-shadow:0 6px 0 #d7c4ee}
.arcade-panel canvas{display:block;width:100%;height:min(72vh,640px);min-height:420px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer}
.play-page .arcade-panel canvas:focus-visible{outline:3px solid #7650b4;outline-offset:-5px}
.arcade-panel:not(.ready):after{content:'Getting the game ready…';position:absolute;inset:0;display:grid;place-items:center;font:600 22px 'Fredoka','Fredoka Fallback','Fredoka Fallback R',sans-serif;color:var(--ink)}
.arcade-panel+#status:empty{display:none}
.arcade-panel+#status{text-align:center}
@media(max-width:600px){.arcade-panel{border-radius:20px}.arcade-panel canvas{height:auto;aspect-ratio:3/5;max-height:min(74vh,600px);max-height:min(74svh,600px);min-height:380px}}