/* North-up world coordinates fill the viewport without rotated corner gaps. */
.game-map-view .map-zoom-surface .map-grid.north-up{left:0;top:0}
.map-grid.isometric.north-up .map-tile{width:72px;height:72px;clip-path:none}
.map-grid.isometric.north-up .map-tile::before,.map-grid.isometric.north-up .map-tile::after{clip-path:none;border-radius:3px}
.map-grid.isometric.north-up .map-castle{width:58px;height:58px;bottom:8px}
.map-grid.isometric .map-camp-marker{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:58px;height:58px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 3px #172611a8)}
.game-map-view .map-stage{background:#718b47 url('/assets/map-grass-natural.avif') repeat}
.game-page :is(.army-back,.empire-back){text-shadow:-1px -1px 0 #15202b,0 -1px 0 #15202b,1px -1px 0 #15202b,-1px 0 0 #15202b,1px 0 0 #15202b,-1px 1px 0 #15202b,0 1px 0 #15202b,1px 1px 0 #15202b,0 2px 5px #000}
.map-selection{text-align:center}
.map-bandit-details{display:grid;gap:5px;max-width:310px;margin:7px auto;text-align:center}
.map-bandit-details small{font-size:11px;line-height:1.45}
.map-bandit-marker{filter:drop-shadow(0 2px 3px #172611a8) saturate(1.15)}
.map-selection-actions{justify-content:center}
body.game-national-empire[data-game-nation="Greeks"]{--nation-line:url('/assets/greek-meander-clean.svg');--nation-edge:url('/assets/greek-meander-edge-clean.svg')}
body.game-national-empire[data-game-nation="Greeks"] :is(.empire-hub .empire-choice,.talents-panel .talents-intro){background-image:linear-gradient(125deg,#fafaf3,#eeefe8);background-size:cover}
body.game-national-empire[data-game-nation="Greeks"] .empire-hub .empire-choice::before{inset:auto 12px 7px;height:18px;background-image:var(--nation-line);background-size:34px 20px;background-position:center;background-repeat:repeat-x;opacity:.7}
body.game-national-empire[data-game-nation="Greeks"] .empire-choice::after{display:none}
body.game-national-empire[data-game-nation="Greeks"] .talents-intro::after{height:20px;background-image:var(--nation-line);background-size:34px 20px;background-position:center;background-repeat:repeat-x;opacity:.7}
body.game-national-empire[data-game-nation="Greeks"] :is(.empire-hub,.talents-panel,.guild-panel,.leaderboard-panel,.army-panel,.campaigns-panel)::before,body.game-national-empire[data-game-nation="Greeks"] :is(.empire-hub,.talents-panel,.guild-panel,.leaderboard-panel,.army-panel,.campaigns-panel)::after{width:20px;background-size:20px 34px;opacity:.6}
/* Navigation cells remain interactive, but are not part of the landscape art. */
.map-grid.isometric.north-up .map-tile:not(.hidden)::before{background:transparent;box-shadow:none}
.map-grid.isometric.north-up .map-tile:not(.hidden):hover::after,.map-grid.isometric.north-up .map-tile.selected::after{background:radial-gradient(ellipse,#f7db9459,transparent 68%);box-shadow:none}
/* The panel background is 50% transparent; labels and ornaments stay opaque. */
body.game-page{--map-axis-paper:rgba(20,34,25,.5);--map-axis-ink:#fff0cf;--map-axis-border:#bc974f;--map-axis-art:url('/assets/bulgarian-embroidery-line.svg')}
body.game-page[data-game-nation="Romans"]{--map-axis-paper:rgba(91,22,34,.5);--map-axis-border:#d1ae60;--map-axis-art:url('/assets/roman-laurel-line.svg')}
body.game-page[data-game-nation="Russians"]{--map-axis-paper:rgba(25,20,14,.5);--map-axis-border:#edbe39;--map-axis-art:url('/assets/russian-floral-line.svg')}
body.game-page[data-game-nation="Turks"]{--map-axis-paper:rgba(13,48,73,.5);--map-axis-border:#56bdd1;--map-axis-art:url('/assets/turkish-tulip-line.svg')}
body.game-page[data-game-nation="Persians"]{--map-axis-paper:rgba(7,36,83,.5);--map-axis-border:#d6b54d;--map-axis-art:url('/assets/persian-arabesque-line.svg')}
body.game-page[data-game-nation="Greeks"]{--map-axis-paper:rgba(245,246,239,.5);--map-axis-ink:#073a68;--map-axis-border:#1763a4;--map-axis-art:url('/assets/greek-meander-clean.svg')}
body.game-map-view .map-axis-ruler{opacity:1;border:1px solid var(--map-axis-border);border-radius:6px;background:var(--map-axis-paper);color:var(--map-axis-ink);box-shadow:0 3px 12px #0003;backdrop-filter:none;font-size:12px;text-shadow:0 1px 3px #0008}
body.game-map-view .map-axis-ruler :is(b,strong){color:var(--map-axis-ink);font-size:14px}
body.game-map-view .map-axis-x{height:40px;padding:0 15px 8px;width:min(420px,44vw);bottom:17px}
body.game-map-view .map-axis-y{width:46px;height:min(400px,48vh);padding:12px 13px 12px 6px;left:10px}
body.game-map-view .map-axis-ruler::after{content:'';position:absolute;pointer-events:none;background:var(--map-axis-art) center/65px 13px repeat-x;opacity:.8}
body.game-map-view .map-axis-x::after{inset:auto 5px 0;height:11px}
body.game-map-view .map-axis-y::after{right:0;top:7px;bottom:7px;width:10px;background-size:55px 10px;background-repeat:repeat-y}
body.game-map-view[data-game-nation="Greeks"] .map-axis-ruler{text-shadow:0 1px 2px #fffb}
@media(max-width:600px){body.game-map-view .map-axis-x{width:55vw;height:37px}body.game-map-view .map-axis-y{width:39px;height:40vh}}
body.game-page{--map-axis-edge:url('/assets/bulgarian-embroidery-edge.svg')}
body.game-national-empire{--map-axis-edge:var(--nation-edge)}
body.game-roman-empire{--map-axis-edge:url('/assets/roman-laurel-edge.svg')}
body.game-map-view .map-axis-y::after{background-image:var(--map-axis-edge);background-size:10px 31px;background-position:center top}
/* Coordinate search shares the current nation's translucent map ornaments. */
.map-selection .map-selection-capital{display:flex;align-items:center;justify-content:center;gap:5px;margin:5px 0;color:inherit;font-size:12px;font-weight:700}
.map-selection-capital img{display:block;width:20px;height:17px}
body.game-map-view .map-search{position:fixed;z-index:60;left:16px;bottom:17px;width:240px;display:grid;grid-template-columns:1fr 1fr 50px;gap:7px;align-items:end;margin:0;padding:10px 12px 20px;border:1px solid var(--map-axis-border);border-radius:6px;background:var(--map-axis-paper);color:var(--map-axis-ink);box-shadow:0 3px 12px #0003}
body.game-map-view .map-search::after{content:'';position:absolute;inset:auto 7px 2px;height:12px;pointer-events:none;background:var(--map-axis-art) center/65px 13px repeat-x;opacity:.8}
body.game-map-view .map-search label{display:block;margin:0;color:inherit;font-size:12px;font-weight:700;letter-spacing:.05em}
body.game-map-view .map-search input{display:block;width:100%;min-width:0;height:32px;margin:3px 0 0;padding:4px 6px;border:1px solid var(--map-axis-border);border-radius:3px;background:#102218d9;color:#fff0cf;font-size:14px;letter-spacing:normal}
body.game-map-view .map-search button{height:32px;min-width:0;margin:0;padding:4px 8px;border:1px solid var(--map-axis-border);border-radius:3px;background:#102218d9;color:#fff0cf;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:none}
body.game-map-view .map-search .map-search-capital{grid-column:1/-1;height:28px}
body.game-map-view .map-search :is(input,button):focus-visible{outline:2px solid var(--map-axis-ink);outline-offset:2px}
body.game-map-view .map-search button:hover{filter:brightness(1.25)}
body.game-map-view .map-search button:disabled{opacity:.5;cursor:wait}
body.game-map-view[data-game-nation="Greeks"] .map-search :is(input,button){background:#f5f6efd9;color:var(--map-axis-ink)}
@media(max-width:900px){body.game-map-view .map-axis-x{bottom:139px}body.game-map-view .map-selection{bottom:190px}}
@media(max-width:600px){body.game-map-view .map-search{left:10px;bottom:12px;width:220px}body.game-map-view .map-axis-x{bottom:133px}body.game-map-view .map-axis-y{max-height:calc(100vh - 350px)}}