/* UY meteor regional pages: shared sky-service tabs v1.0.0
 * Visual language is intentionally aligned with hoshizora-live's four-tab navigation,
 * but this file is standalone so regional static HTML does not depend on plugin CSS. */
.hzl-nav,.hzl-nav *{box-sizing:border-box}
.hzl-nav{
  --hzl-cyan:#59e6ff;
  --hzl-gold:#ffd37a;
  --hzl-nav-bg:#070c1a;
  --hzl-font:"Hiragino Sans","Yu Gothic UI","Yu Gothic",Meiryo,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  position:relative;
  margin:0 -20px;
  padding:0 20px;
  background:var(--hzl-nav-bg);
  border-bottom:1px solid rgba(151,190,255,.30);
  font-family:var(--hzl-font);
}
.hzl-nav-in{
  display:flex;
  gap:0;
  justify-content:flex-start!important;
  align-items:stretch;
  width:100%;
  margin:0 auto;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
}
.hzl-nav-in::-webkit-scrollbar{display:none}
.hzl-tab{
  display:inline-flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
  padding:9px 13px;
  white-space:nowrap;
  font-size:13px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.01em;
  color:rgba(231,240,255,.74);
  text-decoration:none;
  background:none;
  border:0;
  border-bottom:3px solid transparent;
  border-radius:8px 8px 0 0;
  box-shadow:none;
  transition:color .2s ease,background .2s ease,border-color .2s ease;
}
.hzl-tab + .hzl-tab{box-shadow:inset 1px 0 0 rgba(151,190,255,.16)}
.hzl-tab:hover,.hzl-tab:focus{color:#fff;text-decoration:none;background:rgba(89,230,255,.07)}
.hzl-tab:focus-visible{outline:2px solid var(--hzl-cyan);outline-offset:-2px}
.hzl-tab-on,.hzl-tab-on:hover,.hzl-tab-on:focus{
  color:#fff;
  font-weight:900;
  background:linear-gradient(180deg,rgba(89,230,255,.20),rgba(89,230,255,.04));
  border-bottom-color:var(--hzl-cyan);
  text-shadow:0 0 18px rgba(89,230,255,.28);
}
.hzl-nav-n{
  color:var(--hzl-gold);
  font-size:11.5px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  letter-spacing:0;
}
@media(max-width:780px){
  .hzl-nav-in{padding-right:6px}
  .hzl-tab{padding:6px 9px;font-size:12px;line-height:1.3;border-radius:6px 6px 0 0}
  .hzl-nav-n{font-size:10.5px;margin-left:3px}
}
@media(max-width:640px){
  .hzl-nav{margin:0 -14px;padding:0 14px}
}
@media(max-width:360px){.hzl-tab{padding:6px 7px;font-size:11.5px}}
@media(prefers-reduced-motion:reduce){.hzl-tab{transition:none}}