/* WipeVector visual corrections. The supplied mockup informs layout only. */
.hero{background-image:radial-gradient(ellipse at 82% 18%,rgba(0,229,255,.14),transparent 34%),radial-gradient(ellipse at 72% 80%,rgba(139,92,246,.15),transparent 42%),linear-gradient(118deg,#071326 0%,#091a32 54%,#101936 100%);background-size:auto;background-position:center}
.map-strip{background:radial-gradient(ellipse at 78% 0%,rgba(0,229,255,.16),transparent 40%),linear-gradient(105deg,#091a30,#0b1427 70%,#111936)}
.stats .stat-quote{min-width:0}
@media(min-width:1201px){
  .topbar{height:64px;min-height:64px;padding-left:max(36px,calc((100vw - 1376px)/2));padding-right:max(36px,calc((100vw - 1376px)/2))}.brand-wordmark{width:184px;height:42px}
  .topbar nav{position:absolute;left:50%;transform:translateX(-50%);gap:34px}.topbar nav a{font-size:12px}
  .hero{grid-template-columns:1fr;row-gap:12px;min-height:396px;padding:28px max(36px,calc((100vw - 1376px)/2)) 64px;overflow:visible}.hero-copy{max-width:850px}.signal-art{display:none}.hero h1{max-width:720px;font-size:58px;line-height:.98}.lede{font-size:16px}
  .search-panel{max-width:690px;grid-template-columns:minmax(0,1fr) 160px;margin-top:12px;padding:0;border:0;background:transparent}.search-field input{height:50px;border-color:#00e5ff99;border-radius:8px;background:#08152ae8}.primary{height:50px;border-radius:8px}.search-panel #clear-filters{display:none}.filter-row{gap:8px;margin-top:6px;overflow:visible;flex-wrap:wrap}.filter-row button{border-radius:8px;padding:7px 10px;background:#08152acc;color:#b8cbe4;font-size:11px}
  .stats{position:absolute;top:auto;right:max(36px,calc((100vw - 1376px)/2));bottom:-80px;left:max(36px,calc((100vw - 1376px)/2));display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(260px,1.35fr);margin:0;border:1px solid var(--wv-border);border-radius:10px;background:#071326ed;overflow:hidden;box-shadow:0 12px 32px #0005}.stats div{min-width:0;padding:18px 20px;border-right:1px solid var(--wv-border)}.stats>div:not(.stat-quote){display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center}.stats .stat-quote{grid-column:5;display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:7px;align-content:center;padding:14px 20px;border:0}.stats .stat-icon{float:none;grid-row:1/3;margin:0}.stats dt{grid-column:2;display:block;font-size:18px;line-height:1.1}.stats dd{grid-column:2;display:block;margin:4px 0 0;line-height:1.2}.stat-quote strong{grid-row:1/3;color:var(--wv-violet);font:700 42px/1 Georgia,serif}.stat-quote p{margin:0;color:#c5d4eb;font:600 9px/1.5 Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.stat-quote small{grid-column:2;margin-top:5px;color:var(--wv-text-muted);font-size:9px;text-align:right}
  .results{padding-top:96px}.discovery-grid{grid-template-columns:minmax(0,1fr) 380px;gap:16px}.server-card{grid-template-columns:96px minmax(220px,1.65fr) minmax(105px,1fr) 130px 120px minmax(242px,auto);gap:14px;padding:12px}.map-visual{height:70px}.identity{gap:10px}.country{flex-basis:38px;width:38px;height:38px;min-width:38px}.identity h3{font-size:14px}.tags{margin-top:7px}.actions{gap:6px;flex-wrap:nowrap}.actions .join,.actions .view{padding:0 11px;min-height:38px}.rail-panel{padding:16px}.recent-item{padding:10px 0}.compare-item{padding:9px 0}.map-strip{margin-top:26px}
}
@media(max-width:1200px){.stats .stat-quote{display:none}}
@media(min-width:1201px){
  @container (max-width:1100px){
    /* The map facts column is hidden at this width. Keep actions in the
       final wide track so save/compare/join/details stay together. */
    .server-card{grid-template-columns:84px minmax(170px,1fr) 90px 105px minmax(180px,1fr);gap:12px;padding:12px}
    .server-card .map-visual,.server-card .identity,.server-card .population,.server-card .wipe,.server-card .map,.server-card .actions{grid-column:auto!important;grid-row:auto!important}
    .server-card .map-visual{height:70px}
    .server-card .actions{grid-column:5!important;flex-wrap:nowrap;justify-content:flex-end;min-width:0}
    .server-card .actions .join,.server-card .actions .view{padding:0 8px}
  }
}