/* VillageRealm V2.2.7 – focused visual corrections. No database/economy changes. */
/* User menu: the account shortcut is not a selectable/highlighted panel. */
body.realm-app .profile-menu-items .profile-menu-head small a,
body.realm-app .profile-menu-items .profile-menu-head small a:hover,
body.realm-app .profile-menu-items .profile-menu-head small a:active,
body.realm-app .profile-menu-items .profile-menu-head small a:focus-visible {
  display:inline!important;width:auto!important;min-height:0!important;padding:0!important;
  background:none!important;background-color:transparent!important;
  color:#d4dce7!important;text-shadow:none!important;box-shadow:none!important;
  border:0!important;text-decoration:none!important;filter:none!important;
}
body.realm-app .profile-menu-items .profile-menu-head small a:focus-visible {
  outline:2px solid #f2d28f!important;outline-offset:4px!important;
}
/* Village Codex, building and Town Hall tabs: hover never dims labels to gray. */
body.realm-village-page :is(.vr-codex-tablist,.vr-townhall-tabs,.building-dialog-tabs,.map-guide-tabs,.realm-section-tabs,[role=tablist]:not(.building-detail-tabs)) > :is(button,a):is(:hover,:focus-visible) {
  color:#fff8e7!important;background:#496456!important;
  border-color:#dfc891!important;text-shadow:none!important;filter:none!important;
}
body.realm-village-page :is(.vr-codex-tablist,.vr-townhall-tabs,.building-dialog-tabs,.map-guide-tabs,.realm-section-tabs,[role=tablist]:not(.building-detail-tabs)) > :is(button,a):is([aria-selected=true],[aria-pressed=true],[aria-current=page],.is-active):is(:hover,:focus-visible) {
  color:#35281c!important;background:#f4d28b!important;
  border-color:#ffe4a8!important;text-shadow:none!important;filter:none!important;
}
/* Restore an illustrated fantasy landing hero instead of a giant plain dark block.
   Existing live registration and login forms are retained intact. */
body.realm-app .vr-landing {max-width:1320px;}
body.realm-app .vr-landing-hero {
  display:grid!important;grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr)!important;
  gap:clamp(12px,1.8vw,22px)!important;align-items:start!important;
  padding:clamp(12px,1.7vw,20px)!important;
  background:linear-gradient(135deg,#dae8d0,#f4e8c6)!important;
  border:2px solid #c8aa78!important;border-radius:25px;
  box-shadow:0 6px 0 #9e7e51,0 17px 30px #34433122;
  overflow:visible!important;
}
body.realm-app .vr-landing-hero .vr-landing-copy {
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:flex-start!important;gap:0;min-width:0;
  padding:clamp(24px,3.2vw,45px)!important;min-height:clamp(510px,47vw,635px);
  background:linear-gradient(180deg,rgba(23,50,46,.97) 0%,rgba(27,57,49,.92) 32%,rgba(23,51,45,.55) 66%,rgba(23,51,45,.18) 100%),url('/assets/img/launch-village-1280.webp') center bottom / cover no-repeat!important;
  border:1px solid #668a79;border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff17;
}
body.realm-app .vr-landing-copy h1 {
  color:#fff0c4!important;font-size:clamp(35px,4vw,59px)!important;
  line-height:1.08!important;max-width:750px;text-wrap:balance;
  text-shadow:0 2px 10px #1e2b2780;
}
body.realm-app .vr-landing-copy h1 em {color:#f0bcff!important;}
body.realm-app .vr-landing-copy p {max-width:660px;color:#f1f5dc!important;font-size:clamp(15px,1.35vw,19px)!important;line-height:1.5!important;}
body.realm-app .vr-landing-copy .realm-eyebrow {color:#f5d48b!important;}
body.realm-app .vr-landing-copy small {color:#e4f1dc!important;}
body.realm-app .vr-home-auth {
  max-height:min(690px,calc(100dvh - 105px));overflow-y:auto;overscroll-behavior:contain;
  width:100%;box-sizing:border-box;scrollbar-gutter:stable;
  padding:clamp(15px,2vw,25px)!important;border-radius:18px;
  background:linear-gradient(145deg,#203b35,#1c2d29)!important;
  border:1px solid #8c9a78!important;box-shadow:0 6px 0 #8b754e77;
}
body.realm-app .vr-home-auth :is(input,select,textarea) {max-width:100%;box-sizing:border-box;}
body.realm-app .vr-landing-scene {margin-top:-7px;}
body.realm-app .vr-landing-scene img {display:block;max-height:230px;object-fit:cover;border-radius:18px;}
@media(max-width:850px){
  body.realm-app .vr-landing-hero {grid-template-columns:1fr!important;}
  body.realm-app .vr-landing-hero .vr-landing-copy {min-height:400px;}
  body.realm-app .vr-home-auth {max-height:none;overflow:visible;max-width:640px;justify-self:center;}
}
@media(max-width:500px){
  body.realm-app .vr-landing-hero .vr-landing-copy {min-height:345px;padding:20px!important;}
  body.realm-app .vr-landing-copy h1 {font-size:clamp(30px,8vw,42px)!important;}
  body.realm-app .vr-landing-hero {padding:8px!important;}
}