.routes-page{background:#050807;color:#edf2ed}.routes-main{width:min(1400px,94vw);margin:auto;padding:54px 0 80px}.routes-intro{max-width:740px;margin-bottom:32px}.routes-intro h1{font-size:clamp(3rem,7vw,7rem);line-height:.95;margin:.2em 0}.routes-intro>p:last-child{max-width:650px;color:#c4cec6;font-size:1.05rem}.routes-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.route-panel,.route-side{border:1px solid #41584a;border-radius:18px;background:#09110e}.route-panel{padding:14px}.route-side{padding:22px;height:max-content}.route-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.route-toolbar button{cursor:pointer}.route-map{position:relative;min-height:620px;overflow:hidden;border-radius:13px;background:#06100d}.route-grid{position:absolute;inset:0;background:linear-gradient(#a4d09f13 1px,transparent 1px),linear-gradient(90deg,#a4d09f13 1px,transparent 1px);background-size:55px 55px;transform:perspective(500px) rotateX(55deg) scale(1.35);transform-origin:center bottom;opacity:.6}.route-map:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 55% 44%,#6d9e6d1c,transparent 35%),radial-gradient(circle at 22% 75%,#c18a4d13,transparent 25%)}#route-line{position:absolute;inset:0;width:100%;height:100%;z-index:2}#route-polyline{fill:none;stroke:#b7d89a;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px #b7d89a99)}#route-nodes{position:absolute;inset:0;z-index:3}.route-node{position:absolute;width:12px;height:12px;margin:-6px;border-radius:50%;background:#c8975a;box-shadow:0 0 14px #c8975a}.route-node.note{width:20px;height:20px;margin:-10px;background:#b7d89a}.route-node.note:after{content:'✦';position:absolute;inset:0;display:grid;place-items:center;color:#102014;font-size:11px}.route-user{position:absolute;width:17px;height:17px;margin:-8px;border:3px solid #d7edd1;border-radius:50%;background:#79a974;box-shadow:0 0 25px #b7d89a;z-index:4}#route-empty{position:absolute;inset:0;display:grid;place-items:center;color:#9cad9f;z-index:4}.route-stats{display:flex;gap:25px;flex-wrap:wrap;padding:14px 4px 0;color:#9eafa2;font-size:.8rem}.route-stats b{color:#eef4ed;font-size:1rem;margin-right:3px}.route-side h2{margin-top:0}.route-side label{display:grid;gap:7px;margin:14px 0}.route-side input,.route-side select,.route-side textarea{width:100%;box-sizing:border-box;background:#06100d;color:#eef2ed;border:1px solid #4b6353;border-radius:8px;padding:10px}.route-side button{width:100%;margin-top:9px;cursor:pointer}.route-notes{display:grid;gap:8px;margin-top:18px}.route-note-item{padding:10px;border-left:2px solid #b7d89a;background:#101b15;font-size:.82rem}.route-note-item small{display:block;color:#9cad9f;margin-top:5px}dialog{border:1px solid #4b6353;border-radius:14px;background:#0b1511;color:#eef2ed;padding:24px}dialog::backdrop{background:#0009}dialog label{display:grid;gap:8px}menu{display:flex;justify-content:flex-end;gap:8px;padding:0;margin-top:18px}@media(max-width:850px){.routes-main{padding-top:30px}.routes-layout{grid-template-columns:1fr}.route-map{min-height:500px}.route-side{order:-1}}