.arcade-help-tabs { display:flex; flex-wrap:wrap; gap:.5rem; margin:1rem 0; }
.arcade-help-tabs button { flex:1; padding:.65rem; border:2px solid #222; background:#fff; color:#111; border-radius:.4rem; }
.arcade-help-tabs [aria-selected="true"] { background:#111; color:#fff; }
.arcade-help-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr)); gap:.75rem; align-items:start; }
.arcade-help-item { min-width:0; text-align:left; }
.arcade-help-card { display:grid; justify-items:center; gap:.35rem; position:relative; width:100%; padding:.8rem; border:1px solid #888; border-radius:.4rem; background:#fff; color:#111; }
.arcade-help-card img { width:88px; height:88px; object-fit:contain; }
.arcade-help-card small { font-size:.8rem; }
.arcade-info, .arcade-info-mark { display:inline-grid; place-items:center; border:1.5px solid currentColor; border-radius:50%; background:#fff; color:#7a1e1e; font:bold 1rem Georgia,serif; }
.arcade-info { width:32px; height:32px; padding:0; cursor:pointer; vertical-align:middle; }
.arcade-info-mark { position:absolute; top:.5rem; right:.5rem; width:22px; height:22px; }
.arcade-help-text { margin:.4rem 0 1rem; padding:.75rem; border-left:3px solid #7a1e1e; background:#f5f3f1; color:#111; font-size:.95rem; line-height:1.5; overflow-wrap:anywhere; }
.arcade-help-text[hidden] { display:none; }
.arcade-info:focus-visible, .arcade-help-tabs button:focus-visible, .arcade-help-card:focus-visible { outline:3px solid #7a1e1e; outline-offset:3px; }
.arcade [data-screen="instructions"] { align-self:start; width:100%; }
.arcade #arcade-help-specials { text-align:left; }