/* [freeroam] Minimap, Stadtkarte, Namensschilder (freeroam.js) */
@font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:900;src:url('/retro/BarlowCondensed-900i-latin.woff2') format('woff2');font-display:swap}
.fr-root{position:fixed;inset:0;pointer-events:none;z-index:40;display:none}
.fr-root.on{display:block}
.fr-mini{position:fixed;width:200px;height:200px;filter:drop-shadow(0 0 6px rgba(0,0,0,.7))}
.fr-tags{position:fixed;inset:0;overflow:hidden}
.fr-tag{position:absolute;left:0;top:0;white-space:nowrap;font:italic 900 20px 'Barlow Condensed',sans-serif;letter-spacing:.02em;
  color:#e8f6ff;text-shadow:0 0 3px #000,0 2px 2px #000,0 0 8px rgba(0,30,60,.9);transform-origin:50% 100%;will-change:transform}
.fr-tag-clan{color:#9fd8ff}
.fr-banner{position:fixed;left:50%;top:22%;transform:translateX(-50%) skewX(-8deg);padding:.35em 1.2em;opacity:0;transition:opacity .25s;
  font:italic 900 34px 'Barlow Condensed',sans-serif;color:#fff;background:linear-gradient(90deg,rgba(0,40,80,0),rgba(0,60,110,.85) 20%,rgba(0,60,110,.85) 80%,rgba(0,40,80,0));
  text-shadow:0 0 6px #000;letter-spacing:.04em;text-transform:uppercase}
.fr-banner.on{opacity:1}
.fr-map{position:fixed;inset:4vh 4vw;z-index:60;display:flex;flex-direction:column;background:rgba(3,12,24,.94);
  border:2px solid rgba(120,200,235,.9);box-shadow:0 0 0 4px rgba(0,20,40,.9),0 0 40px rgba(0,0,0,.8);outline:none}
.fr-map[hidden]{display:none}
.fr-map-head{display:flex;justify-content:space-between;align-items:baseline;padding:.4em 1em;background:linear-gradient(90deg,rgba(40,110,160,.9),rgba(10,40,70,.6));
  font:italic 900 30px 'Barlow Condensed',sans-serif;color:#e8f6ff;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 2px 3px #000}
.fr-map-count{font-size:20px;color:#9fd8ff}
.fr-map-cv{flex:1;width:100%;min-height:0;cursor:grab;display:block}
.fr-map-foot{display:flex;justify-content:space-between;gap:1em;padding:.35em 1em;font:italic 700 15px 'Barlow Condensed',sans-serif;color:#9fd8ff;background:rgba(0,20,40,.8)}
.fr-own{display:flex;gap:.4em;align-items:center;cursor:pointer}
.fr-menu{position:absolute;min-width:180px;background:rgba(5,25,45,.97);border:1px solid #78c8eb;font:italic 900 18px 'Barlow Condensed',sans-serif}
.fr-menu[hidden]{display:none}
.fr-menu-head{padding:.3em .7em;color:#9fd8ff;border-bottom:1px solid rgba(120,200,235,.4)}
.fr-menu button{display:block;width:100%;text-align:left;padding:.3em .7em;background:none;border:0;color:#e8f6ff;font:inherit;cursor:pointer;text-transform:uppercase}
.fr-menu button:hover,.fr-menu button:focus{background:rgba(120,200,235,.25)}