:root{
  --ax-bg:#03111d;
  --ax-panel:#071c2b;
  --ax-panel2:#092437;
  --ax-line:rgba(68,203,255,.20);
  --ax-line-strong:rgba(58,218,255,.45);
  --ax-cyan:#44ddff;
  --ax-green:#36e6a0;
  --ax-yellow:#ffc12e;
  --ax-orange:#ff8a2a;
  --ax-red:#ff6577;
  --ax-blue:#68b8ff;
  --ax-muted:#86a0b5;
  --ax-text:#eff8ff;
}
.ax-world-current,
.ax-world-network{
  color:var(--ax-text);
}
.ax-world-current #interactive-view{
  gap:1.05rem!important;
}
.ax-world-current #city-list{
  display:grid;
  gap:.72rem;
}
.ax-world-current #city-list>li{
  border:1px solid rgba(77,180,221,.22)!important;
  background:linear-gradient(145deg,rgba(6,29,45,.94),rgba(4,22,36,.78))!important;
  border-radius:15px!important;
  box-shadow:0 16px 38px rgba(0,0,0,.16);
}
.ax-world-current #city-list>li:hover,
.ax-world-current #city-list>li.is-active{
  border-color:var(--ax-cyan)!important;
  box-shadow:0 0 0 1px rgba(68,221,255,.25),0 14px 35px rgba(0,155,220,.10);
  transform:translateY(-1px);
}
.ax-world-current #weather-details{
  background:
    radial-gradient(circle at 80% 0%,rgba(0,179,220,.10),transparent 35%),
    linear-gradient(145deg,rgba(7,31,48,.98),rgba(5,24,39,.92))!important;
  border:1px solid rgba(68,203,255,.25)!important;
  box-shadow:0 24px 55px rgba(0,0,0,.22)!important;
}
.ax-world-current #weather-details>.grid:first-of-type>div{
  border:1px solid rgba(73,153,190,.15);
  background:rgba(2,17,29,.55)!important;
}
.ax-world-current #weather-details>.grid:last-of-type>div:last-child{
  border:1px solid rgba(73,153,190,.15);
  background:rgba(2,17,29,.48)!important;
}
.ax-world-current #forecast-items .forecast-item{
  border:1px solid rgba(73,153,190,.14);
  background:rgba(7,37,56,.72)!important;
}
.ax-current-trend{
  display:block;
  min-height:1em;
  margin-top:.15rem;
  color:var(--ax-muted);
  font-size:.68rem;
  font-weight:700;
}
.ax-current-trend.is-down{color:#55c8ff}
.ax-current-trend.is-up{color:#52e3a4}
.ax-current-trend.is-warn{color:#ffb43c}

.ax-world-network{
  margin-top:3.25rem;
}
.ax-world-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1.25rem;
  margin-bottom:.9rem;
}
.ax-world-title-row{
  display:flex;
  align-items:center;
  gap:.65rem;
}
.ax-world-title-row h2{
  margin:0;
  font-size:2rem;
  line-height:1;
  font-weight:900;
  letter-spacing:-.03em;
}
.ax-world-network-icon{
  color:var(--ax-cyan);
  font-size:1.5rem;
}
.ax-world-section-head p{
  margin:.45rem 0 0;
  color:var(--ax-muted);
  font-size:.84rem;
}
.ax-world-actions{
  display:flex;
  gap:.55rem;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.ax-world-pill{
  border:1px solid rgba(78,168,208,.28);
  background:rgba(7,30,46,.75);
  color:#cde8f5;
  padding:.55rem .88rem;
  border-radius:999px;
  font-size:.74rem;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
}
.ax-world-pill:hover{border-color:var(--ax-cyan);color:#fff}
.ax-world-pill-primary{
  color:var(--ax-cyan);
  background:rgba(0,156,204,.12);
}
.ax-world-network-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:.78rem;
  padding:.78rem;
  border:1px solid rgba(68,203,255,.24);
  border-radius:20px;
  background:
    radial-gradient(circle at 90% 10%,rgba(0,188,225,.10),transparent 27%),
    linear-gradient(145deg,rgba(6,29,45,.95),rgba(3,18,30,.96));
  box-shadow:0 24px 60px rgba(0,0,0,.24);
}
.ax-world-network-main{min-width:0}
.ax-world-station-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.65rem;
}
.ax-world-station{
  min-width:0;
  padding:.82rem;
  border:1px solid rgba(67,170,213,.24);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(8,40,60,.78),rgba(4,25,39,.78));
  overflow:hidden;
  position:relative;
}
.ax-world-station:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(var(--ax-cyan),transparent);
  opacity:.5;
}
.ax-world-station-head{
  display:flex;
  justify-content:space-between;
  gap:.5rem;
  align-items:flex-start;
}
.ax-world-station-name{
  font-weight:900;
  font-size:.96rem;
}
.ax-world-station-state{
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  font-size:.64rem;
  color:#8fa9bb;
}
.ax-world-station-state i{
  width:6px;height:6px;border-radius:50%;background:var(--ax-green);
  box-shadow:0 0 12px rgba(54,230,160,.8);
}
.ax-world-station-temp{
  display:flex;
  align-items:baseline;
  gap:.45rem;
  margin:.35rem 0 .7rem;
}
.ax-world-station-temp strong{
  font-size:1.75rem;
  color:var(--ax-green);
  line-height:1;
}
.ax-world-station-temp span{
  font-size:.72rem;
  font-weight:800;
}
.ax-world-station-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.38rem;
}
.ax-world-station-metric{
  min-width:0;
  padding:.45rem .42rem;
  border-radius:9px;
  background:rgba(0,12,22,.33);
}
.ax-world-station-metric label{
  display:block;
  color:#6e8ca0;
  font-size:.57rem;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.ax-world-station-metric b{
  display:block;
  margin-top:.1rem;
  font-size:.78rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ax-world-station-metric small{
  display:block;
  margin-top:.08rem;
  font-size:.60rem;
  font-weight:800;
}
.ax-t-up{color:var(--ax-green)!important}
.ax-t-down{color:#4cc9ff!important}
.ax-t-warn{color:var(--ax-orange)!important}
.ax-t-flat{color:#7f9aab!important}
.ax-t-sun{color:var(--ax-yellow)!important}

.ax-world-map-panel{
  min-width:0;
  border:1px solid rgba(67,170,213,.22);
  border-radius:14px;
  background:rgba(2,17,29,.50);
  padding:.72rem;
  display:flex;
  flex-direction:column;
}
.ax-world-map-head,
.ax-world-map-footer{
  display:flex;
  justify-content:space-between;
  gap:.65rem;
  align-items:center;
}
.ax-world-map-head strong{font-size:.86rem}
.ax-world-map-head small{
  display:block;color:#69879a;font-size:.62rem;margin-top:.08rem
}
#ax-network-map-status{font-size:.65rem;color:var(--ax-green);font-weight:900}
.ax-world-map{
  position:relative;
  min-height:250px;
  margin:.65rem 0;
  border-radius:11px;
  overflow:hidden;
  background:
    radial-gradient(circle at 63% 37%,rgba(26,104,95,.35),transparent 18%),
    radial-gradient(circle at 34% 74%,rgba(21,79,94,.38),transparent 22%),
    linear-gradient(145deg,#0a2833,#08202c 45%,#0b2d31);
}
.ax-world-map:before,
.ax-world-map:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.ax-world-map:before{
  opacity:.22;
  background-image:
    linear-gradient(31deg,transparent 45%,rgba(125,205,188,.35) 46%,rgba(125,205,188,.35) 47%,transparent 48%),
    linear-gradient(-23deg,transparent 53%,rgba(92,162,188,.3) 54%,rgba(92,162,188,.3) 55%,transparent 56%);
  background-size:70px 70px,90px 90px;
}
.ax-world-map:after{
  background:linear-gradient(90deg,rgba(0,0,0,.12),transparent,rgba(0,0,0,.14));
}
.ax-map-point{
  position:absolute;
  z-index:2;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  gap:.35rem;
}
.ax-map-dot{
  width:10px;height:10px;border-radius:50%;
  background:var(--ax-green);
  border:2px solid rgba(0,15,24,.95);
  box-shadow:0 0 0 2px rgba(54,230,160,.15),0 0 16px rgba(54,230,160,.8);
}
.ax-map-point.is-warm .ax-map-dot{background:var(--ax-orange);box-shadow:0 0 16px rgba(255,138,42,.8)}
.ax-map-label{
  padding:.25rem .38rem;
  border-radius:7px;
  background:rgba(1,17,27,.78);
  border:1px solid rgba(75,181,216,.18);
  font-size:.62rem;
  line-height:1.15;
  white-space:nowrap;
}
.ax-map-label b{display:block;color:#fff}
.ax-map-label span{color:var(--ax-green);font-weight:900}
.ax-world-map-footer{
  color:#648296;font-size:.58rem
}

.ax-world-network-bottom{
  display:grid;
  grid-template-columns:1.1fr .9fr 1.1fr;
  gap:.65rem;
  margin-top:.65rem;
}
.ax-world-subpanel{
  border:1px solid rgba(67,170,213,.20);
  border-radius:13px;
  padding:.72rem;
  background:rgba(2,17,29,.44);
  min-width:0;
}
.ax-world-subtitle{
  color:#d9f4ff;
  font-size:.72rem;
  font-weight:900;
  margin-bottom:.55rem;
}
.ax-world-key-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.38rem;
}
.ax-world-key{
  min-width:0;
  text-align:center;
  padding:.38rem .2rem;
  border-right:1px solid rgba(92,158,181,.12);
}
.ax-world-key:last-child{border-right:0}
.ax-world-key span{display:block;color:#6d899b;font-size:.55rem}
.ax-world-key b{display:block;margin-top:.12rem;font-size:.9rem}
.ax-world-key em{display:block;margin-top:.1rem;font-style:normal;color:var(--ax-cyan);font-size:.58rem;font-weight:800}
.ax-world-trend-list{display:grid;gap:.34rem}
.ax-world-trend{
  display:grid;
  grid-template-columns:17px 1fr auto;
  gap:.38rem;
  align-items:center;
  font-size:.66rem;
}
.ax-world-trend i{
  width:7px;height:7px;border-radius:50%;background:#607e91
}
.ax-world-trend b{font-size:.66rem}
.ax-world-analysis-copy{
  color:#9db4c3;
  font-size:.67rem;
  line-height:1.45;
  min-height:58px;
}
.ax-world-analysis-copy strong{color:#eaf8ff}
.ax-world-risk{margin-top:.55rem}
.ax-world-risk-row{
  display:flex;justify-content:space-between;gap:.5rem;
  color:#7893a5;font-size:.59rem
}
.ax-world-risk-row strong{font-size:.67rem;color:var(--ax-yellow)}
.ax-world-risk-track{
  height:10px;
  border-radius:999px;
  overflow:hidden;
  margin:.35rem 0 .2rem;
  background:linear-gradient(90deg,rgba(54,230,160,.18) 0 35%,rgba(255,193,46,.16) 35% 70%,rgba(255,101,119,.15) 70%);
  border:1px solid rgba(67,170,213,.12);
}
.ax-world-risk-bar{
  height:100%;width:0;
  border-radius:inherit;
  background:linear-gradient(90deg,#27d68c,#44d9b0 45%,#ffc12e 72%,#ff8a2a);
  transition:width .5s ease;
}
.ax-world-risk-scale{display:flex;justify-content:space-between;color:#527186;font-size:.50rem}
.ax-world-loading,.ax-world-map-loading{color:#70899b;font-size:.72rem;padding:1rem}

@media(max-width:1050px){
  .ax-world-network-shell{grid-template-columns:1fr}
  .ax-world-map{min-height:220px}
  .ax-world-network-bottom{grid-template-columns:1fr 1fr}
  .ax-world-analysis-panel{grid-column:1/-1}
}
@media(max-width:800px){
  .ax-world-section-head{align-items:flex-start;flex-direction:column}
  .ax-world-actions{justify-content:flex-start}
  .ax-world-station-grid{grid-template-columns:1fr}
  .ax-world-network-bottom{grid-template-columns:1fr}
  .ax-world-analysis-panel{grid-column:auto}
  .ax-world-key-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ax-world-key{border-right:0;border-bottom:1px solid rgba(92,158,181,.12)}
}

.ax-world-forecast-item{
 display:grid!important;
 grid-template-columns:42px 30px 55px minmax(0,1fr) 60px;
 align-items:center;
 gap:.4rem;
 padding:.5rem .55rem!important;
}
.ax-world-forecast-icon{width:28px;height:28px}
.ax-world-forecast-time{font-size:.7rem;color:#9ab3c3}
.ax-world-forecast-temp{font-weight:900;color:#f7fbff}
.ax-world-forecast-condition{min-width:0;color:#9ab3c3;font-size:.68rem}
.ax-world-forecast-wind{text-align:right;color:#6f8ea1;font-size:.62rem}
@media(max-width:560px){
 .ax-world-forecast-item{grid-template-columns:38px 26px 50px 1fr}
 .ax-world-forecast-wind{display:none}
}

/* Mobile NETWORK-only fix 2026-09-07. Current weather is untouched. */
@media (max-width: 767px) {
  .ax-world-network-shell {grid-template-columns:1fr!important;padding:.55rem;gap:.6rem;border-radius:15px}
  .ax-world-station-grid {grid-template-columns:1fr!important;gap:.55rem}
  .ax-world-station-metrics {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.4rem}
  .ax-world-station-metric {padding:.52rem}
  .ax-world-station-metric label {font-size:.56rem}
  .ax-world-station-metric b {font-size:.79rem;line-height:1.2;white-space:normal}
  .ax-world-station-metric small {font-size:.59rem;line-height:1.2;white-space:normal}
  .ax-world-network-bottom {grid-template-columns:1fr!important;gap:.55rem}
  .ax-world-key-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.35rem}
  .ax-world-key {border-right:0!important;border-bottom:1px solid rgba(92,158,181,.13);padding:.55rem .3rem}
  .ax-world-key:last-child {grid-column:1/-1;border-bottom:0}
  .ax-world-key span {font-size:.56rem;line-height:1.25}
  .ax-world-key b {font-size:.92rem;line-height:1.2}
  .ax-world-key em {font-size:.59rem}
  .ax-world-trend {grid-template-columns:14px minmax(0,1fr) auto;gap:.35rem}
  .ax-world-trend b {text-align:right;font-size:.62rem}
  .ax-world-analysis-copy {min-height:0}
  .ax-world-map-panel {padding:.65rem;border-radius:12px;overflow:visible}
  .ax-world-map {min-height:245px!important;margin:.55rem 0;overflow:hidden}
  .ax-map-point {max-width:130px}
  .ax-map-label {max-width:112px;font-size:.58rem;white-space:normal;line-height:1.15;overflow-wrap:anywhere}
  .ax-map-dot {flex:0 0 auto;width:10px;height:10px}
  .ax-world-map-footer {font-size:.54rem;align-items:flex-start}
  .ax-world-map-footer span:last-child {text-align:right}
}
@media (max-width: 390px) {
  .ax-world-key-grid {grid-template-columns:1fr!important}
  .ax-world-key:last-child {grid-column:auto}
  .ax-world-map {min-height:230px!important}
}