/* V5.113 LOCALTEST: high-visibility BACK buttons and opaque readable content. */
/* Keep existing navigation handlers, dimensions, and display/hidden transitions intact. */
#hdCommonMain .hdBack,
#hdCourseGate #hdRouteCancel,
#rankingOverlay #rankingClose,
#onlineOptionOverlay #onlineOptionClose,
#cameraOptionBack,
#onlineCourseCancel,
#harunaViewSelectCancel,
#badgesClose,
#adminBackBtn,
#gachaClose,
#runResultOk {
  box-sizing:border-box!important;
  background:linear-gradient(180deg,#f74b43 0%,#d01d20 52%,#8b0913 100%)!important;
  color:#fff!important;
  border:2px solid #ffb3a9!important;
  border-radius:10px!important;
  text-shadow:0 2px 3px #490006!important;
  box-shadow:0 4px 0 #520a11,0 6px 16px rgba(0,0,0,.55)!important;
  opacity:1!important;
  font-weight:1000!important;
  letter-spacing:.10em!important;
  cursor:pointer!important;
}
#hdCommonMain .hdBack:hover,#hdCourseGate #hdRouteCancel:hover,
#rankingOverlay #rankingClose:hover,#onlineOptionOverlay #onlineOptionClose:hover,
#cameraOptionBack:hover,#onlineCourseCancel:hover,#harunaViewSelectCancel:hover,
#badgesClose:hover,#adminBackBtn:hover,#gachaClose:hover,#runResultOk:hover{
  filter:brightness(1.15)!important;
}
#hdCommonMain .hdBack:focus-visible,#hdCourseGate #hdRouteCancel:focus-visible,
#rankingOverlay #rankingClose:focus-visible,#onlineOptionOverlay #onlineOptionClose:focus-visible,
#cameraOptionBack:focus-visible,#onlineCourseCancel:focus-visible,#harunaViewSelectCancel:focus-visible,
#badgesClose:focus-visible,#adminBackBtn:focus-visible,#gachaClose:focus-visible,
#runResultOk:focus-visible{outline:3px solid #fff0b1!important;outline-offset:3px!important;}
/* The CHAT surface and log must be solid: no typography from the decorative backdrop. */
#hdCommonMain #hdChatPage.hdThemeArea{background:#071728!important;}
#hdCommonMain #hdChatPage.hdThemeArea::before{content:none!important;display:none!important;}
#hdCommonMain #hdChatPage .hdChatBody{background:#071728!important;}
#hdCommonMain #hdChatPage #onlineChatLog{background:#03121f!important;}
#hdCommonMain #hdChatPage .chatRow{background:#071728!important;}
#hdCommonMain #hdChatPage #onlineChatInput{background:#081825!important;color:#fff!important;}
/* RANKING popup: keep themed outer area but ensure panel blocks the pattern entirely. */
#rankingOverlay.hdThemeArea .rankingPanel{
  position:relative!important;z-index:2!important;
  background:#070e15!important;background-image:none!important;
  opacity:1!important;
}
/* OPTION right panel: solid dark background, never the outline watermark through text. */
#onlineOptionOverlay.hdThemeArea .onlineOptionPanel{
  position:relative!important;z-index:2!important;
  background:#08141b!important;background-image:none!important;
  opacity:1!important;
}
#onlineOptionOverlay.hdThemeArea .onlineOptionPanel .onlineOptionHead{background:#08141b!important;}
#onlineOptionOverlay.hdThemeArea .onlineOptionPanel .economyWallet{background:#0b2029!important;}
#onlineOptionOverlay.hdThemeArea .onlineOptionPanel .economyWalletGrid>div{background:#0b222c!important;}