/* HP ONLINE — account chambers. Presentation only.
   The existing register/recovery/sorting controls and auth.js states are kept.
   Every rule is scoped to one of those three optional entry overlays. */
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal,#sorting) {
  --dialog-text: #f8ead0;
  --dialog-muted: #bdcadd;
  --dialog-gold: #e5c587;
  --dialog-ice: #99e1ff;
  color: var(--dialog-text);
  font-family: 'Segoe UI',system-ui,sans-serif;
  color-scheme: dark;
}

body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  overflow: hidden;
  overscroll-behavior: contain;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel { z-index: 70; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #forgotModal { z-index: 80; }
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) :is(.lux-auth-veil,.modal-veil) {
  position: fixed;
  inset: 0;
  background: rgba(2,6,16,.86);
  backdrop-filter: blur(6px);
}

/* The frame has real alpha. Nine-slicing keeps its carved corners at their
   authored scale; reserved edge space separates every gem from live controls. */
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-card {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr);
  gap: 0;
  width: min(940px,100%);
  max-height: calc(100svh - 48px);
  max-height: calc(100dvh - 48px);
  margin: 0;
  padding: 50px 30px 30px;
  overflow: visible;
  border: 1px solid #b58b49;
  border-radius: 4px;
  color: var(--dialog-text);
  background: radial-gradient(ellipse at 52% 0,#203450 0,transparent 48%),linear-gradient(145deg,#0b1528,#060b18);
  box-shadow: 0 0 0 3px #050913,0 0 0 4px #6e552f,0 28px 90px #00080f,inset 0 0 35px #01040b;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-card::before {
  content: '';
  position: absolute;
  inset: -5px;
  z-index: 3;
  pointer-events: none;
  border: 0 solid transparent;
  border-image-source: url('../img/auth/arcane-relic-frame-v2.webp');
  border-image-slice: 230 170 200 170;
  border-image-width: 54px 32px 40px 32px;
  border-image-repeat: stretch;
  background: none;
  filter: drop-shadow(0 3px 3px rgba(0,0,0,.7));
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-card::after { content: none; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-card > .wl-seal { display: none; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-x {
  position: absolute;
  top: 15px;
  right: 33px;
  z-index: 5;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 12px;
  border: 1px solid #cfab67;
  border-radius: 3px;
  background: linear-gradient(180deg,#334c69,#102036 58%,#07101e);
  color: #f9e4b5;
  box-shadow: inset 0 1px 0 #a99061,inset 0 0 0 3px #0b1728,0 3px 9px #000914;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-x:hover {
  border-color: #ffe2a3;
  color: #b4ebff;
  background: linear-gradient(180deg,#40668a,#173552);
}

/* Only the form column scrolls. Its sibling and the outer close control stay
   fixed inside the chamber even when validation adds several lines. */
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel :is(.lux-auth-story,.lux-view-register) {
  min-width: 0;
  min-height: 0;
  max-height: calc(100svh - 130px);
  max-height: calc(100dvh - 130px);
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-view-register {
  padding: 20px 24px 16px 30px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #b49354 #07101d;
  scroll-padding-block: 16px;
  -webkit-overflow-scrolling: touch;
  background: #0b1528;
  box-shadow: inset 1px 0 0 rgba(223,183,110,.35),inset 0 0 24px rgba(1,5,15,.45);
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-story {
  display: flex;
  flex-direction: column;
  position: relative;
  isolation: isolate;
  padding: 28px 25px 22px;
  overflow: hidden;
  background: #0a1830;
  color: var(--dialog-text);
  border: 1px solid rgba(172,139,79,.35);
  border-right: 0;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-story::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background: var(--wow-world-art,url('../img/auth/arcane-world-v2.webp')) 69% 45% / auto 100% no-repeat;
  opacity: .65;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-story::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg,rgba(5,13,29,.94),rgba(5,13,29,.86) 35%,rgba(4,12,27,.28) 61%,#070f20 94%);
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .auth-story-kicker {
  margin: 0 0 17px;
  color: #e6c789;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .1em;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-story h2 {
  margin: 0;
  color: #fff0d0;
  font: 500 40px/1.04 'EB Garamond',Georgia,serif;
  letter-spacing: -.015em;
  text-shadow: 0 2px 4px #020610;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-story p {
  margin: 18px 0 12px;
  color: #d4deeb;
  font-size: 14px;
  line-height: 1.6;
  text-shadow: 0 1px 4px #010714;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .auth-cast {
  flex: 1 0 180px;
  min-height: 180px;
  max-height: 230px;
  margin: 18px -12px 0;
  pointer-events: none;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .auth-cast-card {
  border: 2px solid #bb9758;
  border-radius: 3px;
  background: #08101c;
  box-shadow: 0 0 0 1px #342b1d,0 12px 28px #010714,inset 0 0 0 1px #ead193;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel img { pointer-events: none; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .auth-story-perks {
  gap: 9px 13px;
  margin-top: 18px;
  padding-top: 17px;
  border-top: 1px solid rgba(202,164,93,.4);
  color: #cfdaea;
  font-size: 12px;
  line-height: 1.5;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .auth-story-perks b { color: #91dfff; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .auth-form-kicker {
  margin: 0 34px 0 0;
  color: #dac18c;
  font-size: 11px;
  line-height: 1.7;
  letter-spacing: .075em;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .auth-form-kicker i {
  display: inline-block;
  margin-left: 5px;
  padding: 1px 6px;
  border: 1px solid #a88a51;
  border-radius: 2px;
  background: #1d3048;
  color: #ffe2a6;
  font-size: 10px;
  line-height: 1.5;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .panel-title {
  margin: 12px 0 0;
  color: #f8ead0;
  background: none;
  font: 500 29px/1.12 'EB Garamond',Georgia,serif;
  letter-spacing: .005em;
  text-shadow: 0 2px 3px #01050c;
  filter: none;
  -webkit-text-stroke: 0;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .panel-sub {
  margin: 9px 0 21px;
  color: var(--dialog-muted);
  font-size: 14px;
  line-height: 1.5;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .auth-form-grid { gap: 14px; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .auth-control-label {
  align-items: baseline;
  flex-wrap: wrap;
  gap: 2px 10px;
  margin-bottom: 6px;
  color: #eee1c6;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .auth-control-label small {
  color: #b3c2d8;
  font-size: 12px;
  line-height: 1.4;
}

/* Recessed input plates remain opaque in normal, autofill and focus states. */
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .field {
  position: relative;
  min-height: 48px;
  margin: 0;
  border: 1px solid #637087;
  border-radius: 3px;
  background: linear-gradient(180deg,#060c18,#101c30);
  box-shadow: inset 0 2px 6px #02050c,0 1px 0 rgba(227,199,137,.13);
  transition: border-color .15s ease,box-shadow .15s ease;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .field input {
  height: 46px;
  padding: 10px 7px;
  color: #f1f4ff;
  background: transparent;
  font: 400 16px/1.4 'Segoe UI',system-ui,sans-serif;
  caret-color: #99e1ff;
  text-shadow: none;
  scroll-margin-block: 20px;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .field input::placeholder { color: #a4b1c6; opacity: 1; }
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .field input:-webkit-autofill {
  -webkit-text-fill-color: #f1f4ff;
  -webkit-box-shadow: 0 0 0 60px #0b1528 inset;
  caret-color: #99e1ff;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .f-ic {
  width: 31px;
  min-height: 46px;
  color: #d0b67d;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .f-eye {
  width: 44px;
  min-width: 44px;
  min-height: 46px;
  color: #d2dcea;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .f-eye:hover { color: #a7e7ff; background: rgba(86,158,213,.12); }
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .field > .f-err {
  position: static;
  flex: 0 0 100%;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 10px 8px;
  border: 0;
  background: none;
  color: #ffd0c4;
  font-size: 13px;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: left;
  transform: none;
  box-shadow: none;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .field.is-bad { border-color: #ed9a86; }
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .field.is-warn { border-color: #d2b16e; }
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .field.is-ok { border-color: #8fbc9e; }
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .field.is-bad :is(.f-err,.f-state,.f-ic) { color: #ffd0c4; }
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .field.is-warn :is(.f-err,.f-state,.f-ic) { color: #f0d99b; }
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .field.is-ok :is(.f-err,.f-state,.f-ic) { color: #c3e8cf; }
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .field:focus-within {
  border-color: #99e1ff;
  box-shadow: 0 0 0 1px #99e1ff,0 0 17px rgba(67,160,232,.25),inset 0 2px 6px #02050c;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form.is-locked .field { opacity: 1; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .meter { height: 4px; margin: 7px 1px 0; gap: 5px; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .meter i { border-radius: 1px; background: #364057; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .meter[data-score="1"] i:nth-child(-n+1) { background: #ed9a86; color: #ed9a86; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .meter[data-score="2"] i:nth-child(-n+2) { background: #e8b775; color: #e8b775; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .meter[data-score="3"] i:nth-child(-n+3) { background: #edcf84; color: #edcf84; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .meter[data-score="4"] i:nth-child(-n+4) { background: #abd9b8; color: #abd9b8; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .check-terms {
  min-height: 44px;
  margin: 17px 0 15px;
  gap: 10px;
  color: #cad4e2;
  font-size: 14px;
  line-height: 1.6;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .check .box {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  border: 1px solid #bba06a;
  border-radius: 2px;
  background: #061020;
  box-shadow: inset 0 2px 3px #02050b;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .check input:checked + .box {
  border-color: #e5c587;
  background: linear-gradient(180deg,#3d6482,#183654);
  color: #ffedb7;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) :is(.link,.check-terms a) {
  min-height: 44px;
  color: #ead398;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) :is(.link,.check-terms a):hover { color: #fff0c4; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .check-terms a { display: inline-flex; align-items: center; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .auth-signin-prompt { margin-top: 10px; gap: 7px; color: #bdcadd; font-size: 14px; }

/* Beveled sapphire actions preserve the existing loading/seal elements. */
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .btn {
  --au-spin: #d8f4ff;
  position: relative;
  width: 100%;
  min-height: 52px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: #112746;
  box-shadow: 0 4px 10px rgba(0,0,0,.45);
  filter: none;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .btn .btn-face {
  min-height: 52px;
  padding: 12px 16px;
  border: 1px solid #d5b06a;
  border-radius: 3px;
  background: linear-gradient(180deg,#466a91,#21456e 46%,#142c51 49%,#112544);
  color: #fff1cf;
  font: 650 14px/1.4 'Segoe UI',system-ui,sans-serif;
  letter-spacing: .04em;
  text-shadow: 0 2px 2px #030914;
  box-shadow: inset 0 1px 0 #eed194,inset 0 0 0 3px rgba(8,18,35,.65),inset 0 0 0 4px rgba(189,155,82,.3),inset 0 -3px 0 #060d1c;
  filter: none;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .btn:hover:not(:disabled) .btn-face {
  border-color: #ffe4a4;
  background: linear-gradient(180deg,#416e91,#2b5989 46%,#1d3d65 49%,#142e50);
  box-shadow: inset 0 1px 0 #ffedb8,inset 0 0 0 3px rgba(8,18,35,.55),inset 0 0 0 4px rgba(217,184,111,.45),0 0 20px rgba(66,164,235,.27);
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .btn:disabled { opacity: .75; cursor: wait; filter: none; }
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .btn:is(.is-busy,.is-done) { opacity: 1; }
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .au-spin i {
  width: 20px;
  height: 20px;
  border-color: #53718e;
  border-top-color: #d8f4ff;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .au-seal svg { width: 23px; height: 23px; color: #c3e8cf; }
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .form-msg {
  min-height: 0;
  margin: 13px 0 0;
  padding: 10px 12px;
  border: 1px solid #b97e70;
  border-radius: 3px;
  background: #2c1a25;
  color: #ffd3c4;
  font: 500 14px/1.55 'Segoe UI',system-ui,sans-serif;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: inset 3px 0 0 #d49980;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .form-msg.is-ok {
  border-color: #83ae94;
  background: #152b29;
  color: #c3e8cf;
  box-shadow: inset 3px 0 0 #98c6a7;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .form .form-msg:empty { display: none; }
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) :is(a,button,input):focus-visible {
  outline: 2px solid #99e1ff;
  outline-offset: 3px;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) .field input:focus-visible { outline: none; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .check:has(input:focus-visible) { outline: 2px solid #99e1ff; outline-offset: 3px; }

/* Recovery uses a true border image so its frame stays attached to the card
   while the content scrolls; the existing return action is a sticky foot. */
body.wiz.wiz-luxury-entry.wiz-wow-entry #forgotModal .modal-card {
  position: relative;
  width: min(520px,100%);
  max-height: calc(100svh - 48px);
  max-height: calc(100dvh - 48px);
  margin: 0;
  padding: 16px 17px 8px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  /* Native focus/scrollIntoView must leave room above the 48px sticky return
     control, including its separation and shadow, on a short viewport. */
  scroll-padding-block: 12px 72px;
  scrollbar-width: thin;
  scrollbar-color: #b49354 #07101d;
  border-style: solid;
  border-color: transparent;
  border-width: 54px 30px 36px;
  border-image-source: url('../img/auth/arcane-relic-frame-v2.webp');
  border-image-slice: 230 170 200 170;
  border-image-width: 54px 30px 36px;
  border-image-repeat: stretch;
  border-radius: 3px;
  background: radial-gradient(ellipse at 50% 0,#233755 0,transparent 40%),#0b1528;
  color: var(--dialog-text);
  box-shadow: 0 25px 90px #00060f,inset 0 0 30px #010510;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #forgotModal .modal-card::before,
body.wiz.wiz-luxury-entry.wiz-wow-entry #forgotModal .modal-card::after { content: none; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #forgotModal .panel-title { margin-top: 0; font-size: 34px; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #forgotModal .f-note {
  margin: 0 0 22px;
  padding: 12px 13px;
  border: 1px solid #6f6651;
  border-left: 3px solid #c0a363;
  background: #111e32;
  color: #c9d5e5;
  font-size: 14px;
  line-height: 1.6;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #forgotModal .f-note b { color: #f6dfaa; }
/* Keep and expose the existing associated label; no new field or copy. */
body.wiz.wiz-luxury-entry.wiz-wow-entry #forgotModal .field .sr {
  position: static;
  order: -1;
  flex: 0 0 100%;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10px 10px 0;
  overflow: visible;
  clip: auto;
  clip-path: none;
  white-space: normal;
  color: #eee1c6;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #forgotModal .form > .btn { margin-top: 18px; scroll-margin-block: 12px; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #forgotModal .link-c {
  position: sticky;
  bottom: 0;
  z-index: 4;
  width: 100%;
  min-height: 48px;
  margin: 12px auto 0;
  padding: 10px;
  border-top: 1px solid rgba(195,162,94,.35);
  background: #0b1528;
  box-shadow: 0 -5px 10px rgba(11,21,40,.95);
}

/* This success overlay must sit above registration, whose layer is 70. */
body.wiz.wiz-luxury-entry.wiz-wow-entry #sorting {
  z-index: 90;
  padding: 24px;
  overflow-y: auto;
  background: radial-gradient(ellipse at 50% 36%,rgba(30,68,115,.96),rgba(3,8,20,.99) 74%);
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #sorting .sorting-in {
  position: relative;
  isolation: isolate;
  width: min(580px,100%);
  padding: 65px 36px 55px;
  border: 1px solid #a1854f;
  background: radial-gradient(ellipse at 50% 30%,#1a3357,#0b1528 62%,#060b18);
  box-shadow: inset 0 0 0 5px #050b17,inset 0 0 0 6px #756038,0 24px 70px #020713;
  text-align: center;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #sorting .sorting-in::before {
  content: '';
  position: absolute;
  inset: -5px;
  z-index: -1;
  pointer-events: none;
  border: 0 solid transparent;
  border-image: url('../img/auth/arcane-relic-frame-v2.webp') 230 170 200 170 / 54px 32px 40px 32px / 0 stretch;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #sorting .sorting-seal {
  position: relative;
  width: 104px;
  margin: 0 auto 20px;
  pointer-events: none;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #sorting .sorting-seal::after {
  content: '✦';
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #b8ecff;
  font: 52px/1 Georgia,serif;
  text-shadow: 0 0 16px #2399e2,0 2px 3px #030812;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #sorting .sorting-seal svg { filter: drop-shadow(0 0 20px rgba(76,184,245,.38)); }
body.wiz.wiz-luxury-entry.wiz-wow-entry #sorting .s-ring { fill: #0b1d36; stroke: #d3b26d; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #sorting .s-ring2 { stroke: #73badd; }
body.wiz.wiz-luxury-entry.wiz-wow-entry #sorting h3 {
  margin: 0;
  color: #f9e4b3;
  background: none;
  font: 500 clamp(29px,3.4vw,44px)/1.13 'EB Garamond',Georgia,serif;
  letter-spacing: .035em;
  overflow-wrap: anywhere;
  text-shadow: 0 2px 4px #01050d;
  filter: none;
}
body.wiz.wiz-luxury-entry.wiz-wow-entry #sorting p {
  margin: 15px 0 0;
  color: #cddbec;
  font: 400 16px/1.6 'Segoe UI',system-ui,sans-serif;
}

@media (max-width: 760px) {
  body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-card { display: block; width: min(530px,100%); }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-story { display: none; }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-view-register { padding: 18px 20px 14px; box-shadow: inset 0 0 24px rgba(1,5,15,.4); }
}
@media (max-width: 520px) {
  body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal) { padding: 12px; }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-card {
    max-height: calc(100svh - 24px);
    max-height: calc(100dvh - 24px);
    padding: 54px 12px 24px;
  }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-card::before { inset: -3px; border-image-width: 46px 20px 30px 20px; }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-x { top: 9px; right: 18px; }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-view-register {
    max-height: calc(100svh - 104px);
    max-height: calc(100dvh - 104px);
    padding: 12px 14px 18px;
    scroll-padding-block: 12px;
  }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .auth-form-kicker { margin-right: 0; font-size: 10px; }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .panel-title { margin-top: 9px; font-size: 27px; }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .panel-sub { margin-bottom: 18px; }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .auth-form-grid { gap: 13px; }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .auth-control-label { font-size: 14px; }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .auth-control-label small { font-size: 12px; }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .check-terms { font-size: 14px; }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .auth-signin-prompt { gap: 0 7px; font-size: 14px; }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #forgotModal .modal-card {
    max-height: calc(100svh - 24px);
    max-height: calc(100dvh - 24px);
    padding: 13px 12px 8px;
    border-width: 47px 20px 28px;
    border-image-width: 47px 20px 28px;
  }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #forgotModal .panel-title { font-size: 30px; }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #forgotModal .f-note { padding: 10px; margin-bottom: 18px; }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #sorting { padding: 16px; }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #sorting .sorting-in { padding: 56px 22px 44px; }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #sorting .sorting-in::before { border-image-width: 46px 22px 34px 22px; }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #sorting .sorting-seal { width: 90px; }
}
@media (max-height: 580px) and (min-width: 761px) {
  body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-card { display: block; width: min(620px,100%); }
  body.wiz.wiz-luxury-entry.wiz-wow-entry #authPanel .lux-auth-story { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal,#sorting),
  body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal,#sorting) *,
  body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal,#sorting) *::before,
  body.wiz.wiz-luxury-entry.wiz-wow-entry :is(#authPanel,#forgotModal,#sorting) *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}