/* XO World — world map overlay, waypoint tag (map.js) */
#xoMap{position:absolute;inset:0;z-index:18;display:none;background:#14111d;color:#fff;font:700 13px Figtree,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none;transform-origin:50% 50%}
#xoMap.on{display:block}
#xoMap.closing{pointer-events:none}
/* backdrop behind the morphing map: blurs + dims the world while the map expands from the minimap (map.js morph()) */
#xoMapBd{position:absolute;inset:0;z-index:17;display:none;opacity:0;pointer-events:none;background:rgba(14,11,22,.38);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1)}
#xoMapBd.on{display:block;opacity:1}
/* the minimap is the map button: hover lift + pink glow + hint (the old book icon is gone; #wMapBtn stays as a hidden stub for game.js) */
#wMapBtn{display:none!important}
#wMap{cursor:pointer;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease;-webkit-tap-highlight-color:transparent}
#wMap:active{transform:scale(.97)}
.xm-minihint{position:absolute;left:50%;top:146px;transform:translate(-50%,4px);z-index:2;display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;background:rgba(24,21,34,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,135,166,.6);color:#fff;font:800 11px Figtree,sans-serif;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s}
.xm-minihint i{font-style:normal;color:#ff87a6;font-size:12px}
@media (hover:hover) and (pointer:fine){
  #wMap:hover{transform:scale(1.045);box-shadow:0 0 0 3px rgba(255,135,166,.65),0 0 26px 6px rgba(255,135,166,.42),0 14px 32px -10px rgba(0,0,0,.5)}
  #wMap:hover ~ .xm-minihint{opacity:1;transform:translate(-50%,0)}
}
@media (max-width:760px){.xm-minihint{display:none}}
body.xm-open #wMapWrap{visibility:hidden}
#xoMap .xm-cv{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none}
#xoMap .xm-cv:active{cursor:grabbing}
#xoMap .xm-vig{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 95% at 50% 50%,transparent 62%,rgba(10,8,18,.55))}
#xoMap button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
.xm-glass,#xoMap .xm-top>div,#xoMap .xm-legend,#xoMap .xm-card,#xoMap .xm-hint,#xoMap .xm-coord{background:rgba(24,21,34,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 34px -14px rgba(0,0,0,.7)}
#xoMap .xm-top{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:10px;align-items:stretch;pointer-events:none}
#xoMap .xm-top>div{pointer-events:auto;border-radius:16px;display:flex;align-items:center}
#xoMap .xm-title{padding:8px 16px;gap:10px}
#xoMap .xm-title b{font:900 17px Rubik,sans-serif;letter-spacing:.12em;color:#ff87a6}
#xoMap .xm-title span{font:800 12px Figtree;opacity:.65;letter-spacing:.06em;text-transform:uppercase}
#xoMap .xm-stats{padding:8px 14px;gap:14px;font:700 12px Figtree;color:rgba(255,255,255,.75)}
#xoMap .xm-stats b{color:#fff;font:900 13px Rubik,sans-serif}
#xoMap .xm-tools{margin-left:auto;padding:5px;gap:4px}
#xoMap .xm-tools button{height:34px;min-width:34px;padding:0 11px;border-radius:11px;background:rgba(255,255,255,.07);font:900 16px Rubik,sans-serif;transition:background .15s}
#xoMap .xm-tools button[data-a=clear]{font:800 12px Figtree}
#xoMap .xm-tools button:hover{background:rgba(255,135,166,.28)}
#xoMap .xm-tools .xm-x{background:#ff87a6;color:#1f1d2b}
#xoMap .xm-tools .xm-x:hover{background:#ffa3bb}
#xoMap .xm-legend{position:absolute;left:14px;bottom:14px;width:228px;border-radius:16px;padding:10px 10px 8px;transition:transform .2s}
#xoMap .xm-lh{display:flex;justify-content:space-between;align-items:center;font:900 12px Rubik,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.8;padding:0 4px 6px}
#xoMap .xm-lh button{font-size:13px;opacity:.8;transition:transform .2s}
#xoMap .xm-legend.min .xm-lrows{display:none}
#xoMap .xm-legend.min .xm-lh{padding-bottom:0}
#xoMap .xm-legend.min .xm-lh button{transform:rotate(180deg)}
#xoMap .xm-lr{display:flex;align-items:center;gap:9px;width:100%;padding:4px 6px;border-radius:9px;text-align:left;font:700 12.5px Figtree}
#xoMap button.xm-lr:hover{background:rgba(255,255,255,.07)}
#xoMap .xm-lr img{width:20px;height:20px}
#xoMap .xm-lr span{flex:1}
#xoMap .xm-lr em{font:900 11px Rubik,sans-serif;font-style:normal;opacity:.6}
#xoMap .xm-lr.off{opacity:.35}
#xoMap .xm-lr.off span{text-decoration:line-through}
#xoMap .xm-sw{width:20px;height:20px;border-radius:50%;flex:none;display:block}
#xoMap .xm-sw.pin{background:#ff87a6;border-radius:50% 50% 50% 0;transform:rotate(-45deg) scale(.8);border:2px solid #1f1d2b}
#xoMap .xm-sw.trail{height:5px;border-radius:3px;background:#ecd29c;box-shadow:0 0 0 1px rgba(70,48,24,.6)}
#xoMap .xm-sw.sea{height:0;border-radius:0;border-top:3px dashed #e6f8ff}
#xoMap .xm-sw.fog{border-radius:6px;background:rgba(16,13,26,.9);border:1px dashed rgba(255,255,255,.35)}
#xoMap .xm-card{position:absolute;right:14px;top:74px;width:310px;max-width:calc(100vw - 28px);border-radius:18px;padding:14px 14px 12px;display:none;animation:xmCard .22s ease-out}
#xoMap .xm-card.on{display:block}
@keyframes xmCard{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
#xoMap .xm-cx{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.08)!important;font-size:13px!important}
#xoMap .xm-ch{display:flex;gap:11px;align-items:center;padding-right:28px}
#xoMap .xm-ch img{width:40px;height:40px;flex:none}
#xoMap .xm-ch span{display:block;font:800 10.5px Figtree;letter-spacing:.12em;text-transform:uppercase;color:#ff87a6}
#xoMap .xm-ch b{display:block;font:900 19px Rubik,sans-serif;line-height:1.15}
#xoMap .xm-cpin{width:36px;height:36px;flex:none;display:grid;place-items:center;background:#ff87a6;color:#1f1d2b;border:2px solid #1f1d2b;border-radius:50% 50% 50% 0;transform:rotate(-45deg);font:900 14px Rubik;font-style:normal}
#xoMap .xm-card p{margin:10px 0 0;font:600 13.5px/1.42 Figtree;color:rgba(255,255,255,.86)}
#xoMap .xm-card p.xm-q{color:#ffcf7a;font-weight:800}
#xoMap .xm-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
#xoMap .xm-chips span{background:rgba(255,255,255,.08);border-radius:99px;padding:3px 10px;font:800 11.5px Figtree}
#xoMap .xm-dist{margin-top:10px;font:700 12.5px Figtree;color:rgba(255,255,255,.7)}
#xoMap .xm-dist b{color:#fff;font:900 15px Rubik,sans-serif}
#xoMap .xm-cb{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}
#xoMap .xm-cb button,#xoMap .xm-lnk{height:34px;padding:0 13px;border-radius:11px;background:rgba(255,255,255,.1);font:800 12.5px Figtree;display:inline-flex;align-items:center;color:#fff;text-decoration:none}
#xoMap .xm-cb .pk{background:#ff87a6;color:#1f1d2b}
#xoMap .xm-cb button:hover,#xoMap .xm-lnk:hover{filter:brightness(1.15)}
#xoMap .xm-lnk{background:#6fb7ff;color:#10233a}
#xoMap .xm-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);border-radius:99px;padding:8px 16px;font:600 12px Figtree;color:rgba(255,255,255,.7);white-space:nowrap;pointer-events:none}
#xoMap .xm-hint b{color:#fff;font-weight:800}
#xoMap .xm-coord{position:absolute;right:14px;bottom:62px;border-radius:10px;padding:5px 10px;font:700 11px Figtree;color:rgba(255,255,255,.7);pointer-events:none}
#xoMap .xm-coord:empty{display:none}
@media (max-width:900px){#xoMap .xm-top>.xm-stats{display:none}#xoMap .xm-hint{display:none}}
@media (max-width:620px){#xoMap .xm-title span{display:none}#xoMap .xm-title{padding:8px 12px}#xoMap .xm-title b{font-size:14px;white-space:nowrap}#xoMap .xm-tools button{min-width:32px;padding:0 8px}#xoMap .xm-coord{display:none}#xoMap .xm-tools button[data-a=clear]{font-size:0;min-width:34px}#xoMap .xm-tools button[data-a=clear]::after{content:"⌫";font-size:15px}#xoMap .xm-card{top:auto;bottom:14px;right:14px;left:14px;width:auto}#xoMap .xm-legend{width:170px}}
/* floating waypoint distance tag in the 3D view */
#xoWpTag{position:absolute;left:0;top:0;z-index:6;pointer-events:none;display:none;background:rgba(24,21,34,.85);border:1.5px solid #ff87a6;color:#fff;font:900 12px Rubik,sans-serif;padding:4px 10px 4px 8px;border-radius:99px;white-space:nowrap;align-items:center;gap:6px;box-shadow:0 6px 16px -6px rgba(0,0,0,.6)}
#xoWpTag.on{display:inline-flex}
#xoWpTag i{width:10px;height:10px;background:#ff87a6;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:inline-block}
#xoWpTag.edge{background:#ff87a6;color:#1f1d2b;border-color:#1f1d2b}
#xoWpTag.edge i{background:#1f1d2b}
#worldScr.cine #xoWpTag{display:none}
body.xm-open #xoTrade{display:none}