/* NALAROO Navigation HUD v2.0 | Soft Kawaii Hand-Drawn 2D Storybook
   Visual-only overrides scoped to the authenticated Home.
   Preserve button actions, world map, Family badge and existing Coins/XP logic. */
body.living-world-view .world-nav{
  box-sizing:border-box;
  width:min(760px,calc(100% - 36px));
  height:78px;
  padding:5px;
  gap:3px;
  bottom:max(11px,env(safe-area-inset-bottom));
  border:2px solid #f8e8c5;
  border-radius:26px 28px 24px 27px;
  background:linear-gradient(180deg,rgba(37,65,86,.97),rgba(25,49,72,.98));
  box-shadow:0 4px 0 #a4774b,0 7px 17px #1a32474c,inset 0 0 0 1px #b38f65;
}
body.living-world-view .world-nav-button{
  box-sizing:border-box;
  min-width:0;
  min-height:44px;
  padding:4px 6px 3px;
  border:1px solid transparent;
  border-radius:21px 23px 19px 22px;
  background:transparent;
  color:#fff7ec;
  font:800 16px/1.13 Nunito,system-ui,sans-serif;
  gap:1px;
  text-align:center;
  text-shadow:0 1px 1px #0c243544;
  transition:background-color 180ms ease,transform 180ms ease,box-shadow 180ms ease;
  -webkit-tap-highlight-color:transparent;
}
body.living-world-view .world-nav-button .world-ui-icon{
  display:block;
  width:38px;
  height:38px;
  max-width:100%;
  flex:none;
  filter:drop-shadow(0 2px 1px #102b3b40);
}
body.living-world-view .world-nav-button>span:last-child{white-space:nowrap}
body.living-world-view .world-nav-button[aria-current="page"]{
  background:linear-gradient(180deg,#c5f1f6 0%,#a6e4f0 100%);
  border-color:#fcf5e4;
  color:#1c445b;
  text-shadow:none;
  box-shadow:inset 0 1px 0 #ffffffc9,0 1px 4px #142b4238;
}
@media(hover:hover) and (pointer:fine){
  body.living-world-view .world-nav-button:hover:not([aria-current="page"]){
    background:#4b749081;
    transform:translateY(-2px);
  }
  body.living-world-view .world-nav-button[aria-current="page"]:hover{
    background:linear-gradient(180deg,#d6f9fb,#b1eaf2);
    transform:translateY(-1px);
  }
}
body.living-world-view .world-nav-button:active{
  transform:translateY(1px);
  background:#365874;
}
body.living-world-view .world-nav-button[aria-current="page"]:active{background:#9cdaea}
@media(min-width:701px) and (min-height:621px){
  body.living-world-view .world-tip{bottom:99px}
}
body.living-world-view .world-nav-button:focus-visible{
  outline:3px solid #ffe7a7;
  outline-offset:1px;
  box-shadow:0 0 0 4px #13354c;
}
@media(max-width:700px){
  body.living-world-view .world-nav{
    left:50%;
    width:calc(100% - 18px - env(safe-area-inset-left) - env(safe-area-inset-right));
    height:66px;
    gap:1px;
    padding:4px;
    border-radius:21px 22px 20px 21px;
    bottom:max(10px,env(safe-area-inset-bottom));
  }
  body.living-world-view .world-nav-button{
    padding:2px 2px 3px;
    border-radius:16px 17px 15px 16px;
    font-size:12.5px;
    gap:0;
  }
  body.living-world-view .world-nav-button .world-ui-icon{width:31px;height:31px}
}
@media(orientation:landscape) and (max-height:620px){
  body.living-world-view .world-nav{
    width:min(510px,calc(100% - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)));
    height:54px;
    padding:3px;
    gap:2px;
    bottom:max(5px,env(safe-area-inset-bottom));
    border-radius:16px;
  }
  body.living-world-view .world-nav-button{font-size:11px;min-height:44px;padding:1px;border-radius:12px;gap:0}
  body.living-world-view .world-nav-button .world-ui-icon{width:24px;height:24px}
}
@media(max-width:360px){
  body.living-world-view .world-nav-button{font-size:12px}
  body.living-world-view .world-nav-button .world-ui-icon{width:29px;height:29px}
}
@media(prefers-reduced-motion:reduce){
  body.living-world-view .world-nav-button{transition:none}
  body.living-world-view .world-nav-button:hover,
  body.living-world-view .world-nav-button:active{transform:none}
}