.echo-display{position:relative;display:inline-flex;align-items:center;gap:6px;cursor:help}
.echo-display:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.echo-tooltip,.map-reward-tooltip{
 position:absolute;z-index:5;box-sizing:border-box;width:max-content;max-width:calc(100vw - 36px);
 padding:16px;background:#10202a;border:1px solid #b5a586;color:#efdfbf;
 box-shadow:0 12px 30px #0008;font:12px/1.8 system-ui,"Microsoft JhengHei",sans-serif;
 text-align:left;white-space:normal;pointer-events:none
}
.echo-display .echo-tooltip{visibility:hidden}
.map-reward-tooltip{position:fixed;z-index:6}
.echo-display .echo-tooltip>span,.echo-display .echo-tooltip>strong{display:block}
.echo-display:is(:hover,:focus) .echo-tooltip{visibility:visible}
#map-echo-display{min-width:50px}
#map-echo-display .echo-tooltip{top:calc(100% + 12px);left:0}
#shop-echo-display{display:none}
body.immersive-game #expedition-dialog[data-mode=shop] #shop-echo-display{
 display:inline-flex;order:4;flex:none;color:#183849;font:700 18px/1.2 "PMingLiU",serif
}
.shop-echo-icon{display:block;width:24px;height:24px;flex:none}
.shop-echo-icon svg{display:block;width:100%;height:100%;fill:currentColor}
.shop-echo-icon .echo-ring{fill:none;stroke:currentColor;stroke-width:2}
#shop-echo-display .echo-tooltip{bottom:calc(100% + 10px);left:0}
@media(max-width:650px){
 #map-echo-display{min-width:42px;gap:4px}
 body.immersive-game #expedition-dialog[data-mode=shop] #shop-echo-display{font-size:16px}
}