/* Auctus Arcade signup box (arcade.js). Dark arcade look, same in every theme. */
.ar-modal{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;
  padding:16px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));overflow-y:auto;
  font-family:"IBM Plex Sans",Arial,sans-serif;color:#f2f2f5;-webkit-user-select:text;user-select:text}
.ar-modal[hidden]{display:none}
.ar-card{width:100%;max-width:400px;background:#12121c;border:3px solid #C4A24A;border-radius:12px;padding:20px;display:grid;gap:12px;margin:auto}
.ar-tag{font:10px "Press Start 2P",monospace;color:#e0574a;letter-spacing:1px}
.ar-tag.ar-ok{color:#6DCCD1}
.ar-h{font:14px/1.5 "Press Start 2P",monospace;color:#F2CD00;margin:0}
.ar-p{font-size:14px;line-height:1.5;color:#c9c9d4;margin:0}
.ar-f{display:grid;gap:4px;font-size:12px;color:#9a9aab}
.ar-f input{font:15px "IBM Plex Sans",Arial,sans-serif;color:#f2f2f5;background:#08080e;border:2px solid #2a2a3a;border-radius:6px;padding:9px 10px;width:100%}
.ar-f input:focus{outline:none;border-color:#6DCCD1}
.ar-chips{display:flex;flex-wrap:wrap;gap:6px}
.ar-chip{font:13px "IBM Plex Sans",Arial,sans-serif;color:#c9c9d4;background:#08080e;border:2px solid #2a2a3a;border-radius:999px;padding:6px 12px;cursor:pointer}
.ar-chip[aria-checked="true"]{border-color:#6DCCD1;color:#08080e;background:#6DCCD1}
.ar-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#f2f2f5;cursor:pointer}
.ar-check input{width:18px;height:18px;margin-top:2px;accent-color:#6DCCD1;flex:none}
.ar-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ar-ts{min-height:0}
.ar-err{font-size:13px;color:#e0574a;min-height:0}
.ar-err:empty{display:none}
.ar-go{font:11px "Press Start 2P",monospace;background:#6DCCD1;color:#000;border:3px solid #000;border-radius:6px;padding:13px;cursor:pointer}
.ar-go:disabled{opacity:.6;cursor:wait}
.ar-later{font:13px "IBM Plex Sans",Arial,sans-serif;background:none;border:0;color:#9a9aab;text-decoration:underline;cursor:pointer;justify-self:center}
.ar-go:focus-visible,.ar-later:focus-visible,.ar-chip:focus-visible{outline:3px solid #fff;outline-offset:2px}
.ar-priv{font-size:11px;color:#9a9aab;text-align:center;justify-self:center}
.ar-dns{position:fixed;z-index:5;right:max(8px,env(safe-area-inset-right,0px));bottom:max(6px,env(safe-area-inset-bottom,0px));
  font:11px "IBM Plex Sans",Arial,sans-serif;color:#8a8a9a;text-decoration:underline;opacity:.75}
.ar-dns:hover,.ar-dns:focus-visible{opacity:1;color:#f2f2f5}

.ar-state{text-transform:uppercase;max-width:7em}
.ar-state::placeholder{text-transform:none}