/* Unfold the same field atlas on desktop, Steam Deck and phones. The
   narrow paper edge is decoration; gestures always reach the map canvas. */
#mapDialog.world-map{position:fixed;top:0;left:0;right:0;bottom:auto;width:100vw;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:11px;box-sizing:border-box;overflow:hidden;border:0;border-radius:0;background:radial-gradient(ellipse at 0 50%,#9b7d4d38,transparent 65%),radial-gradient(ellipse at 100% 0,#9b7d4d3b,transparent 60%),repeating-linear-gradient(87deg,#a28d6311 0 1px,transparent 1px 4px),#ded1ad;color:#2d4239;box-shadow:inset 0 0 8px #795e484d}
#mapDialog.world-map[open]{display:block}
#mapDialog.world-map:before{content:'';position:absolute;inset:3px;z-index:3;pointer-events:none;border:1px solid #97794b63;box-shadow:inset 0 0 4px #faf0d575}
#mapDialog.world-map [hidden]{display:none!important}
#mapDialog.world-map .world-map-header{position:absolute;inset:0;z-index:4;height:auto;min-height:0;max-height:none;margin:0;padding:0;border:0;background:none;pointer-events:none}
#mapDialog.world-map :is(.map-heading,.world-map-toolbar,.world-map-sidebar,.world-map-footer,.map-close-word){display:none}
#mapDialog.world-map .map-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #806d4599;border-radius:3px;background:#eee3c9eb;box-shadow:0 2px 7px #503e342b;color:#3e4d3d;font:28px/1 Arial,sans-serif;touch-action:manipulation;pointer-events:auto;cursor:pointer}
#mapDialog.world-map .map-close-icon{line-height:1}
#mapDialog.world-map .world-map-layout{position:absolute;inset:11px;display:block;min-height:0;overflow:hidden;border:1px solid #806d4563;box-shadow:0 1px 3px #795e4859}
#mapDialog.world-map .world-map-stage{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:#dbddc5}
#mapDialog.world-map .world-map-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 32.5%,#68553516 33.15%,#f9f1d732 33.45%,transparent 34.1%,transparent 65.8%,#68553516 66.5%,#f9f1d732 66.8%,transparent 67.5%),linear-gradient(0deg,transparent 49.2%,#68553518 49.85%,#f9f1d739 50.2%,transparent 50.9%);box-shadow:inset 0 0 20px #7461451f}
#mapDialog.world-map #mapCanvas{display:block;width:100%;height:100%;min-height:0;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
#mapDialog.world-map #mapCanvas.dragging{cursor:grabbing}
#mapDialog.world-map [data-controller-focus=true],#mapDialog.world-map :is(button,input):focus-visible{outline:3px solid #557a38;outline-offset:3px;box-shadow:0 0 0 6px #647d3520}

/* Globe planning is an explicit companion to the detailed field map. */
#mapDialog.world-map .map-globe{position:absolute;top:max(16px,env(safe-area-inset-top));right:calc(max(16px,env(safe-area-inset-right)) + 52px);width:88px;height:44px;min-height:44px;margin:0;padding:0 10px;border:1px solid #806d4599;border-radius:3px;background:#eee3c9eb;box-shadow:0 2px 7px #503e342b;color:#3e4d3d;font:11px/1 Arial,sans-serif;font-weight:700;letter-spacing:.08em;touch-action:manipulation;pointer-events:auto;cursor:pointer}
