.route-page *{box-sizing:border-box}
.route-page{margin:0;color:var(--text)}
.route-page a{color:inherit;text-decoration:none}
.route-page .top{
  padding:0 clamp(20px,6vw,90px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:sticky;
  top:0;
  z-index:20;
}
.route-page .logo{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800}
.route-page .mark{width:42px;height:38px;display:block;overflow:visible}
.route-page .mark .heart-line{fill:none;stroke:var(--pink);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.route-page .mark .pin-line{fill:var(--bg);stroke:var(--cyan);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.route-page .mark .pin-dot{fill:var(--cyan)}
.route-page .logo b,.route-page .kicker{color:var(--cyan)}
.site-nav{display:flex;height:100%}
.site-nav a{display:grid;place-items:center;font-weight:700;text-decoration:none}
.city-picker{
  min-width:126px;height:44px;padding:0 8px 0 12px;display:flex;align-items:center;
  border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.045)
}
.city-picker>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.city-picker select{width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:11px;font-weight:850;cursor:pointer}
.city-picker option{background:#0b121d;color:#fff}
.route-page footer{
  padding:48px max(22px,calc((100vw - 1176px)/2));
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:var(--muted);
  font-size:10px;
}
.site-nav a:first-child:not([aria-current="page"]){
  color:rgba(255,255,255,.62);
  background:transparent;
  box-shadow:none;
}
.site-nav a:hover,
.site-nav a[aria-current="page"]{
  color:#071019;
  background:var(--cyan);
  box-shadow:0 0 28px rgba(37,239,255,.24);
}
.mobile{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.mobile a:first-child:not([aria-current="page"]){color:rgba(255,255,255,.55)}
.mobile a[aria-current="page"]{color:var(--cyan)}
.route-main{
  min-height:calc(100vh - 176px);
  display:grid;
  place-items:center;
  padding:clamp(72px,10vw,150px) 22px;
  position:relative;
  overflow:hidden;
}
.route-main:before{
  content:"";
  position:absolute;
  width:min(720px,90vw);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(37,239,255,.12),rgba(255,43,138,.06) 42%,transparent 70%);
  filter:blur(12px);
}
.route-intro{
  width:min(860px,100%);
  position:relative;
  text-align:center;
}
.route-icon{
  width:68px;
  height:68px;
  margin:0 auto 24px;
  display:grid;
  place-items:center;
  border:1px solid rgba(37,239,255,.34);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(37,239,255,.15),rgba(255,43,138,.09));
  color:var(--cyan);
  font-size:28px;
  box-shadow:0 20px 70px rgba(0,0,0,.35),0 0 36px rgba(37,239,255,.12);
}
.route-intro .kicker{display:block;margin-bottom:16px}
.route-intro h1{
  margin:0;
  font-size:clamp(52px,9vw,112px);
  line-height:.92;
  letter-spacing:-.075em;
}
.route-intro p{
  max-width:640px;
  margin:26px auto 0;
  color:var(--muted);
  font-size:clamp(16px,2vw,21px);
  line-height:1.65;
}
.route-main.has-content{display:block;padding:clamp(68px,8vw,110px) 22px}.route-main.has-content:before{left:50%;top:0;transform:translateX(-50%)}.route-main.has-content .route-intro{margin:0 auto 64px}.route-content{width:min(1040px,100%);margin:0 auto;position:relative}.route-content[hidden]{display:none}
.signals-page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.signals-page-head h2{margin:7px 0 0;font-size:clamp(30px,5vw,50px);letter-spacing:-.055em}.signals-page-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.route-signal-card{min-width:0;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(37,239,255,.065),rgba(255,43,138,.035)),rgba(12,19,31,.78);box-shadow:var(--soft)}.route-signal-activity{display:inline-flex;padding:6px 9px;border:1px solid rgba(37,239,255,.27);border-radius:999px;background:rgba(37,239,255,.08);color:var(--cyan);font-size:8px;font-weight:900}.route-signal-card p{margin:15px 0 18px;color:#e7eef5;font-size:14px;line-height:1.55}.route-signal-card>div{padding-top:13px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line)}.route-signal-card strong,.route-signal-card>div span{font-size:9px}.route-signal-card>div span{color:var(--muted);text-align:right}
.route-signals-empty{grid-column:1/-1;padding:54px 24px;border:1px dashed rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.025);text-align:center}.route-signals-empty strong,.route-signals-empty span{display:block}.route-signals-empty strong{font-size:17px}.route-signals-empty span{margin-top:7px;color:var(--muted);font-size:11px}
.route-page footer{background:rgba(3,6,11,.56)}
@media(max-width:900px){
  .top{
    height:auto;
    min-height:118px;
    padding-top:10px;
    padding-bottom:10px;
    flex-wrap:wrap;
    gap:8px 14px;
  }
  .top .site-nav{
    order:3;
    display:flex;
    width:100%;
    height:auto;
    padding:5px;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .top .city-picker{order:2;margin-left:auto}
  .top .site-nav::-webkit-scrollbar{display:none}
  .top .site-nav a{
    min-width:max-content;
    height:36px;
    padding-inline:15px;
  }
  .server-banner{top:118px}
}
@media(max-width:650px){
  .route-page{padding-bottom:0}
  .route-main{min-height:calc(100vh - 240px);padding:72px 18px}
  .route-intro h1{font-size:clamp(50px,18vw,78px)}
  .route-icon{width:60px;height:60px;border-radius:19px}
  .route-page .mobile{display:none}
  .route-page footer{display:block;text-align:center;padding:38px 18px}
  .route-page footer>span{display:block;margin-top:14px}
  .mobile a,.mobile button{font-size:7px}
  .mobile span{font-size:17px}
  .route-main.has-content{padding:58px 16px}.route-main.has-content .route-intro{margin-bottom:46px}.signals-page-head{align-items:stretch;flex-direction:column}.signals-page-head .btn{width:100%;text-align:center}.signals-page-list{grid-template-columns:1fr}.route-signal-card>div{align-items:flex-start;flex-direction:column}.route-signal-card>div span{text-align:left}
}