.world[data-view=prep] .pasture-title{
  z-index:12;
  pointer-events:none;
  overflow:visible;
}
.world[data-view=prep] .zone-help{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:4px 13px 5px;
  border:2px solid #d8ba78;
  border-radius:9px 18px 18px 9px;
  background:linear-gradient(#31494ee8,#182d34f2),url('assets/material-academy-v1-opt1.webp') center/240px;
  color:#fff4d8;
  box-shadow:inset 0 1px #fff2bb55,0 3px 0 #705936,0 5px 10px #1c302844;
  font-size:18px;
  line-height:24px;
  font-weight:900;
  text-shadow:0 2px #142b34;
  pointer-events:auto;
  isolation:isolate;
}
.world[data-view=prep] .zone-help span{
  display:grid;
  place-items:center;
  width:19px;
  height:19px;
  border:1px solid #f3da9c;
  border-radius:50%;
  background:#142a31b8;
  color:#ffeab2;
  font:900 13px/1 system-ui,sans-serif;
}
.world[data-view=prep] .zone-help:hover,
.world[data-view=prep] .zone-help:focus-visible{
  filter:brightness(1.1);
  transform:none;
}
.world[data-view=prep] .zone-help::after{
  content:attr(data-tip);
  position:absolute;
  left:0;
  top:calc(100% + 9px);
  z-index:30;
  width:max-content;
  max-width:min(340px,75vw);
  padding:10px 13px;
  border:2px solid #d8ba78;
  border-radius:12px;
  background:#172f37f5;
  color:#fff8df;
  box-shadow:0 7px 20px #15282077;
  font-size:13px;
  line-height:1.65;
  font-weight:700;
  white-space:pre-line;
  text-align:left;
  text-shadow:none;
  opacity:0;
  visibility:hidden;
  transform:translateY(-4px);
  transition:opacity .14s ease,transform .14s ease,visibility .14s;
  pointer-events:none;
}
.world[data-view=prep] .zone-help:hover::after,
.world[data-view=prep] .zone-help:focus-visible::after{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
@media(max-width:1000px){
  .world[data-view=prep] .zone-help{padding:2px 10px 3px;font-size:14px;line-height:20px;gap:5px}
  .world[data-view=prep] .zone-help span{width:16px;height:16px;font-size:11px}
}
@media(max-width:600px) and (orientation:portrait){
  .world[data-view=prep] .zone-help{padding:2px 8px;font-size:12px;line-height:17px;border-width:1.5px}
  .world[data-view=prep] .zone-help span{width:14px;height:14px;font-size:9px}
}
@media(orientation:landscape) and (max-height:540px){
  .world[data-view=prep] .zone-help{padding:0 8px;font-size:11px;line-height:16px;border-width:1px}
  .world[data-view=prep] .zone-help span{width:13px;height:13px;font-size:9px}
}
@media(pointer:coarse){
  .world[data-view=prep] .zone-help::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .world[data-view=prep] .zone-help::after{transition:none}
}