/* Account controls grow with large displays, while retaining phone-size tap targets. */
dialog.account-panel {
  font-size: clamp(1rem, min(1.111vw, 1.667vh), 1.5rem);
  width: 28em;
  max-width: calc(100% - 2rem);
  max-height: calc(100dvh - 2rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  padding: 1.75em;
  border-radius: 1.25em;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #64708a transparent;
  line-height: 1.5;
}
.account-panel .dialog-heading { gap: 1em; align-items: center; margin-bottom: 1.5em; }
.account-panel .dialog-heading > div { min-width: 0; }
.account-panel h2 { font-size: 2.25em; line-height: 1.1; letter-spacing: -.025em; transform: none; margin: .15em 0 0; }
.account-panel .overline { font-size: .875em; letter-spacing: .12em; color: #b6bfd1; }
.account-panel .close { flex: 0 0 auto; width: 1.834em; height: 1.834em; min-width: 44px; min-height: 44px; padding: 0; font-size: 1.5em; color: #fff; }
.account-panel label { font-size: 1em; margin-bottom: .5em; }
.account-panel .money-input { gap: .65em; padding: .25em 1em; border-radius: .65em; }
.account-panel .money-input:focus-within { border-color: var(--acid); box-shadow: 0 0 0 2px #e9ff6225; }
.account-panel .money-input span { font-size: 1.25em; }
.account-panel .money-input input { min-width: 0; padding: .5em 0; font: 600 1.5em/1.25 'DM Sans', Arial, sans-serif; color: #fff; }
.account-panel input:disabled { opacity: .55; }
.account-panel .wallet-total { font-size: 2.75em; line-height: 1.2; letter-spacing: -.04em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; margin: 0 0 .75em; }
.account-panel .dialog-balance { font-size: 1em; gap: .75em; flex-wrap: wrap; margin-bottom: 1.25em; }
.account-panel .wallet-actions, .account-panel .edit-actions { gap: .75em; }
.account-panel .wallet-actions { margin-bottom: 1.25em; }
.account-panel .dialog-submit, .account-panel .secondary, .account-panel .menu-row {
  font-size: 1em; min-height: 3.25em; padding: .875em 1em; line-height: 1.4;
}
.account-panel .dialog-submit, .account-panel .secondary { border-radius: .65em; }
.account-panel .menu-row { align-items: center; padding-inline: 0; }
.account-panel .money-presets { gap: .5em; margin: .75em 0 1.25em; flex-wrap: wrap; }
.account-panel .money-presets button { font-size: .875em; min-height: 3.15em; min-width: 3.5em; padding: .5em; border-radius: .5em; }
.account-panel .field-note, .account-panel .design-note, .account-panel .error { font-size: .875em; line-height: 1.6; }
.account-panel .design-note { color: #abb6cc; margin-top: 1.25em; }
.account-panel .toggle-row { display: flex; gap: 1em; margin: 1.5em 0 1em; padding-top: 1em; min-height: 3em; }
.account-panel .toggle-row input { flex-shrink: 0; width: 1.5em; height: 1.5em; font-size: inherit; margin: 0; }
.account-panel button:hover:not(:disabled) { filter: brightness(1.12); }
.account-panel button:focus-visible { outline: 3px solid var(--acid); outline-offset: 3px; }
.account-panel .dialog-submit:focus-visible { outline-color: #fff; }
@media (max-width: 480px) {
  dialog.account-panel { padding: 1.25em; max-width: calc(100% - 1.25rem); }
  .account-panel .wallet-total { font-size: clamp(1.5rem, 8vw, 2.25em); }
}
@media (max-height: 560px) {
  dialog.account-panel { padding: 1.25em; }
  .account-panel .dialog-heading { margin-bottom: 1em; }
}

/* Bet editor: one clean field, with a separate, accessible Max action. */
#bet-dialog{width:27rem}#bet-dialog .dialog-heading{margin-bottom:1.6rem}
#bet-dialog .money-input{border:1px solid #4d566b;border-radius:14px;padding:.6rem .75rem .6rem 1rem;gap:.75rem;background:#101521;box-shadow:none}
#bet-dialog .money-input:focus-within{border-color:var(--acid);box-shadow:0 0 0 3px #e9ff6215}
#bet-dialog .money-input input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent;padding:.5rem 0;min-width:0;font-size:1.65rem;appearance:textfield}
#bet-dialog input::-webkit-inner-spin-button,#bet-dialog input::-webkit-outer-spin-button{appearance:none;margin:0}
#bet-dialog .money-input span{font-size:.8rem;font-weight:700;color:#aeb9ce}
#bet-max{flex:none;padding:.65rem .8rem;min-height:44px;border:1px solid #e9ff6255;border-radius:9px;background:#e9ff6214;color:var(--acid);font-size:.85rem;font-weight:700}
#bet-max:hover{background:#e9ff622b}#bet-max:disabled{opacity:.4}#bet-range-note{margin:.65rem 0 1.2rem;color:#c2ccdd}
#first-bet-dialog{width:28rem}#first-bet-dialog>p{font-size:.95rem;line-height:1.6;color:#c2ccdd;margin:0 0 1rem}#first-bet-dialog .dialog-heading{margin-bottom:1.5rem}
.first-bet-actions{display:grid;gap:.65rem;margin:1.4rem 0 1rem}.first-bet-actions button{width:100%;min-height:48px;margin:0}.first-bet-actions .secondary{background:#ffffff0a;border-color:#536077}
#first-bet-dialog>p.field-note{font-size:.78rem;color:#99a7bc}#first-bet-dialog>p.error{color:#ff9caf}