/* Login, Register and realm selection share the painted MU7 window language. */
.entry-screen {
  background: radial-gradient(ellipse at 50% 35%, #262a22 0%, #101713 48%, #080b0b 100%);
  color: #e7dcc4;
}
.entry-screen .entry-bg,
#screen-servers .entry-bg {
  background: url('/client/assets/hud-v2/bg.webp') repeat;
  opacity: .32;
}
.entry-screen .entry-stack { gap: 26px; margin-block: 42px 24px; }
.entry-screen .entry-logo-text { color: #efd9a0; text-shadow: 0 2px 3px #000, 0 0 15px #ae8a4a77; }
.entry-screen .entry-tagline { color: #c9b997; }
.entry-screen .entry-panel {
  position: relative;
  width: min(430px, calc(100vw - 26px));
  min-width: 0;
  max-width: none;
  padding: 35px 26px 23px;
  border: 12px solid transparent;
  border-image: url('/client/assets/hud-v2/frame.webp') 23 8 16 8 / 12px / 9px stretch;
  border-radius: 0;
  background: url('/client/assets/hud-v2/bg.webp') repeat, #0b0a09;
  box-shadow: 0 20px 55px #000d;
}
.entry-screen .entry-panel::before {
  content: '';
  position: absolute;
  top: -35px; left: 8%; right: 8%; height: 43px;
  background: url('/client/assets/hud-v2/crest.webp') center bottom / contain no-repeat;
  pointer-events: none;
}
.entry-screen .entry-panel h2 {
  display: grid; place-items: center;
  min-height: 39px;
  margin: 0 0 17px;
  padding: 5px 9px;
  border: 6px solid transparent;
  border-image: url('/client/assets/hud-v2/slot.webp') 6 fill / 6px stretch;
  color: #f0ddad;
  font: 600 16px/1.25 'Segoe UI', Arial, sans-serif;
  letter-spacing: .4px;
  text-transform: none;
  text-shadow: 0 1px 3px #000;
}
.entry-screen .field > span:first-child { color: #d5c29e; font-size: 11px; }
.entry-screen :is(.field-hint, .entry-guest-hint, .entry-switch-row, .entry-divider, .entry-forgot-note, .muted) { color: #a99c81; }
.entry-screen :is(input:not([type=checkbox]), select) {
  border: 5px solid transparent;
  border-image: url('/client/assets/hud-v2/slot.webp') 6 fill / 5px stretch;
  border-radius: 0;
  background: #0b0a09;
  color: #eadfc8;
  box-shadow: none;
}
.entry-screen :is(input:not([type=checkbox]), select)::placeholder { color: #8f8169; }
.entry-screen :is(input:not([type=checkbox]), select):focus-visible { outline-color: #d8b773; }
.entry-screen .field-icon-btn { right: 5px; color: #c6ad75; }
.entry-screen .field-checkbox { color: #c8bca3; }
.entry-screen .field-checkbox input { accent-color: #c9a45a; }
.entry-screen .entry-divider::before,
.entry-screen .entry-divider::after { background: linear-gradient(90deg, transparent, #7e6841, transparent); }
.entry-screen .tiny-link { color: #dfc482; }
.entry-screen :is(.login-btn-row button, .guest-cta, .servers-account-row > button, .verify-notice-actions button) {
  min-height: 37px;
  padding: 5px 12px;
  border: 6px solid transparent;
  border-image: url('/client/assets/hud-v2/btn.webp') 8 fill / 6px stretch;
  border-radius: 0;
  background: none;
  color: #e3d0a8;
  font: 600 12px/1.2 'Segoe UI', Arial, sans-serif;
  text-decoration: none;
}
.entry-screen .guest-cta { display: grid; place-items: center; }
.entry-screen :is(.login-btn-row button, .guest-cta, .servers-account-row > button, .verify-notice-actions button):hover { filter: brightness(1.18); }
.entry-screen .login-btn-row .primary { border-image-source: url('/client/assets/hud-v2/btn-active.webp'); color: #fff0c4; }
.entry-screen .google-btn { border-radius: 3px; }
.entry-screen .entry-lang-row select { padding: 5px 10px; }

/* Realms are inset rows inside the same frame; state badges remain distinct. */
#screen-servers .servers-panel { width: min(530px, calc(100vw - 26px)); }
#screen-servers .servers-account-row { margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid #69573a; color: #c6b99c; }
#screen-servers .servers-account-row b { color: #f1dda8; }
#screen-servers .servers-note { margin: 0 0 14px; color: #b6aa92; }
#screen-servers .server-list { gap: 7px; max-height: min(46dvh, 380px); padding: 2px; scrollbar-color: #806a45 #100e0c; }
#screen-servers .server-row {
  min-height: 61px;
  padding: 8px 10px;
  gap: 12px;
  border: 5px solid transparent;
  border-image: url('/client/assets/hud-v2/slot.webp') 6 fill / 5px stretch;
  border-radius: 0;
  background: #0b0a09;
  color: #e1d4b7;
  box-shadow: none;
}
#screen-servers .server-row:not(.offline):hover { filter: brightness(1.18); }
#screen-servers .server-row.last { outline: 1px solid #b99755; outline-offset: -5px; }
#screen-servers .server-row.offline { opacity: .55; }
#screen-servers .server-name-col { width: 140px; }
#screen-servers .server-name { color: #f0dfb8; }
#screen-servers .server-bar { height: 11px; border: 1px solid #705b38; border-radius: 0; background: #070706; }
#screen-servers .server-bar > i { background: linear-gradient(90deg, #79571e, #e2b35f); }
#screen-servers .server-status, #screen-servers .server-pct { color: #b8ab8f; }
#screen-servers .server-badge { border-radius: 0; }
#screen-servers .server-badge-pvp { color: #f5b0a0; background: #502118; border-color: #9c5240; }
#screen-servers .server-badge-last { color: #efd9a0; background: #44371e; border-color: #ae8d4a; }
#screen-servers .verify-notice { border-radius: 0; border-color: #80683e; background: #1c180f; color: #e4d4ae; }
#screen-servers #servers-status { color: #c7b693; }
@media (max-width: 480px) {
  .entry-screen .entry-stack { gap: 20px; margin-block: 30px 18px; }
  .entry-screen .entry-panel { padding: 30px 14px 18px; }
  #screen-servers .server-row { gap: 7px; padding: 7px; }
  #screen-servers .server-name-col { width: 96px; }
  #screen-servers .server-pct { width: 38px; }
}