/* Keep entry and game as exclusive visual surfaces, including Safari compositing. */
body:has(#authLayer:not(.hidden)) > .app-shell,
body:has(#authLayer:not(.hidden)) > #mobileDock,
body:has(#authLayer:not(.hidden)) > .community-launcher{display:none!important}
body.vey-renewal #authLayer:not(.hidden){background-color:#090a12!important;isolation:isolate;z-index:300!important}
/* A compact forged secondary treatment; primary illustrated actions keep their artwork. */
body.vey-renewal .button:not(.primary):not(.veydris-cta):not(.journey-hero__action){
  background:linear-gradient(165deg,#353743,#161722 48%,#0c0d15)!important;
  border:1px solid #b29a607a!important;border-radius:2px!important;
  box-shadow:inset 0 0 0 3px #090a1180,inset 0 1px #ead6a64d,0 3px 9px #0004!important;
  color:#e6d8b7!important;
}
body.vey-renewal :is(.experience-tabs button,.experience-dialog>header button,.journey-atlas>header button){
  background:linear-gradient(155deg,#282b3b,#0e0f1a)!important;
  border:1px solid #b79b655e!important;border-radius:2px!important;color:#e9d8b0!important;
  box-shadow:inset 0 0 0 3px #090a1188!important;
}
body.vey-renewal #authForm .experience-entry .button{
  min-height:36px!important;padding:8px 14px!important;min-width:56px;
  font:600 10px/1.5 Cinzel,Georgia,serif!important;letter-spacing:.04em;
  clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);
}
body.vey-renewal #authForm .experience-entry .button:focus-visible{box-shadow:inset 0 0 0 3px #e4d199!important;outline:none!important}
body.vey-renewal .topbar{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto!important;
  grid-template-rows:32px 54px!important;height:104px!important;min-height:104px!important;
  gap:4px 18px!important;padding:5px 28px 9px!important;
  background:linear-gradient(110deg,#0c0e18,#161722 60%,#0c0d17)!important;
  border-bottom:1px solid #b59a593d!important;box-shadow:0 5px 20px #0003!important;
}
body.vey-renewal .topbar>.resources{
  grid-row:1!important;grid-column:1/-1!important;width:100%!important;min-width:0!important;
  height:32px!important;margin:0!important;padding:0 0 4px!important;gap:20px!important;
  justify-content:flex-end!important;border:0!important;border-bottom:1px solid #bca66d29!important;
  background:none!important;box-shadow:none!important;
}
body.vey-renewal .topbar>.global-hero{grid-row:2!important;grid-column:1!important;min-width:0!important}
body.vey-renewal .topbar>.header-mission{grid-row:2!important;grid-column:2!important}
body.vey-renewal .topbar>.journey-travel{grid-row:2!important;grid-column:3!important}
body.vey-renewal .topbar>.experience-guide-link{grid-row:2!important;grid-column:4!important}
body.vey-renewal .topbar>.crumb{display:none!important}
body.vey-renewal .topbar .resource{font-size:12px!important;gap:7px!important;min-width:0}
body.vey-renewal .topbar .resource-art{width:19px!important;height:23px!important}
body.vey-renewal .topbar :is(.notification-button,.settings){width:30px!important;height:30px!important;min-height:30px!important;min-width:30px!important;background:none!important;border:0!important;box-shadow:none!important;padding:2px!important}
body.vey-renewal .topbar #headerStatus:empty{display:none!important}
body.vey-renewal .topbar :is(.menu-button,.journey-travel,.experience-guide-link){
  background:radial-gradient(ellipse,#5c618124,#0c0d16)!important;border:1px solid #ad945751!important;
  border-radius:50%!important;color:#dfc78b!important;box-shadow:inset 0 0 0 3px #0a0b12!important;
}
body.vey-renewal .topbar .journey-travel{border-radius:3px!important}
@media(max-width:900px){
 body.vey-renewal .topbar{grid-template-columns:40px minmax(0,1fr) 40px 40px!important;grid-template-rows:32px 44px!important;height:96px!important;min-height:96px!important;padding:5px 14px 9px!important;gap:5px 10px!important}
 body.vey-renewal .topbar>.resources{justify-content:space-between!important;gap:10px!important}
 body.vey-renewal .topbar>.menu-button{grid-row:2!important;grid-column:1!important;display:grid!important;place-items:center;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
 body.vey-renewal .topbar>.global-hero{grid-column:2!important;height:44px!important;gap:8px!important}
 body.vey-renewal .global-hero__portrait{width:30px!important;height:38px!important}
 body.vey-renewal .global-hero__identity>b{max-width:100%!important;font-size:12px!important}
 body.vey-renewal .topbar>.journey-travel,body.vey-renewal .topbar>.experience-guide-link{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:4px!important;border-radius:50%!important}
 body.vey-renewal .topbar .journey-travel :is(b,kbd){display:none!important}
 body.vey-renewal .topbar>.header-mission{display:none!important}
 body.vey-renewal .topbar .resource b{font-size:12px!important;font-variant-numeric:tabular-nums}
 body.vey-renewal .topbar .resources .resource.gems{display:flex!important}
}
@media(max-height:600px){body.vey-renewal .topbar{height:86px!important;min-height:86px!important;grid-template-rows:28px 40px!important;padding-block:4px!important;gap:4px 10px!important}body.vey-renewal .topbar>.resources{height:28px!important}}
body.vey-renewal .topbar>.resources{min-height:0!important;max-height:32px!important;box-sizing:border-box!important;align-self:start!important}
body.vey-renewal .topbar .resource{padding-block:0!important}
body.vey-renewal .topbar>.global-hero{min-height:0!important;max-height:48px!important;height:48px!important}
body.vey-renewal #authLayer .auth-class-arrow{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.vey-renewal .button:not(.veydris-cta):not(.journey-hero__action){clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}
body.vey-renewal #view .button.primary:not(.veydris-cta):not(.journey-hero__action){background:linear-gradient(155deg,#e1c487,#a88946 58%,#6d572e)!important;border:1px solid #e7cd8b!important;border-radius:2px!important;color:#1b1c20!important;box-shadow:inset 0 0 0 3px #342d2440,inset 0 1px #fff1b8!important}
body.vey-renewal .button:focus-visible{outline:2px solid #f3dd9f!important;outline-offset:3px;filter:brightness(1.2)}
body.vey-renewal #view .journey-home .journey-hero__action{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important}
@media(max-width:900px){body.vey-renewal .topbar>.global-hero{height:44px!important;max-height:44px!important}}
/* Baseline for newly introduced controls that have no component class yet. */
:where(body.vey-renewal) button{appearance:none;-webkit-appearance:none;background:linear-gradient(155deg,#272937,#0d0f1a);color:#e5d5b0;border:1px solid #9e885655;font-family:inherit;cursor:pointer}
body.vey-renewal #view .community-tabs{gap:7px;background:#0b0d16e8;border-bottom:1px solid #b99e5c40;padding:8px;margin-block:12px}
body.vey-renewal #view .community-tabs button{min-height:44px!important;min-width:0;padding:10px 12px!important;appearance:none;background:linear-gradient(155deg,#272937,#0d0f1a)!important;border:1px solid #9e885655!important;border-radius:2px!important;box-shadow:inset 0 0 0 3px #090a1280!important;color:#c9cbb8!important;font:600 11px/1.4 Cinzel,Georgia,serif!important;white-space:normal}
body.vey-renewal #view .community-tabs button[aria-pressed=true]{border-color:#ccb172!important;color:#ffe3a9!important;background:linear-gradient(145deg,#47452e,#181a27)!important;box-shadow:inset 0 -2px #d6bc7b,inset 0 0 0 3px #0e0f1680!important}
@media(max-width:600px){body.vey-renewal #view .community-tabs button{font-size:10.5px!important;padding:9px 6px!important}}