.metro-map{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:10px;padding:36px clamp(22px,4vw,60px) 70px;border-bottom:1px solid var(--line)}.metro-tile{display:flex;flex-direction:column;justify-content:end;padding:23px;background:#0c151b;border:1px solid #1c3a32;color:white;text-decoration:none;transition:.18s}.metro-tile:hover{transform:translateY(-3px);border-color:var(--green);box-shadow:0 15px 40px #0007}.metro-tile.wide{grid-column:span 2}.metro-tile.green{background:linear-gradient(145deg,#0e3628,#0a1715)}.metro-tile.cyan{background:linear-gradient(145deg,#0c2834,#09151a)}.metro-tile small{color:var(--green);font-size:9px;letter-spacing:2px}.metro-tile strong{font-size:27px;margin:9px 0 4px}.metro-tile span{color:#9db0ac;font-size:13px}.book-status{margin-top:35px;padding:15px;border:1px solid #315c4c;background:#07100d}.book-status b{display:block;color:var(--green);font-size:10px;letter-spacing:2px}.book-status span{display:block;margin-top:5px;color:#81958e;font-size:12px}@media(max-width:900px){.metro-map{grid-template-columns:1fr 1fr}.metro-tile.wide{grid-column:span 2}.topbar{overflow-x:auto}.topbar nav{display:flex;min-width:max-content}.topbar nav a{white-space:nowrap}}@media(max-width:580px){.metro-map{grid-template-columns:1fr;grid-auto-rows:160px}.metro-tile.wide{grid-column:span 1}.topbar{height:auto;min-height:78px;align-items:center}.topbar nav{display:none}}