/* Source: approved 948×1659 home composite. Art contains the original lettering.
   Only peripheral controls are scoped here; no central/lower scene selectors. */
#home-screen.home-approved-ui .home-quick-rail,
#home-screen.home-approved-ui .home-resources {
  position: absolute !important; inset: 0 !important; display: block !important;
  width: 100% !important; height: 100% !important; margin: 0 !important;
  padding: 0 !important; pointer-events: none;
}
#home-screen.home-approved-ui .home-quick-rail > button,
#home-screen.home-approved-ui .home-resources > #home-coins-button,
#home-screen.home-approved-ui .home-resources > .home-stamina-resource,
#home-screen.home-approved-ui .home-resources > #home-league-hall {
  position: absolute !important; display: block !important; box-sizing: border-box !important;
  min-width: 0 !important; min-height: 0 !important; max-width: none !important;
  height: auto !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important;
  background: var(--home-approved-image) center / 100% 100% no-repeat !important;
  box-shadow: none !important; filter: none !important; transform: none !important;
  overflow: visible !important; pointer-events: auto; touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
#home-screen.home-approved-ui .home-quick-rail > button > *,
#home-screen.home-approved-ui #home-league-hall > * { display: none !important; }
#home-screen.home-approved-ui #home-profile {
  left: 2.9536%; top: 2.2905%; width: 14.346% !important; aspect-ratio: 136 / 138 !important;
}
#home-screen.home-approved-ui #home-profile > #home-avatar {
  position: absolute !important; display: block !important;
  left: 11.7647%; top: 13.7681%; width: 75% !important; height: 71.0145% !important;
  border-radius: 0 !important; clip-path: polygon(7% 0,91% 0,99% 7%,99% 92%,93% 99%,5% 99%,0 93%,0 7%);
  background-color: #eee4cc !important; z-index: 0;
}
#home-screen.home-approved-ui #home-settings {
  left: 18.3544%; top: 3.0741%; width: 9.3882% !important; aspect-ratio: 89 / 119 !important;
}
#home-screen.home-approved-ui #home-official-announcement {
  left: 2.8481%; top: 11.4527%; width: 21.9409% !important; aspect-ratio: 208 / 105 !important;
}
#home-screen.home-approved-ui #home-review {
  left: 2.8481%; top: 17.2393%; width: 21.9409% !important; aspect-ratio: 208 / 103 !important;
}
#home-screen.home-approved-ui #home-leaderboard {
  left: 2.8481%; top: 22.9054%; width: 21.9409% !important; aspect-ratio: 208 / 103 !important;
}
#home-screen.home-approved-ui .home-resources > #home-coins-button {
  left: 67.0886%; right: auto !important; top: 2.2905%; width: 30.4852% !important;
  aspect-ratio: 289 / 89 !important;
  container-type: inline-size;
}
#home-screen.home-approved-ui .home-resources > .home-stamina-resource {
  left: 67.0886%; right: auto !important; top: 7.3538%; width: 30.4852% !important;
  aspect-ratio: 289 / 88 !important;
}
#home-screen.home-approved-ui #home-coins-button > .resource-icon,
#home-screen.home-approved-ui #home-coins-button > .home-coins-add,
#home-screen.home-approved-ui .home-stamina-resource > .resource-icon { display: none !important; }
#home-screen.home-approved-ui #home-coins-button > span,
#home-screen.home-approved-ui .home-stamina-resource > span {
  position: absolute !important; z-index: 2; display: flex !important;
  flex-direction: column; justify-content: center; align-items: center; gap: 0 !important;
  margin: 0 !important; padding: 0 !important; color: #f8eac1 !important;
}
#home-screen.home-approved-ui #home-coins-button > span {
  left: 26%; top: 18%; width: 47%; height: 65%;
}
#home-screen.home-approved-ui .home-stamina-resource > span {
  left: 33.218%; top: 31.818%; width: 29.065%; height: 36.364%;
}
#home-screen.home-approved-ui .home-resources b {
  color: #f8eac1 !important; font-family: 'Library WenKai', KaiTi, serif !important;
  font-weight: 700; font-size: clamp(12px, 3.1vw, 17px) !important;
  font-variant-numeric: tabular-nums; line-height: 1 !important;
  white-space: nowrap; letter-spacing: 0 !important; text-shadow: none !important;
}
#home-screen.home-approved-ui #home-coins-button small {
  display: none !important;
}
#home-screen.home-approved-ui #home-coins { font-size: 11.7cqw !important; }
#home-screen.home-approved-ui #home-coins.home-coins--digits-6 { font-size: 10.4cqw !important; }
#home-screen.home-approved-ui #home-coins.home-coins--digits-7,
#home-screen.home-approved-ui #home-coins.home-coins--digits-8 { font-size: 8.8cqw !important; }
#home-screen.home-approved-ui #home-coins.home-coins--digits-9 { font-size: 7.5cqw !important; }
#home-screen.home-approved-ui #home-stamina-add {
  position: absolute !important; z-index: 3; left: 73.01%; top: 20.455%;
  width: 16.955% !important; height: 56.818% !important;
  min-width: 0 !important; min-height: 0 !important; padding: 0 !important;
  border: 0 !important; background: transparent !important; box-shadow: none !important;
  color: transparent !important; border-radius: 50%; font-size: 0 !important;
}
/* Increase hit boxes without stretching source pixels or overlapping rows. */
#home-screen.home-approved-ui #home-settings::after,
#home-screen.home-approved-ui #home-stamina-add::after {
  content: ''; position: absolute; left: 50%; top: 50%;
  width: max(100%, 44px); height: max(100%, 44px); transform: translate(-50%, -50%);
}
#home-screen.home-approved-ui .home-resources > #home-league-hall {
  /* Latest reference: banner is about 80% of the visible resource bar,
     and its two ropes meet the bottom of the stamina plaque. */
  left: 72.3%; right: auto; top: 12.05%; width: 23.4%;
  aspect-ratio: 172 / 200 !important;
}
#home-screen.home-approved-ui button:focus-visible {
  outline: 2px solid #78472a !important; outline-offset: 3px;
}
/* The avatar already has a painted frame. Programmatic focus after closing
   Profile must not add a second square around its larger hit target. */
#home-screen.home-approved-ui #home-profile:focus {
  outline: none !important;
}
#home-screen.home-approved-ui #home-profile:focus-visible {
  filter: brightness(1.18) !important;
}
@media (hover: hover) {
  #home-screen.home-approved-ui .home-quick-rail > button:hover,
  #home-screen.home-approved-ui #home-coins-button:hover,
  #home-screen.home-approved-ui #home-league-hall:hover { filter: brightness(1.05) !important; }
}
#home-screen.home-approved-ui .home-quick-rail > button:active,
#home-screen.home-approved-ui #home-coins-button:active,
#home-screen.home-approved-ui #home-league-hall:active { transform: translateY(1px) !important; }