/* Basecamp is the sole Realm navigation hub. The art supplies the landmarks; these are compact entrance controls. */
#ninjaPanel #realmBasecampScreen.realm-basecamp-screen{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  overflow:hidden!important;
  padding:0!important;
  background:
    linear-gradient(180deg,rgba(12,24,18,.08),rgba(12,22,15,.16)),
    url("../art/basecamp-settlement.svg") center center/100% 100% no-repeat!important;
}
#ninjaPanel #realmBasecampScreen[hidden]{display:none!important}
#ninjaPanel #realmBasecampScreen::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%,rgba(14,24,13,.08))!important;
}
#ninjaPanel #realmBasecampScreen .realm-location-button{
  position:absolute!important;
  z-index:5!important;
  width:clamp(126px,10.4vw,170px)!important;
  min-width:0!important;
  min-height:54px!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:8px!important;
  align-items:center!important;
  padding:8px 9px!important;
  border:1px solid rgba(245,226,188,.34)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(48,31,21,.91),rgba(28,19,14,.87))!important;
  color:#fff1d2!important;
  box-shadow:0 10px 18px -10px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.09)!important;
  backdrop-filter:blur(2px)!important;
  transform:translate(-50%,-50%)!important;
  text-align:left!important;
  cursor:pointer!important;
}
#ninjaPanel #realmBasecampScreen .realm-location-button::before,
#ninjaPanel #realmBasecampScreen .realm-location-button::after{content:none!important;display:none!important}
#ninjaPanel #realmBasecampScreen .realm-location-button:hover,
#ninjaPanel #realmBasecampScreen .realm-location-button:focus-visible{
  transform:translate(-50%,-50%) translateY(-3px)!important;
  filter:brightness(1.12)!important;
  outline:3px solid rgba(255,224,157,.72)!important;
  outline-offset:2px!important;
}
#ninjaPanel #realmBasecampScreen .realm-location-button__icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:28px!important;
  height:28px!important;
  color:#f5d28f!important;
  align-self:center!important;
}
#ninjaPanel #realmBasecampScreen .realm-location-button__icon svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#ninjaPanel #realmBasecampScreen .realm-location-button__copy{
  grid-column:2!important;
  grid-row:1!important;
  display:block!important;
  color:#fff3d8!important;
  -webkit-text-fill-color:#fff3d8!important;
  font-size:clamp(12px,1vw,15px)!important;
  font-weight:900!important;
  line-height:1.08!important;
  text-shadow:0 2px 3px rgba(0,0,0,.7)!important;
}
#ninjaPanel #realmBasecampScreen .realm-location-button small{
  grid-column:2!important;
  grid-row:2!important;
  display:block!important;
  margin-top:3px!important;
  color:#dbc7a7!important;
  -webkit-text-fill-color:#dbc7a7!important;
  font-size:clamp(8px,.68vw,10px)!important;
  line-height:1.18!important;
}
#ninjaPanel #realmBasecampScreen [data-basecamp-landmark="ninja-training"]{left:15.6%!important;top:45.5%!important}
#ninjaPanel #realmBasecampScreen [data-basecamp-landmark="workshop"]{left:36.2%!important;top:43.2%!important}
#ninjaPanel #realmBasecampScreen [data-basecamp-landmark="cooking"]{left:50%!important;top:47.2%!important}
#ninjaPanel #realmBasecampScreen [data-basecamp-landmark="merchant"]{left:69.5%!important;top:46.5%!important}
#ninjaPanel #realmBasecampScreen [data-basecamp-landmark="exploration"]{left:91.4%!important;top:48.2%!important}
#ninjaPanel #realmBasecampScreen [data-basecamp-landmark="calorie-escape"]{left:7.4%!important;top:69.8%!important}
#ninjaPanel #realmBasecampScreen [data-basecamp-landmark="storage"]{left:22.2%!important;top:68.5%!important}
#ninjaPanel #realmBasecampScreen [data-basecamp-landmark="tactical-operations"]{left:63.6%!important;top:70.4%!important}
#ninjaPanel #realmBasecampScreen [data-basecamp-landmark="party-preparation"]{left:81.8%!important;top:70.8%!important}
#ninjaPanel #realmBasecampScreen [data-basecamp-landmark="campfire-rest"]{left:50%!important;top:84.3%!important}
@media (max-width:1100px){
  #ninjaPanel #realmBasecampScreen .realm-location-button{width:132px!important;min-height:46px!important;padding:6px 7px!important;grid-template-columns:25px minmax(0,1fr)!important}
  #ninjaPanel #realmBasecampScreen .realm-location-button__icon{width:24px!important;height:24px!important}
  #ninjaPanel #realmBasecampScreen .realm-location-button small{display:none!important}
  #ninjaPanel #realmBasecampScreen [data-basecamp-landmark="ninja-training"]{left:14%!important}
  #ninjaPanel #realmBasecampScreen [data-basecamp-landmark="exploration"]{left:90%!important}
}
@media (max-width:760px) and (orientation:landscape){
  #ninjaPanel #realmBasecampScreen .realm-location-button{width:116px!important;min-height:40px!important;padding:5px 6px!important;grid-template-columns:22px minmax(0,1fr)!important}
  #ninjaPanel #realmBasecampScreen .realm-location-button__icon{width:21px!important;height:21px!important}
  #ninjaPanel #realmBasecampScreen .realm-location-button__copy{font-size:10px!important}
}
@media (prefers-reduced-motion:reduce){#ninjaPanel #realmBasecampScreen .realm-location-button{transition:none!important}}

/* Functional Basecamp services. */
#ninjaPanel .basecamp-service{display:grid;gap:14px;color:#fff0cf}
#ninjaPanel .basecamp-service>header{display:grid;gap:4px;padding:14px;border:1px solid rgba(245,226,188,.24);border-radius:14px;background:rgba(23,14,10,.32)}
#ninjaPanel .basecamp-service>header span{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#e4bf7c}
#ninjaPanel .basecamp-service>header strong{font-size:22px}
#ninjaPanel .basecamp-service>header small{color:#dbc7a7;line-height:1.4}
#ninjaPanel .basecamp-service section{display:grid;gap:9px}
#ninjaPanel .basecamp-service h5{margin:0;color:#ffe5ad;font-size:15px}
#ninjaPanel .basecamp-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#ninjaPanel .basecamp-item-grid article{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px;border:1px solid rgba(245,226,188,.18);border-radius:11px;background:rgba(22,13,9,.3)}
#ninjaPanel .basecamp-item-grid p{margin:0;color:#cdb895}
#ninjaPanel .basecamp-trade-list{display:grid;gap:8px}
#ninjaPanel .basecamp-trade-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px;border:1px solid rgba(245,226,188,.18);border-radius:11px;background:rgba(22,13,9,.3)}
#ninjaPanel .basecamp-trade-list article>div{display:grid;gap:2px}
#ninjaPanel .basecamp-service button{min-height:36px;padding:7px 10px;border:1px solid rgba(245,226,188,.28);border-radius:9px;background:linear-gradient(180deg,#8d5b37,#4c2d1b);color:#fff0cf;font-weight:850;cursor:pointer}
#ninjaPanel .basecamp-service button:disabled{opacity:.4;cursor:not-allowed}
#ninjaPanel .basecamp-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#ninjaPanel .basecamp-roster button{display:grid;text-align:left;gap:3px}
#ninjaPanel .basecamp-roster button.is-selected{outline:2px solid #e4bf7c;background:linear-gradient(180deg,#a16c40,#5d3822)}
#ninjaPanel .basecamp-roster span{font-size:11px;color:#dbc7a7}
@media(max-width:760px){#ninjaPanel .basecamp-item-grid,#ninjaPanel .basecamp-roster{grid-template-columns:1fr}}