:root {
  --hi: #EFB52F;
  --silver: #d8b45b;
  --shadow: #775914;
}
.nav .right { display: flex; align-items: center; gap: 16px; }
.ao-connect { font: 400 22px/1 var(--sign); padding: 10px 14px; }
.brand { white-space: nowrap; }
.ca .addr[disabled] { cursor: default; color: var(--dim); }
.ca .copy[disabled] { opacity: .45; cursor: default; }
a[aria-disabled="true"] { color: var(--dim); cursor: default; }
.ao-empty { padding: 32px 24px; color: var(--dim); text-align: center; font: 400 17px/1.6 var(--read); }
.ao-empty p { margin: 0; }
.ao-launch-status { display: block; margin-top: 6px; color: var(--dim); font: 400 13px/1.2 var(--read); }
.board > .ao-empty, .slips > .ao-empty { grid-column: 1 / -1; width: 100%; }
.slips > .ao-empty { min-height: 180px; display: grid; place-content: center; }
.board > .ao-empty { min-height: 240px; display: grid; place-content: center; }
.roster > .ao-empty { min-height: 160px; }
.b-rows > .ao-empty { min-height: 240px; display: grid; place-content: center; }
.m-plot > .ao-empty { min-height: 300px; display: grid; place-content: center; }
.m-trade > .ao-empty { min-height: 200px; display: grid; place-content: center; }
.m-trade button:disabled, .m-every button:disabled, .b-sort button:disabled { cursor: default; opacity: .55; }
.ao-wallet-dialog {
  width: min(440px, calc(100vw - 32px));
  max-height: calc(100dvh - 48px);
  overflow: auto;
  padding: 26px;
  color: var(--ink);
  background: var(--panel);
  border: 2px solid var(--hi);
  box-shadow: 8px 8px 0 var(--shadow);
  font: 400 15px/1.5 var(--read);
}
.ao-wallet-dialog::backdrop { background: rgb(0 0 0 / .75); }
.ao-wallet-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.ao-wallet-heading h2 { font-size: 38px; line-height: 1; }
.ao-close { background: none; border: 0; color: var(--hi); cursor: pointer; font-size: 30px; }
.ao-wallet-note { margin: 14px 0 20px; color: var(--dim); }
.ao-wallet-list { display: grid; gap: 10px; }
.ao-wallet-list[hidden], .ao-wallet-details[hidden] { display: none; }
.ao-wallet-option { padding: 14px; background: #000; color: var(--hi); border: 1px solid var(--line); text-align: left; cursor: pointer; font: 500 16px var(--read); }
.ao-wallet-option:hover { border-color: var(--hi); }
.ao-wallet-option:disabled { opacity: .6; cursor: wait; }
.ao-wallet-state { margin-top: 18px; overflow-wrap: anywhere; }
.ao-wallet-address { margin: 8px 0 20px; overflow-wrap: anywhere; }
@media(max-width:1100px) { .nav { gap: 18px; } .nav .links { gap: 18px; margin-left: 0; } .nav .right .ca { display: none; } }
@media(max-width:620px) { .ao-connect { font-size: 19px; padding: 9px 10px; } .nav .right { margin-left:auto; } .brand { font-size: 29px; gap: 7px; } }
