.hx{isolation:isolate;--hx-lime:#b8ff1f;min-width:0;height:620px;position:relative}.hx-ambient{pointer-events:none;background:radial-gradient(at 50% 55%,#91be1316,#0000 68%);position:absolute;inset:80px -20px 30px}@media (width<=600px){.hx-ambient{left:0;right:0}}.hx-floor{pointer-events:none;background:radial-gradient(#8daf1010,#0000 66%);position:absolute;inset:65% 0 0}.hx-tabs{z-index:5;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid;position:absolute;top:34px;left:5%;right:5%}.hx-tabs button{color:#e6eae2;cursor:pointer;background:linear-gradient(160deg,#192018,#0b100c);border:1px solid #374332;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;height:72px;transition:background .25s,border-color .25s,box-shadow .25s;display:flex}.hx-tabs b{font-size:13px;font-weight:650}.hx-tabs small{color:#a1aa9b;font-size:10px}.hx-tabs button:hover{border-color:#7c9d3e}.hx-tabs button:focus-visible{outline-offset:4px;outline:2px solid #fff}.hx-tabs button.is-active{color:#142000;background:#b8ff1f;border-color:#d9ff81;box-shadow:0 0 24px #b8ff1f26,inset 0 0 0 1px #ffffff35}.hx-tabs button.is-active small{color:#324216}.hx-board-shell{z-index:2;transform-origin:50% 30%;border-radius:22px;height:395px;position:absolute;top:128px;left:2%;right:2%;transform:perspective(1400px)rotateX(23deg);box-shadow:0 32px 50px #0009}.hx-board-shell:before{content:"";background:linear-gradient(#142016,#080d09);border:1px solid #667e354d;border-radius:22px;position:absolute;inset:12px 0 -12px;box-shadow:0 9px #050a06,0 10px #91b84338}.hx-board{background:#061009 url(/geo/absheron-dark.webp) 50%/100% 100% no-repeat;border:1px solid #879e4a80;border-radius:22px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #e5ffb638}.hx-board:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#06100910,#0000 55%,#03090530);position:absolute;inset:0}.hx-map{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.hx-route-glow,.hx-route-base,.hx-route-line,.hx-route-sparks{fill:none;stroke-linecap:round;stroke-linejoin:round}.hx-route-glow{stroke:#b8ff1f;stroke-width:12px;opacity:.35}.hx-route-base{stroke:#455b26;stroke-width:3px;opacity:.5}.hx-route-line{stroke:#c6ff4d;stroke-width:2.6px;stroke-dasharray:1000;stroke-dashoffset:1000px;filter:drop-shadow(0 0 3px #b8ff1f88)}.hx-route-sparks{stroke:#f0ffd2;stroke-width:2px;stroke-dasharray:1 95;opacity:.75}.hx-route-on .hx-route-line{animation:2.8s cubic-bezier(.2,.8,.2,1) .3s forwards hx-draw}@keyframes hx-draw{to{stroke-dashoffset:0}}.hx-route-light{fill:#f4ffd3;opacity:0;filter:drop-shadow(0 0 5px #b8ff1f)}.hx-car{filter:drop-shadow(0 5px 4px #000b)}.hx-car-loaded .hx-car{display:none}.hx-model-car{z-index:3;pointer-events:none;opacity:0;width:112px;height:86px;transform:translate(-50%,-55%) rotate(var(--hx-car-angle,0deg));filter:drop-shadow(0 8px 5px #000b)drop-shadow(0 0 5px #b8ff1f33);position:absolute}.hx-car-loaded .hx-model-car{opacity:1}.hx-model-canvas,.hx-model-canvas canvas{width:100%;height:100%;display:block}.hx-location{z-index:3;width:0;height:0;position:absolute}.hx-radar{border:1.5px solid #c6ff4d;border-radius:50%;width:36px;height:20px;position:absolute;top:-10px;left:-18px;box-shadow:0 0 14px #b8ff1f66,inset 0 0 9px #b8ff1f33}.hx-radar:after{content:"";border:1px solid #b8ff1f55;border-radius:50%;position:absolute;inset:-6px}.hx-beam{background:linear-gradient(#0000,#b8ff1f88);width:2px;height:27px;position:absolute;bottom:2px;left:-1px}.hx-pin{background:#b8ff1f;border-radius:50% 50% 0;width:22px;height:22px;position:absolute;bottom:18px;left:-11px;transform:rotate(45deg);box-shadow:0 0 14px #b8ff1f55}.hx-pin i{background:#14210c;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;left:7px}.hx-label{white-space:nowrap;color:#f0f3ec;background:#0d160fef;border:1px solid #7b8c6459;border-radius:7px;padding:7px 13px;font-size:12px;font-weight:600;position:absolute;bottom:55px;left:0;transform:translate(-50%);box-shadow:0 5px 12px #0005}.hx-cards{z-index:4;width:54%;height:170px;position:absolute;bottom:20px;left:6%}.hx-card{color:#a0aa98;transform-origin:top;background:linear-gradient(130deg,#172116f7,#0b120cf7);border:1px solid #3c4d32;border-radius:11px;align-items:center;gap:20px;width:100%;height:62px;padding:0 19px;display:flex;position:absolute;left:0;box-shadow:0 10px 22px #0006}.hx-card span{white-space:nowrap;font-size:11px}.hx-card svg{flex:1;min-width:0;height:26px;overflow:visible}.hx-card path{fill:none;stroke:#829475;stroke-width:1.2px;stroke-linecap:round}.hx-card circle{fill:#91a181}.hx-card-0{z-index:4;top:0}.hx-card-1{z-index:3;top:39px;transform:scale(.96)}.hx-card-2{z-index:2;top:77px;transform:scale(.92)}.hx-card-3{z-index:1;top:113px;transform:scale(.88)}.hx-card.is-active{color:#c6f666;background:linear-gradient(130deg,#1a2917,#0c150c);border-color:#a7d43c;box-shadow:0 10px 25px #0008,0 0 16px #b8ff1f0c}.hx-card.is-active path{stroke:#b8ff1f}.hx-card.is-active circle{fill:#c7ff65}.hx-tabs,.hx-board-shell,.hx-cards{opacity:0;transition:opacity .7s}.hx-visible .hx-tabs,.hx-visible .hx-board-shell,.hx-visible .hx-cards{opacity:1}.hx-visible .hx-cards{transition-delay:.25s}@media (width<=900px){.hx{width:100%;max-width:740px;height:580px;margin-inline:auto}.hx-board-shell{height:360px}.hx-cards{bottom:15px}}@media (width<=600px){.hx{height:470px}.hx-tabs{gap:4px;top:12px;left:0;right:0}.hx-tabs button{border-radius:7px;gap:6px;height:59px}.hx-tabs b{font-size:11px}.hx-tabs small{font-size:8px}.hx-board-shell{height:285px;top:89px;left:0;right:0;transform:perspective(1200px)rotateX(16deg)}.hx-board,.hx-board-shell:before{border-radius:15px}.hx-label{padding:5px 8px;font-size:10px;bottom:44px}.hx-pin{width:18px;height:18px;bottom:15px;left:-9px}.hx-pin i{width:6px;height:6px;top:6px;left:6px}.hx-cards{width:67%;height:155px;bottom:4px;left:5%}.hx-card{gap:13px;height:54px;padding:0 13px}.hx-card-1{top:35px}.hx-card-2{top:68px}.hx-card-3{top:99px}}@media (prefers-reduced-motion:reduce){.hx-tabs,.hx-board-shell,.hx-cards{transition:none}.hx-route-on .hx-route-line{stroke-dashoffset:0;animation:none}.hx-route-light{display:none}}.hx-location-1 .hx-label{bottom:40px}@media (width<=600px){.hx-location-1 .hx-label{bottom:30px}.hx-model-car{width:76px;height:58px}}
