/* Account dialogs and standalone player pages share their original form controls. */
:is(html.bh-refined-theme, html.bh-player-theme) {
  --form-ink: #f7f5fb;
  --form-caption: #c4bece;
  --form-border: #443b50;
  --form-field: #151319;
  --form-panel: #1b181f;
  --form-link: #d3b5ff;
  --form-active: #aa81ff;
  --form-button: linear-gradient(102deg, #6449ec 0%, #8234e3 64%, #a530d3 100%);
  /* Only the left-hand texture of the reference image appears in the panel. */
  --form-art: linear-gradient(to bottom, transparent, #100e15 205px),
              url("./xhrr-art/forms-violet.webp") left top / 220% auto no-repeat #100e15;
}

.bh-refined-theme body.bh-surface #authModal,
html.bh-player-theme[data-player-page="agent"] .login-box {
  color: var(--form-ink);
  border: 1px solid #564268;
  border-radius: 22px;
  background: var(--form-art);
  box-shadow: 0 20px 70px #000a, inset 0 1px 0 #d4b2ff1f;
}
.bh-refined-theme body.bh-surface #authModal {
  width: min(416px, calc(100% - 28px));
  max-height: calc(100vh - 28px);
  max-height: calc(100dvh - 28px);
  padding: clamp(18px, 5vw, 28px);
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #5f4d71 #100e15;
}
#authModal::backdrop {
  background: rgb(0 0 0 / 74%);
}
#authModal #auth-title {
  margin: 9px 38px 18px 0;
  color: #fff;
  font-size: clamp(21px, 5.4vw, 26px);
  font-weight: 700;
  letter-spacing: -.025em;
}
#authModal .dialog-close {
  width: 36px;
  height: 36px;
  border: 1px solid #ffffff2b;
  border-radius: 50%;
  color: #f0e8ff;
  background: rgb(23 16 36 / 72%);
  line-height: 1;
}
#authModal .auth-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  margin-bottom: 12px;
  border: 1px solid #594a67;
  border-radius: 14px;
  background: rgb(16 13 22 / 92%);
}
#authModal .auth-tabs button {
  min-height: 38px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: var(--form-caption);
  font-weight: 600;
}
#authModal .auth-tabs button.is-active {
  background: #443252;
  color: #fff;
  border-color: #7d6394;
}
#authModal form label {
  color: #e3ddea;
}
#authModal input.form-input,
html.bh-player-theme .login-box .field input {
  box-sizing: border-box;
  min-width: 0;
  min-height: 46px;
  border: 1px solid #64596f;
  border-radius: 11px;
  background: var(--form-field);
  color: #fff;
  caret-color: var(--form-active);
}
#authModal input.form-input::placeholder,
html.bh-player-theme .login-box input::placeholder {
  color: #b8b1c2;
  opacity: 1;
}
#authModal input.form-input:focus,
html.bh-player-theme .login-box .field input:focus {
  border-color: var(--form-active);
  outline: 2px solid #ba8df239;
  outline-offset: 1px;
}
#authModal .remember {
  color: var(--form-caption);
  font-size: 13px;
}
#authModal .remember input { accent-color: #7950dd; }
#authModal .auth-note,
#authModal .platform-captcha-hint { color: #bfb6ce; }
#authModal .platform-captcha-image {
  border: 1px solid #6c6177;
  background: #fff;
}
.bh-refined-theme #authModal .platform-captcha-refresh {
  border-color: var(--form-border);
  background: #28212e;
  color: var(--form-link);
}
#authModal #auth-error:empty { min-height: 0; }
#authModal #auth-error:not(:empty) { color: #ffaea9; }
.bh-refined-theme body.bh-surface #authModal .gold-button[type="submit"],
html.bh-player-theme[data-player-page="agent"] .login-box .button:not(.secondary) {
  min-height: 46px;
  margin-top: 18px;
  border: 1px solid #ba93f4;
  border-radius: 100px;
  color: #fff;
  background: var(--form-button);
  font-weight: 700;
  box-shadow: inset 0 1px 0 #ffffff1c, 0 5px 16px #632eab25;
}

.bh-refined-theme body.bh-surface #platformModal {
  --dialog-text: var(--form-ink);
  --dialog-muted: var(--form-caption);
  --dialog-gold: var(--form-link);
  --dialog-line: var(--form-border);
  --dialog-field: var(--form-field);
}
.bh-refined-theme body.bh-surface #platformModal:not(.bh-account-inline) > .platform-box {
  background: #100e13;
  border: 1px solid var(--form-border);
  box-shadow: 0 18px 60px #000a;
  scrollbar-color: #5d4b6c #151319;
}
.bh-refined-theme body.bh-surface #platformModal :is(.platform-tab.active,.platform-recipient-mode.active,.platform-method.active,.platform-message.unread) {
  background: #33283f;
  color: #f5ecff;
  border-color: #8e6ba8;
}
.bh-refined-theme body.bh-surface #platformModal .platform-submit {
  border-radius: 999px;
  background: var(--form-button);
  border-color: #a980df;
  color: #fff;
}
.bh-refined-theme body.bh-surface #platformModal .platform-rebate-note {
  color: #d9c5f0;
  background: #2d2335;
  border-color: #614674;
}
.bh-refined-theme body.bh-surface #platformModal .platform-progress > span {
  background: var(--form-button);
}
.bh-refined-theme .bh-surface .platform-customer-service {
  background: #080709;
}
.bh-refined-theme .bh-surface .platform-customer-frame { background: #100e12; }
.bh-refined-theme body.bh-surface :is(.platform-customer-head, .platform-app-download-banner) {
  border-color: var(--form-border);
  color: var(--form-ink);
  background: #19161e;
}
.bh-refined-theme body.bh-surface .platform-app-download-button {
  color: #fff !important;
  background: var(--form-button);
}

/* Original QR codes, channel logos and status-specific colors remain component-owned. */
html.bh-player-theme,
html.bh-player-theme body { background: #000; }
html.bh-player-theme :is(.head, .page-head) {
  color: var(--form-ink);
  background: #100e12f5;
  border-color: var(--form-border);
}
html.bh-player-theme :is(.section, .surface, .card, .balance, .success-card, .account-card) {
  border-radius: 16px;
  border-color: var(--form-border);
  background: var(--form-panel);
  box-shadow: inset 0 1px 0 #ffffff06;
}
html.bh-player-theme :is(.section-title, .head-title, h1, h2, h3) {
  color: var(--form-ink);
}
html.bh-player-theme :is(.hero-copy, .field-note, .section-note, .label, .hint, .muted) {
  color: var(--form-caption);
}
html.bh-player-theme :is(.hero-mark, .help-link, .text-link, .brand) {
  color: var(--form-link);
}
html.bh-player-theme .hero-mark {
  filter: drop-shadow(0 3px 14px #9260c14d);
}
html.bh-player-theme :is(.submit, .primary, .actions .primary, .success-card button),
html.bh-player-theme[data-player-page="agent"] .button:not(.secondary) {
  border-color: #a980df;
  border-radius: 999px;
  color: #fff;
  background: var(--form-button);
  box-shadow: inset 0 1px 0 #ffffff1c;
}
html.bh-player-theme :is(.channel.active, .method-tab.selected, .payment-section.active, .report-tabs [aria-selected="true"]) {
  color: #f6eeff;
  background: #32263e;
  border-color: #a279c3;
  box-shadow: inset 0 0 0 1px #ac80c82e;
}
html.bh-player-theme .channel.active::after { background: #8656d1; color: #fff; }
html.bh-player-theme .method-tab.selected .method-copy b { color: #eadbff; }
html.bh-player-theme :is(.copy, .captcha-row button, .bonus-help, .quick button, .text-button) {
  background: #29232f;
  color: var(--form-link);
  border-color: var(--form-border);
}
html.bh-player-theme :is(input:not([type="checkbox"], [type="radio"], [type="file"]), select, textarea) {
  color: var(--form-ink);
  background: var(--form-field);
  border-color: #63566e;
}
html.bh-player-theme :is(input, textarea)::placeholder { color: #b8b1c2; }
html.bh-player-theme :is(.report-metric, .value, .level-rate-item, .empty-state) {
  background: #211d27;
  border-color: var(--form-border);
}
html.bh-player-theme .login-box .brand { color: #fff; font-size: 23px; }
html.bh-player-theme .login-box .muted { color: #d0c5db; }
html.bh-player-theme .success-overlay { background: rgb(0 0 0 / 69%); }
html.bh-player-theme :is(th, td) { border-color: #39303f; }
html.bh-player-theme th { color: #d9c8e8; background: #241f29; }
html.bh-player-theme #error.error {
  padding: 24px;
  border: 1px solid var(--form-border);
  border-radius: 16px;
  background: var(--form-panel);
  color: var(--form-ink);
}
html.bh-player-theme #backButton {
  border: 1px solid #a980df;
  border-radius: 999px;
  background: var(--form-button);
  color: #fff;
}
@media (max-width: 380px) {
  .bh-refined-theme #authModal .platform-captcha-row {
    grid-template-columns: minmax(0, 1fr) 44px;
  }
  .bh-refined-theme #authModal .platform-captcha-row input { grid-column: 1 / -1; }
  .bh-refined-theme #authModal .platform-captcha-image { justify-self: start; }
}

/* The dialog keeps the real player inputs, with a separate identity panel and form. */
.bh-refined-theme body.bh-surface dialog#authModal:has(.xhr-auth-body) {
  width: min(760px, calc(100% - 36px));
  max-width: none;
  max-height: min(860px, calc(100dvh - 32px));
  margin: auto;
  padding: 0;
  box-sizing: border-box;
  border-radius: 19px;
  background: #121015;
}
.bh-refined-theme body.bh-surface dialog#authModal[open]:has(.xhr-auth-body) {
  display: grid;
  grid-template-columns: minmax(170px, .82fr) minmax(0, 1.3fr);
}
#authModal:has(.xhr-auth-body) .dialog-close {
  position: absolute;
  inset: 12px 12px auto auto;
  z-index: 2;
  line-height: 1;
}
#authModal .xhr-auth-intro, .xhr-agent .xhr-agent-intro {
  padding: 60px 24px 32px;
  background: radial-gradient(ellipse at 40% 85%, #55268755, transparent 63%), var(--form-art);
  border-right: 1px solid #4c345f;
}
#authModal .xhr-auth-intro #auth-title {
  margin: 0 0 8px;
  font-size: clamp(29px, 3.6vw, 42px);
  line-height: 1.15;
  letter-spacing: -.035em;
}
#authModal .xhr-auth-intro .xhr-auth-switch {
  display: block;
  padding: 0;
  border: 0;
  margin: 0;
  background: none;
  color: #e9e0f4;
  font-size: 14px;
}
#authModal .xhr-auth-switch button {
  padding: 7px 2px;
  border: 0;
  min-height: 36px;
  background: none;
  color: #6bd7ff;
  font-size: inherit;
  cursor: pointer;
}
#authModal .xhr-at-register,
#authModal:has(#registerForm:not([hidden])) .xhr-at-login { display: none; }
#authModal:has(#registerForm:not([hidden])) .xhr-at-register { display: inline; }
#authModal .xhr-auth-body { min-width: 0; padding: 58px 30px 20px; }
#authModal .xhr-auth-field { margin-bottom: 13px; position: relative; }
#authModal .xhr-auth-field label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
#authModal .xhr-auth-field::before,
#authModal .xhr-auth-field::after {
  position: absolute;
  content: '';
  z-index: 1;
  pointer-events: none;
  color: #c6bed2;
}
#authModal .xhr-auth-field[data-icon-type="user"]::before {
  left: 20px; top: calc(50% - 9px); width: 7px; height: 7px; border-radius: 50%; background: currentColor;
}
#authModal .xhr-auth-field[data-icon-type="user"]::after {
  left: 16px; top: calc(50% + 1px); width: 15px; height: 7px; border-radius: 8px 8px 3px 3px; background: currentColor;
}
#authModal .xhr-auth-field[data-icon-type="lock"]::before {
  left: 19px; top: calc(50% - 9px); width: 9px; height: 10px; box-sizing: border-box;
  border: 2px solid currentColor; border-radius: 5px 5px 0 0;
}
#authModal .xhr-auth-field[data-icon-type="lock"]::after {
  left: 16px; top: calc(50% - 2px); width: 15px; height: 10px; border-radius: 2px; background: currentColor;
}
.bh-refined-theme body.bh-surface #authModal .xhr-auth-field input.form-input {
  height: 49px; width: 100%; padding: 0 12px 0 43px; border-radius: 8px; font-size: 15px;
}
#authModal .xhr-auth-body #auth-error:empty { margin: 0; padding: 0; height: 0; }
#authModal .xhr-auth-body #auth-error:not(:empty) { margin: 0 0 12px; }
#authModal .xhr-auth-body .remember { margin: 6px 0 10px; }
#authModal .xhr-auth-body .platform-captcha-group .form-label { margin: 6px 0; }
#authModal .xhr-auth-body .auth-note { margin: 12px 0 0; }

html.bh-player-theme .xhr-deposit .main {
  box-sizing: border-box;
  width: min(1040px, 100%);
  flex: 0 0 auto;
  display: grid;
  align-items: start;
  gap: 16px 20px;
  grid-template-columns: minmax(0, 1fr) minmax(0, .94fr);
  grid-template-areas: "balance balance" "methods amount";
  padding: 28px 24px 40px;
}
html.bh-player-theme .xhr-deposit .balance {
  grid-area: balance; min-width: 0; min-height: 104px; padding: 20px 26px;
  color: white; border: 1px solid #513572;
  background: radial-gradient(ellipse at 95% 5%, #532680 0%, transparent 55%), linear-gradient(110deg, #221b3e, #241e40 47%, #1b1427);
}
.xhr-deposit #balanceValue { display: block; font-size: clamp(28px, 4vw, 40px); font-variant-numeric: tabular-nums; line-height: 1.15; }
html.bh-player-theme .xhr-deposit .main > .section { min-width: 0; border-radius: 15px; padding: 22px; margin: 0; }
.xhr-deposit .xhr-methods { grid-area: methods; }
.xhr-deposit .xhr-amount { grid-area: amount; }
.xhr-deposit .xhr-amount-label { display: block; margin: 20px 0 7px; color: var(--form-caption); font-size: 13px; }
.xhr-deposit .xhr-amount .section-title { align-items: flex-start; }
html.bh-player-theme .xhr-deposit .quick { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
html.bh-player-theme .xhr-deposit .quick button { min-height: 42px; border-radius: 9px; font: 650 16px/1.2 system-ui, sans-serif; }
html.bh-player-theme .xhr-deposit .quick button:disabled { opacity: .46; }
html.bh-player-theme .xhr-deposit .amount { border-radius: 10px; }
html.bh-player-theme .xhr-deposit .currency { color: #c8a9ff; }
html.bh-player-theme .xhr-deposit .payment-sections { gap: 6px; padding-bottom: 12px; margin-bottom: 12px; }
html.bh-player-theme .xhr-deposit .payment-section { min-height: 35px; border-radius: 99px; padding: 5px 13px; }
html.bh-player-theme .xhr-deposit .channels { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
html.bh-player-theme .xhr-deposit .channel {
  display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 1px 8px;
  align-content: center; justify-items: start; min-height: 69px; padding: 10px; padding-right: 16px; border-radius: 10px;
}
html.bh-player-theme .xhr-deposit .channel :is(.channel-icon, .fallback) { grid-row: 1 / span 2; align-self: center; width: 30px; height: 30px; }
html.bh-player-theme .xhr-deposit .channel-name { min-height: 0; text-align: left; }
html.bh-player-theme .xhr-deposit .channel-limit { text-align: left; }
html.bh-player-theme .xhr-deposit .channel.active::after { width: 13px; height: 13px; right: 3px; top: 3px; font-size: 9px; }
html.bh-player-theme .xhr-deposit .payment-sections:empty { display: none; }
html.bh-player-theme .xhr-deposit .hint { padding: 11px 12px; background: #211c28; border-left: 2px solid #a176cd; border-radius: 4px; }
html.bh-player-theme .xhr-deposit .head #backButton { width: fit-content; padding: 7px 12px; color: #e3ceff; background: #282031; border: 1px solid var(--form-border); }
html.bh-player-theme .xhr-deposit .submit:disabled,
html.bh-player-theme .xhr-cashier button:disabled { opacity: .45; }

html.bh-player-theme .xhr-cashier .main { width: 100%; max-width: 960px; padding: 28px 20px; }
html.bh-player-theme .xhr-cashier .card {
  padding: 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  grid-template-areas: "headline headline" "details check";
}
.xhr-cashier .xhr-receipt-head { grid-area: headline; padding: 22px 24px; background: radial-gradient(ellipse at 90% 0%, #552688, transparent 70%), #21182f; }
.xhr-cashier .xhr-receipt-head .amount { margin-bottom: 4px; }
.xhr-cashier .xhr-receipt-head .brand { margin-bottom: 10px; }
.xhr-cashier .xhr-receipt-head .status { margin: 12px 0 0; }
.xhr-cashier .xhr-receipt-details { grid-area: details; min-width: 0; padding: 20px 24px; }
.xhr-cashier .xhr-receipt-check { grid-area: check; min-width: 0; border-left: 1px solid var(--form-border); padding: 20px 24px; }
.xhr-cashier .xhr-receipt-check .meta { border-top: 0; padding-top: 0; margin-top: 0; }
.xhr-cashier .xhr-receipt-check .actions { grid-template-columns: 1fr; }
.xhr-cashier .xhr-receipt-check .meta:empty { margin: 0; }
.xhr-cashier .xhr-receipt-check .meta:empty + .actions { margin-top: 0; }
.xhr-cashier .xhr-receipt-details:has(> [hidden]):not(:has(> :not([hidden]))) { display: none; }
.xhr-cashier .card:not(:has(.xhr-receipt-details > :not([hidden]))) .xhr-receipt-check { grid-column: 1 / -1; border-left: 0; }
.xhr-cashier .card:not(:has(.xhr-receipt-details > :not([hidden]))) .actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.xhr-cashier .xhr-receipt-details .payment { margin: 0; }
.xhr-koi .xhr-receipt-details:has(iframe) { grid-column: 1 / -1; }
.xhr-koi .card:has(iframe) .xhr-receipt-check { grid-column: 1 / -1; grid-row: 3; border-left: 0; }

html.bh-player-theme .xhr-profile .page-main { width: min(1080px, 100%); }
html.bh-player-theme .xhr-profile .hero { border: 1px solid #4a355c; background: radial-gradient(ellipse at 85% 20%, #432368, transparent 60%), #1c1529; border-radius: 16px; padding: 24px; }
.xhr-profile .hero .hero-mark { flex: 0 0 52px; width: 52px; height: 52px; }
.xhr-profile .hero .hero-mark svg { width: 100%; height: 100%; }
.xhr-profile .hero-mark svg rect { fill: #d2b4fa; }
.xhr-profile .hero-mark svg circle { fill: #9666d9; }
.xhr-profile .hero-mark svg path[stroke]:not([stroke="currentColor"]) { stroke: #51336a; }
html.bh-player-theme .xhr-recipients #accountWorkspace:not([hidden]) {
  display: grid; gap: 16px; align-items: start; grid-template-columns: minmax(172px, 205px) minmax(0, 1fr);
}
html.bh-player-theme .xhr-recipients #accountWorkspace .method-tabs {
  grid-column: 1; grid-row: 1 / span 2; width: auto; display: grid; gap: 6px; grid-template-columns: 1fr; margin: 0;
}
html.bh-player-theme .xhr-recipients .workspace-columns { grid-column: 2; display: grid; grid-template-columns: 1fr; margin: 0; gap: 16px; }
html.bh-player-theme .xhr-recipients #bindingPanel { grid-column: 2; margin: 0; }
.xhr-profile .guidance { min-width: 0; }
html.bh-player-theme .xhr-contact .page-main {
  display: grid; gap: 18px; align-items: start; grid-template-columns: minmax(205px,.65fr) minmax(0,1.3fr);
}
.xhr-contact .hero { grid-column: 1; grid-row: 1 / span 3; align-items: start; flex-direction: column-reverse; gap: 16px; margin: 0; }
.xhr-contact .page-main > :not(.hero) { grid-column: 2; min-width: 0; }
html.bh-player-theme .xhr-contact #contactWorkspace:not([hidden]) { display: grid; grid-template-columns: minmax(0,1fr); gap: 15px; }
.xhr-contact .xhr-contact-field { padding: 12px 0; border-bottom: 1px solid var(--form-border); }
.xhr-contact #contactForm .xhr-contact-field .field-note { margin: 6px 0 0; }

html.bh-player-theme .xhr-agent #loginView:not(.hidden) .login-box {
  display: grid; width: min(790px,100%); padding: 0; overflow: hidden;
  grid-template-columns: minmax(160px,.82fr) minmax(0,1.25fr);
}
.xhr-agent .xhr-agent-intro .brand { margin: 0; }
.xhr-agent .xhr-agent-intro .muted { line-height: 1.7; }
.xhr-agent .xhr-agent-fields { min-width: 0; background: #141117; padding: 32px; }
.xhr-agent .xhr-agent-fields .button { width: 100%; }
.xhr-agent .shell .top { padding: 18px 20px; background: #221a2b; border-left: 3px solid #ae80ed; border-radius: 8px; }
.xhr-agent .shell .grid { grid-template-columns: repeat(auto-fit,minmax(min(165px,100%),1fr)); }
.xhr-agent .shell .table-wrap { max-width: 100%; overflow-x: auto; }
@media (max-width: 700px) {
  .bh-refined-theme body.bh-surface dialog#authModal[open]:has(.xhr-auth-body) {
    display: block; width: min(435px, calc(100% - 20px)); max-height: calc(100dvh - 20px); border-radius: 17px;
  }
  #authModal .xhr-auth-intro, .xhr-agent .xhr-agent-intro { padding: 42px 20px 18px; border-right: 0; border-bottom: 1px solid #3b2a4c; }
  #authModal .xhr-auth-intro #auth-title { font-size: 31px; }
  #authModal .xhr-auth-body { padding: 18px 18px 16px; }
  #authModal .xhr-auth-field { margin-bottom: 10px; }
  html.bh-player-theme .xhr-deposit .main {
    grid-template-columns: minmax(0,1fr); grid-template-areas: "balance" "methods" "amount";
    padding: 14px 12px 24px; gap: 12px;
  }
  html.bh-player-theme .xhr-deposit .main > .section { padding: 16px; }
  html.bh-player-theme .xhr-deposit .balance { padding: 15px 18px; min-height: 80px; }
  html.bh-player-theme .xhr-deposit .payment-sections { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; }
  html.bh-player-theme .xhr-deposit .payment-section { flex: 0 0 auto; }
  html.bh-player-theme .xhr-cashier .main { padding: 14px 12px; }
  html.bh-player-theme .xhr-cashier .card { display: block; }
  .xhr-cashier .xhr-receipt-head, .xhr-cashier .xhr-receipt-details, .xhr-cashier .xhr-receipt-check { padding: 16px; }
  .xhr-cashier .xhr-receipt-check { border-left: 0; border-top: 1px solid var(--form-border); }
  .xhr-cashier .xhr-receipt-check .actions { grid-template-columns: minmax(0,1fr); }
  html.bh-player-theme .xhr-profile .page-main, html.bh-player-theme .xhr-recipients #accountWorkspace:not([hidden]) { display: block; }
  html.bh-player-theme .xhr-profile .hero { flex-direction: row; align-items: center; margin-bottom: 12px; padding: 14px; }
  html.bh-player-theme .xhr-contact .hero h1, html.bh-player-theme .xhr-recipients .hero h1 { font-size: 22px; }
  html.bh-player-theme .xhr-recipients #accountWorkspace .method-tabs {
    display: flex; overflow-x: auto; gap: 7px; padding-bottom: 8px; margin-bottom: 8px;
  }
  html.bh-player-theme .xhr-recipients .method-tab:not([hidden]) {
    flex: 0 0 auto; width: auto; display: flex; align-items: center; gap: 5px; min-height: 42px; border-radius: 999px; padding: 7px 13px;
  }
  .xhr-recipients .method-tab .method-copy { display: flex; align-items: baseline; gap: 4px; }
  .xhr-recipients .method-tab .method-icon { width: 22px; height: 22px; border-radius: 50%; font-size: 12px; }
  .xhr-recipients .method-tab .tab-chevron { display: none; }
  html.bh-player-theme .xhr-recipients #bindingPanel { margin-top: 12px; }
  html.bh-player-theme .xhr-agent #loginView:not(.hidden) .login-box { display: block; max-width: 440px; }
  .xhr-agent .xhr-agent-fields { padding: 18px; }
}

/* The account header uses the site's own tower emblem in the place of the reference mark. */
#authModal .xhr-auth-intro, .xhr-agent .xhr-agent-intro {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
#authModal[open] .xhr-auth-intro::after, .xhr-agent #loginView:not(.hidden) .xhr-agent-intro::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto 7% 7%;
  height: 45%;
  background: url("./branding/bohui-emblem-3d-v1.webp") center / contain no-repeat;
  filter: grayscale(1) sepia(.55) hue-rotate(212deg) saturate(2.6);
  opacity: .77;
  pointer-events: none;
}
.bh-refined-theme body.bh-surface #authModal .xhr-auth-field input.form-input { font-size: 16px; }
@media (max-width: 700px) {
  #authModal[open] .xhr-auth-intro::after, .xhr-agent #loginView:not(.hidden) .xhr-agent-intro::after {
    inset: auto 2% -16% auto;
    width: 36%;
    height: 110%;
    opacity: .48;
  }
  .xhr-agent .xhr-agent-intro > * { max-width: 73%; }
  html.bh-player-theme .xhr-recipients .method-tab:not([hidden]) { flex-direction: row; }
}

.xhr-recipients #accountWorkspace > .page-footer { grid-column: 1 / -1; }
html.bh-player-theme .xhr-game-shell #error:not([hidden]) {
  border-left: 4px solid #a47deb;
  box-sizing: border-box;
  max-width: 480px;
  width: calc(100% - 32px);
  padding: 24px;
}
.xhr-game-shell #error h1 { margin: 0; }
.xhr-game-shell .xhr-game-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 20px; }
.xhr-game-shell .xhr-game-actions a { margin: 0; }
@media (max-width: 480px) {
  .xhr-game-shell .xhr-game-actions { display: grid; grid-template-columns: minmax(0,1fr); text-align: center; }
}