.modal-box:has(.community),.modal-box:has(.arcade-shell){width:min(1000px,calc(100vw - 24px));max-width:1000px}
.arcade-shell{color:var(--ink-p);max-width:940px;margin:auto}
.arcade-shell h2{font-size:28px;margin:4px 0}.arcade-eyebrow{font-size:10px;letter-spacing:.14em;color:var(--ink-soft);font-weight:bold}
.arcade-intro{font-size:14px;max-width:680px}.arcade-toolbar{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}
.arcade-shell label{display:flex;flex-direction:column;gap:6px;font-weight:bold}
.arcade-shell select,.arcade-shell input{font:inherit;padding:10px;background:#fffdf4;border:1px solid var(--rule);border-radius:4px;color:var(--ink-p);max-width:100%}
.arcade-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
.arcade-grid{display:grid;grid-template-columns:repeat(6,1fr);aspect-ratio:1;gap:5px;padding:12px;background:#111c20;border:3px solid #27473e;border-radius:10px;max-width:420px}
.arcade-cell{display:grid;place-items:center;border-radius:4px;background:#263a3a;color:#527273;font-size:clamp(18px,3vw,32px);font-family:monospace}
.arcade-cell.wall{background:#0b1217;box-shadow:inset 0 2px #38514f}.arcade-cell.goal{color:#f3c942;background:#454425}.arcade-cell.courier{color:#0d2422;background:#c8f55a;box-shadow:0 0 15px #c8f55344}
.arcade-legend,.arcade-note{font-size:11px;line-height:1.6;color:var(--ink-soft)}.arcade-metrics{font-size:16px;font-weight:bold;min-height:24px}
.arcade-buttons{display:flex;gap:10px}.arcade-buttons>*{flex:1}.arcade-pad{display:flex;gap:8px;max-width:250px}.arcade-pad button{font-size:21px;flex:1}
.arcade-results{padding:18px;background:var(--paper-2);border:1px solid var(--rule);border-radius:8px}.arcade-results h3{margin-top:0}.arcade-results .btn-claim{margin-top:12px}
.arcade-leaderboard{padding-left:22px;max-height:260px;overflow:auto}.arcade-leaderboard li{padding:8px 0;border-bottom:1px solid var(--rule)}
.arcade-connect{margin-top:24px;border-top:1px solid var(--rule);padding-top:16px}.arcade-connect summary{font-weight:bold;cursor:pointer}.arcade-connect pre{padding:16px;background:#142226;color:#ceecdf;overflow:auto;border-radius:6px;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:650px){.arcade-layout{grid-template-columns:1fr}.arcade-grid{max-width:none}.arcade-toolbar{flex-direction:column}.arcade-shell h2{font-size:24px}.arcade-results{padding:14px}}