/* РАЙОНЪТ v0.2 — детайлна карта и обновен интерфейс */
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.nav-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 20px}
.map{background-image:linear-gradient(180deg,#07101816,#05080942),url('/assets/severen-blok-pixel-v3.png');background-size:cover;background-position:center center;image-rendering:auto}
.skyline,.road{display:none}
.map:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,#080b0d55,transparent 15%,transparent 85%,#080b0d44),linear-gradient(0deg,#080b0d99,transparent 22%)}
.location{width:auto;min-width:132px;min-height:48px;height:auto;padding:8px 10px 8px 43px;background:#0d1113d9;border:1px solid #89918d77;border-radius:4px;box-shadow:0 7px 18px #000b;backdrop-filter:blur(6px);transform:translate(-50%,-50%)}
.location:hover,.location.selected{transform:translate(-50%,calc(-50% - 5px));background:#151a1ce8}
.location span{left:7px;right:auto;top:50%;transform:translateY(-50%);width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--acid);color:#10140e;font-size:13px;box-shadow:0 0 0 4px #d1e64b20}
.location b,.location small{max-width:120px;margin:0}.location b{font-size:9px}.location small{margin-top:3px}
.block{left:12%;top:25%}.cafe{left:40%;top:23%}.garage{left:61%;right:auto;top:23%}.pawn{left:12%;top:76%}.shop{left:31%;right:auto;top:56%}.club{left:82%;bottom:auto;top:51%}.factory{left:89%;right:auto;bottom:auto;top:18%}.police{left:55%;bottom:auto;top:78%}.clinic{left:87%;right:auto;top:76%}
.fog{opacity:.38}
.scene{background-image:linear-gradient(130deg,#0c111177,#15202222),url('/assets/severen-blok-pixel-v3.png');background-size:850px auto;background-position:15% 25%;filter:saturate(.9);border-color:#49504e}
.scene:before{display:none}.scene[data-scene="cafe"]{background-position:40% 23%}.scene[data-scene="garage"]{background-position:61% 23%}.scene[data-scene="pawn"]{background-position:12% 76%}.scene[data-scene="shop"]{background-position:31% 56%}.scene[data-scene="club"]{background-position:82% 51%}.scene[data-scene="factory"]{background-position:89% 18%}.scene[data-scene="police"]{background-position:55% 78%}.scene[data-scene="clinic"]{background-position:87% 76%}
.scene span{background:#0c1010dd;border:2px solid var(--acid);width:52px;height:52px;display:grid;place-items:center;right:12px;bottom:12px;font-family:monospace;font-size:20px;color:var(--acid);box-shadow:4px 4px 0 #050606}
.location span{border-radius:0;font-family:ui-monospace,monospace;box-shadow:3px 3px 0 #050606,inset 0 0 0 2px #111;image-rendering:pixelated}.nav-button svg{shape-rendering:crispEdges}
.contact-card{display:flex;align-items:center;gap:10px;margin:-12px 0 20px;padding:9px;background:#1a1e1e;border:1px solid #2d3332}.contact-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#7b8580,#272b2a);display:grid;place-items:center;font-weight:900}.contact-card small,.contact-card b{display:block}.contact-card small{font-size:7px;letter-spacing:1.4px;color:#777}.contact-card b{font-size:10px;margin-top:2px}.contact-card i{margin-left:auto;color:var(--acid);font-size:7px;font-style:normal}
.action-button.free{border-left:3px solid var(--acid)}.action-button.free .cost{background:#d1e64b1c;padding:3px 5px}
@media(max-width:1050px){.nav-button span{display:none}.nav-button svg{display:block}}
@media(max-width:760px){.nav-button svg{width:22px;height:22px}.location{min-width:105px;padding-left:37px}.location span{display:grid;width:24px;height:24px}.map{background-position:center;min-height:610px}.block{left:15%}.cafe{left:41%}.garage{left:64%}.pawn{left:13%}.shop{left:31%}.club{left:81%}.factory{left:88%}.police{left:55%}.clinic{left:86%}}
