/* World is a viewport-sized game screen on desktop, not a scrolling page. */
@media screen and (min-width:901px) and (min-height:600px){
 body[data-screen="world"] #screen{
  height:calc(100dvh - var(--hud-height));min-height:0;
  display:flex;flex-direction:column;padding-top:20px;padding-bottom:20px;
 }
 body[data-screen="world"] .screen-heading{flex:0 0 auto;margin-bottom:18px}
 body[data-screen="world"] .screen-heading h1{font-size:clamp(28px,2.5vw,40px);margin-bottom:5px}
 body[data-screen="world"] .screen-heading .eyebrow{margin-bottom:6px}
 body[data-screen="world"] .world-layout{flex:1;min-height:0;align-items:stretch}
 body[data-screen="world"] .world-board{display:flex;flex-direction:column;min-height:0}
 body[data-screen="world"] .map-canvas{flex:1;min-height:0;aspect-ratio:auto;height:auto}
 body[data-screen="world"] .map-legend{flex:0 0 auto}
 body[data-screen="world"] .world-sidebar{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:12px}
 body[data-screen="world"] .current-quest{min-height:0;padding:16px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}
 body[data-screen="world"] .current-quest>.eyebrow{margin:0 0 8px}
 body[data-screen="world"] .quest-emblem{width:56px;height:56px;font-size:30px;margin:8px auto 12px;flex-shrink:0}
 body[data-screen="world"] .current-quest h2{font-size:28px;margin:8px 0 10px}
 body[data-screen="world"] .current-quest>p:not(.eyebrow){margin-bottom:8px}
 body[data-screen="world"] .mini-progress{margin-top:10px;width:100%}
 body[data-screen="world"] .bar{margin:7px 0 14px;width:100%;flex-shrink:0}
 body[data-screen="world"] .current-quest .gold-button{min-height:40px;flex-shrink:0}
 body[data-screen="world"] .guide-card{padding:10px 12px}
 body[data-screen="world"] .world-footnote{font-size:8px;line-height:1.6}
 body[data-screen="world"] .mobile-regions{display:none}
}
@media screen and (min-width:901px) and (min-height:600px) and (max-height:760px){
 body[data-screen="world"] #screen{padding-top:14px;padding-bottom:14px}
 body[data-screen="world"] .screen-heading{margin-bottom:12px}
 body[data-screen="world"] .screen-heading h1{font-size:29px}
 body[data-screen="world"] .screen-heading p:not(.eyebrow){font-size:11px}
 body[data-screen="world"] .world-sidebar{gap:8px}
 body[data-screen="world"] .current-quest{padding:12px 16px}
 body[data-screen="world"] .current-quest h2{font-size:25px;margin:5px 0 7px}
 body[data-screen="world"] .quest-emblem{width:40px;height:40px;font-size:23px;margin:3px auto 6px}
 body[data-screen="world"] .current-quest>p:not(.eyebrow){font-size:9px;line-height:1.7;margin-bottom:4px}
 body[data-screen="world"] .current-quest>.eyebrow{font-size:7px;margin-bottom:5px}
 body[data-screen="world"] .mini-progress{margin-top:6px}
 body[data-screen="world"] .bar{margin-bottom:10px}
 body[data-screen="world"] .guide-card p{font-size:8px;line-height:1.7}
 body[data-screen="world"] .guide-card{padding:8px 10px}
 body[data-screen="world"] .region-label{padding:6px 10px}
 body[data-screen="world"] .region-label strong{font-size:15px}
 body[data-screen="world"] .map-caption{bottom:10px}
}