:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#06131b;color:#eefcff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#0c3744 0,transparent 36%),linear-gradient(90deg,#0b2e3844 1px,transparent 1px),linear-gradient(#0b2e3844 1px,transparent 1px),#06131b;background-size:auto,42px 42px,42px 42px}button,a{font:inherit}.top{position:sticky;z-index:1000;top:0;display:flex;justify-content:space-between;gap:12px;padding:12px max(16px,calc((100% - 760px)/2));border-bottom:1px solid #236271;background:#061923ee;backdrop-filter:blur(8px)}.top a,.top button{padding:10px 13px;border:1px solid #367987;border-radius:11px;color:#83ecf2;background:#0b2934;text-decoration:none}main{width:min(760px,100%);margin:auto;padding:18px 14px 70px}.hero,.privacy,.layers,.mapIntro,.mapWrap{margin-bottom:14px;padding:18px;border:1px solid #2e6876;border-radius:18px;background:#082631}.hero small,.layers>small,.routeCard small{color:#58e0e7;font-weight:800;letter-spacing:.12em}.hero h1{margin:6px 0 3px;font-size:clamp(2rem,7vw,3rem);font-weight:500}.hero p,.privacy p,.mapIntro p{margin:4px 0 14px;color:#aac1c8;line-height:1.5}.primary{border:1px solid #60ddbf;border-radius:10px;background:#168262;color:#f4fffc;font-weight:800;cursor:pointer}.hero .primary{width:100%;padding:14px}.routeCard{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:14px;padding:17px;border:1px solid #2d6876;border-radius:18px;color:#effcff;background:#08232e;text-decoration:none}.dish{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#103d4a;font-size:1.8rem}.routeCard strong{display:block;margin:3px 0;font-size:1.25rem}.routeCard em{display:block;color:#a9bdc4;font-size:.88rem;font-style:normal;line-height:1.45}.routeCard>b{color:#62e7ed;text-transform:uppercase}.privacy b{color:#62dfc1}.privacy p{margin-bottom:0}.quick{display:grid;gap:10px;margin-bottom:14px}.quick a,.quick button{display:flex;align-items:center;gap:13px;width:100%;padding:16px;border:1px solid #2b6877;border-radius:13px;color:#eaf9fb;background:#082630;text-align:left;text-decoration:none;cursor:pointer}.quick b{min-width:45px;color:#ffd765;font-size:1.25rem}.quick span{font-weight:700}.layers h2{margin:6px 0 13px;font-weight:500}.layers>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.layers button{min-height:52px;padding:10px;border:1px solid #376a77;border-radius:10px;color:#c1d1d6;background:#071a23;text-align:left;cursor:pointer}.layers button.on{border-color:#55d9df;color:#efffff;background:#155363}.mapIntro{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.mapIntro>span{font-size:1.5rem}.mapIntro p{margin-bottom:0;font-size:.9rem}.mapIntro .primary{grid-column:1/-1;padding:12px}.mapWrap{position:relative;height:430px;padding:0;overflow:hidden}.mapWrap.full{position:fixed;z-index:50000;inset:0;width:100%;height:100dvh;margin:0;border-radius:0}.mapWrap #roadHelpMap{width:100%;height:100%;background:#0b2d36}.mapWrap #fullMap{position:absolute;z-index:800;right:12px;top:12px;padding:10px 12px;border:1px solid #63e0c7;border-radius:9px;color:#f1fffc;background:#0a3540;font-weight:800}.leaflet-popup-content{color:#16313a}.foot{text-align:center;color:#8da9b1}@media(max-width:480px){main{padding-inline:9px}.hero,.privacy,.layers,.mapIntro{padding:14px}.routeCard{grid-template-columns:auto 1fr}.routeCard>b{grid-column:2}.layers>div{gap:7px}.layers button{font-size:.89rem}.mapWrap{height:390px}}