.arcade-modal { width:min(430px,calc(100% - 20px)); padding:18px; max-height:calc(100dvh - 20px); overflow-y:auto; } .arcade-heading,.arcade-hud,.arcade-actions { display:flex; justify-content:space-between; align-items:center; gap:10px; } .arcade-heading h2 { margin:0 0 12px; font-size:22px; } .arcade-hud { font:11px var(--mono); color:var(--accent); margin-bottom:10px; } #arcadeCanvas { display:block; width:100%; max-height:52dvh; aspect-ratio:3/4; object-fit:contain; background:#0d191c; border-radius:12px; border:1px solid var(--line); touch-action:none; } #arcadeStatus { min-height:20px; margin:9px 0; font-size:12px; color:var(--text); } .arcade-touch { display:flex; justify-content:center; gap:8px; margin:12px 0; } .arcade-touch button { min-width:42px; min-height:42px; padding:8px; border:1px solid var(--line); border-radius:8px; background:var(--panel-2); color:var(--text); touch-action:none; user-select:none; } .arcade-touch button:active { background:var(--accent-soft); } .arcade-modal .arcade-help { font-size:11px; color:var(--muted); margin-bottom:0; }