*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0b1220;height:100%;overflow:hidden}body{color:#eaf2ff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#scene{display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#title{-webkit-user-select:none;user-select:none;position:absolute;top:20px;left:24px}#title h1{letter-spacing:.04em;font-size:22px;font-weight:700}#title p{color:#8fa3c4;margin-top:2px;font-size:12px}#legend{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1424d1;border:1px solid #7896c82e;border-radius:12px;width:230px;padding:12px 14px;font-size:13px;position:absolute;top:20px;right:20px}#legend h2{text-transform:uppercase;letter-spacing:.14em;color:#7e93b6;margin:8px 0 4px;font-size:10px}#legend h2:first-child{margin-top:0}#legend ul{list-style:none}#legend li{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:5px 6px;transition:background .15s,opacity .15s;display:flex}#legend li:hover{background:#7896c81f}#legend li.active{background:#7896c833}#legend li.dimmed{opacity:.45}#legend .swatch{background:var(--c);width:12px;height:12px;box-shadow:0 0 8px var(--c);border-radius:50%;flex:none}#legend .name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}#legend .chip{color:#c9d6ec;background:#7896c82e;border-radius:6px;padding:1px 6px;font-size:10px}#legend input[type=checkbox]{accent-color:#6b87b8;cursor:pointer}#legend .legend-tabs{gap:4px;margin:0 0 10px;display:flex}#legend .legend-tab{font:inherit;color:#8fa3c4;cursor:pointer;background:#7896c814;border:1px solid #0000;border-radius:8px;flex:1;padding:6px 4px;font-size:12px;font-weight:600;transition:background .15s,color .15s}#legend .legend-tab:hover{color:#c9d6ec}#legend .legend-tab.active{color:#eaf1fb;background:#7896c838;border-color:#7896c84d}#legend .poi-list{max-height:60vh;overflow-y:auto}#legend .poi-cat{text-transform:uppercase;letter-spacing:.06em;color:#6b7f9f;flex:none;font-size:9px}#hint{color:#dbe4f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;-webkit-user-select:none;user-select:none;background:#0d1424eb;border:1px solid #7896c838;border-radius:12px;max-width:min(88vw,560px);padding:9px 18px;font-size:13px;line-height:1.45;transition:opacity 1s;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}#hint.fade{opacity:0;pointer-events:none}#toolbar{gap:8px;display:flex;position:absolute;bottom:16px;right:20px}#toolbar button{color:#c9d6ec;cursor:pointer;background:#0d1424d1;border:1px solid #7896c840;border-radius:999px;padding:8px 14px;font-size:12px;transition:background .15s,opacity .15s}#toolbar button:hover:not(:disabled){background:#7896c833}#toolbar button:disabled{opacity:.4;cursor:default}#toolbar button.on{border-color:#8cbeff8c}#more-panel[hidden]{display:none}#more-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1424eb;border:1px solid #7896c82e;border-radius:12px;flex-direction:column;gap:6px;width:232px;padding:10px;display:flex;position:absolute;bottom:64px;right:20px}#more-panel button{text-align:left;color:#c9d6ec;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 10px;font-size:12px}#more-panel button:hover:not(:disabled){background:#7896c826}#more-panel button:disabled{opacity:.4;cursor:default}#more-panel button.on{border-color:#8cbeff73}#lang-select{align-items:center;gap:6px;padding:6px 10px;display:flex}#lang-select .lang-icon{opacity:.85;font-size:14px}#lang-select .lang-chip{text-align:center;color:#c9d6ec;cursor:pointer;background:0 0;border:1px solid #7896c840;border-radius:8px;flex:1;padding:7px 0;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}#lang-select .lang-chip:hover{background:#7896c826}#lang-select .lang-chip.on{color:#eaf2ff;background:#7896c838;border-color:#8cbeffb3}#panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#0d1424e0;border:1px solid #7896c82e;border-radius:12px;width:264px;padding:14px 16px;font-size:13px;transition:opacity .2s,transform .2s;position:absolute;bottom:16px;left:20px;transform:translateY(12px);pointer-events:none!important}#panel.open{opacity:1;transform:translateY(0);pointer-events:auto!important}#panel h3{margin-bottom:2px;padding-right:22px;font-size:16px}#panel .fav-chip{cursor:pointer;border:none;font-family:inherit;font-size:11px;font-weight:700}#panel .fav-chip.on{box-shadow:0 0 0 2px #ffd47a}#panel .fav-hint{color:#7e93b6;margin:-4px 0 8px;font-size:10px}#panel .kind{color:#8fa3c4;margin-bottom:8px;font-size:11px}#panel .poi-photo{background:#0b1220;border-radius:11px 11px 0 0;margin:-14px -16px 10px;position:relative;overflow:hidden}#panel .poi-photo img{object-fit:cover;width:100%;height:130px;display:block}#panel .poi-photo figcaption{color:#c2d0e8;text-align:right;background:linear-gradient(#0000,#060a14d9);padding:14px 8px 4px;font-size:9px;line-height:1.3;position:absolute;bottom:0;left:0;right:0}#panel .poi-photo figcaption a{color:#dbe6f7;text-decoration:none}#panel .poi-photo figcaption a:hover{text-decoration:underline}#panel .chips{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}#panel .chip-line{color:#0b1220;background:var(--c);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}#panel .chip-line.future{color:var(--c);border:1px dashed var(--c);background:0 0;font-weight:500}#panel ul{color:#b9c7de;font-size:12px;list-style:none}#panel li{padding:2px 0}#panel #panel-close{color:#8fa3c4;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:8px;right:10px}#intro-cover{opacity:1;z-index:9;pointer-events:none;background:#000;position:fixed;inset:0}#err-toast{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:20;color:#ffe6e6;text-align:center;background:#781e1ef0;border:1px solid #ff787880;border-radius:10px;padding:10px 14px;font-size:12px;line-height:1.4;position:fixed}#locate-toast{top:calc(72px + env(safe-area-inset-top,0px));z-index:7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#dfeaff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#0d1424eb;border:1px solid #78aaff66;border-radius:999px;max-width:min(90vw,460px);padding:9px 18px;font-size:13px;font-weight:600;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}#locate-toast[hidden]{display:none}#locate.on{border-color:#8cbeffb3}#exit-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#dfeaff;text-align:center;white-space:nowrap;pointer-events:none;background:#0d1424f0;border:1px solid #78aaff66;border-radius:999px;max-width:90vw;padding:10px 20px;font-size:13px;font-weight:600;position:fixed;transform:translate(-50%)}#exit-toast[hidden]{display:none}#tut{z-index:40;position:fixed;inset:0}#tut[hidden]{display:none}#tut:not(.has-spot){background:#060a14d6}#tut-spot{pointer-events:none;border:2px solid #8cbeff;border-radius:12px;transition:left .22s,top .22s,width .22s,height .22s;position:fixed;box-shadow:0 0 0 9999px #060a14d6}#tut-spot[hidden]{display:none}#tut-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#eaf1fb;background:#0d1424f7;border:1px solid #7896c84d;border-radius:14px;max-width:400px;margin:0 auto;padding:14px 16px 12px;position:fixed;left:12px;right:12px;box-shadow:0 12px 34px #00000080}#tut-card.centered{top:50%;transform:translateY(-50%)}.tut-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}#tut-count{color:#8fa3c4;letter-spacing:.06em;font-size:11px;font-weight:700}#tut-skip{cursor:pointer;font:inherit;color:#8fa3c4;background:0 0;border:none;padding:2px 4px;font-size:12px}#tut-skip:hover{color:#cfe0f7}#tut-card h3{margin:0 0 6px;font-size:16px}#tut-card p{color:#c9d6ec;margin:0 0 12px;font-size:13px;line-height:1.45}#tut-dots{justify-content:center;gap:5px;margin-bottom:12px;display:flex}.tut-dot{background:#7896c859;border-radius:50%;width:6px;height:6px}.tut-dot.on{background:#8cbeff}#tut-next{cursor:pointer;width:100%;font:inherit;color:#0b1220;background:#8cbeff;border:none;border-radius:9px;padding:10px;font-size:13px;font-weight:700;display:block}#tut-next:hover{background:#a5cdff}#legend li:focus-visible{outline-offset:-2px;outline:2px solid #8cbeff}#timeline{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1424e0;border:1px solid #7896c82e;border-radius:12px;width:300px;padding:12px 16px;position:absolute;bottom:64px;right:20px}#timeline input[type=range]{accent-color:#8cbeff;cursor:pointer;width:100%}#timeline .row{align-items:baseline;gap:8px;margin-top:4px;display:flex}#timeline #timeline-year{color:#eaf2ff;font-size:18px;font-weight:700}#timeline small{color:#7e93b6;font-size:10px}@media (width<=1000px){#toolbar{flex-wrap:wrap;justify-content:flex-end;max-width:420px}}#loading{color:#7e93b6;letter-spacing:.1em;z-index:10;background:#0b1220;justify-content:center;align-items:center;font-size:14px;transition:opacity .6s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#panel .deps h4{text-transform:uppercase;letter-spacing:.12em;color:#7e93b6;margin:6px 0 4px;font-size:10px}#panel .deps ul{margin-bottom:4px}#panel .deps li{align-items:baseline;gap:6px;padding:2px 0;display:flex}#panel .deps .dest{color:#c9d6ec;white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;font-size:12px;overflow:hidden}#panel .deps .times{color:#eaf2ff;white-space:nowrap;flex:none;font-size:11px;font-weight:700}#panel .deps li.line-deps{align-items:flex-start;gap:8px;padding:4px 0;display:flex}#panel .deps .dirs{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}#panel .deps .dir{align-items:baseline;gap:6px;min-width:0;display:flex}#panel .deps .chip-line{margin-top:1px}#panel .deps .none,#panel .deps .note{color:#7e93b6;font-size:10px}#panel .deps .note.warn{color:#e0b64a;margin:0 0 4px}#panel .directions h4{text-transform:uppercase;letter-spacing:.12em;color:#7e93b6;margin:8px 0 5px;font-size:10px}#panel .directions .links{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}#panel .directions a{color:#9fc4ff;background:#7896c81f;border:1px solid #7896c840;border-radius:999px;padding:4px 12px;font-size:12px;text-decoration:none;transition:background .15s}#panel .directions a:hover{background:#7896c840}#panel .near-station{text-align:left;color:#eaf2ff;cursor:pointer;background:#7896c81f;border:1px solid #7896c840;border-radius:8px;width:100%;margin-bottom:6px;padding:8px 10px;font-size:13px;display:block}#panel .near-station:hover{background:#7896c838}#legend-toggle{color:#c9d6ec;cursor:pointer;background:#0d1424d1;border:1px solid #7896c840;border-radius:999px;padding:8px 14px;font-size:12px;display:none;position:absolute;top:20px;right:20px}#ad-banner[hidden]{display:none}#ad-banner{z-index:8;color:#5a6b8c;background:#0d1424;border-top:1px solid #7896c82e;justify-content:center;align-items:center;height:56px;font-size:11px;display:flex;position:fixed;bottom:0;left:0;right:0}body.has-banner #toolbar,body.has-banner #hint,body.has-banner #panel{bottom:calc(72px + env(safe-area-inset-bottom,0px))}body.has-banner #more-panel,body.has-banner #timeline{bottom:calc(120px + env(safe-area-inset-bottom,0px))}#legend .swatch.poi{box-shadow:none;color:#cfc0a0;background:0 0;width:auto;font-size:13px}#scrim{z-index:5;background:#0408108c;position:fixed;inset:0}#scrim[hidden]{display:none}#route-toggle.active{color:#eaf1fb;background:#7896c847}#route-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:7;background:#0d1424ed;border:1px solid #7896c82e;border-radius:12px;width:300px;max-width:calc(100vw - 40px);padding:14px 16px;position:absolute;top:20px;left:20px}#route-panel[hidden]{display:none}#route-panel h3{margin-bottom:10px;padding-right:20px;font-size:15px}#route-close{color:#8fa3c4;cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1;position:absolute;top:8px;right:10px}.route-field{align-items:center;gap:8px;margin-bottom:6px;display:flex;position:relative}.route-pin{text-align:center;flex:none;width:20px;font-size:15px;line-height:1}.route-field input{min-width:0;font:inherit;color:#eaf1fb;background:#7896c81a;border:1px solid #7896c833;border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:13px}.route-field input:focus{border-color:#7896c873}.route-swap{color:#8fa3c4;cursor:pointer;background:0 0;border:none;margin:0 0 6px 26px;padding:0;font-size:14px;display:block}#route-opts{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px 26px;display:flex}.ropt-chip{font:inherit;color:#9fb2d0;cursor:pointer;white-space:nowrap;background:#7896c814;border:1px solid #7896c847;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:600}.ropt-chip.on{color:#0b1220;background:#ffd47a;border-color:#ffd47a80}.route-results{z-index:9;background:#10182afa;border:1px solid #7896c838;border-radius:8px;max-height:210px;position:absolute;top:calc(100% + 2px);left:26px;right:0;overflow:hidden auto}.route-result{text-align:left;cursor:pointer;color:#dbe6f7;width:100%;font:inherit;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.route-result:hover{background:#7896c829}.route-result .rn{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.route-result .rn small{color:#8fa3c4;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}#route-itinerary{margin-top:4px}.route-status{color:#8fa3c4;padding:6px 2px;font-size:12px}.route-status.err{color:#e6a5a5}.route-summary{color:#c9d6ec;margin:8px 0 4px;font-size:12px;font-weight:600}.route-eta{color:#ffd47a;margin:0 0 8px;font-size:12px;font-weight:600}.route-covered-note{color:#a8e6c0;background:#508c6424;border:1px solid #8ce6b04d;border-radius:8px;margin:0 0 8px;padding:6px 9px;font-size:11px;font-weight:600;line-height:1.35}.route-steps{flex-direction:column;gap:2px;list-style:none;display:flex}.route-steps li{color:#c9d6ec;align-items:baseline;gap:8px;padding:3px 2px;font-size:12px;display:flex}.route-steps li small{color:#8fa3c4;font-size:10px;display:block}.route-steps .leg span{flex-direction:column;flex:1;line-height:1.25;display:flex}.route-steps .xfer{color:#ffd47a;flex-wrap:wrap;padding-left:4px;font-size:11px}.route-steps .xfer-cov{color:#9fd0a8;font-weight:700}.route-steps .xfer-open{color:#e6b98a;font-weight:600}.route-steps .ep{font-weight:600}.route-steps .leg .route-dir-to{color:#eaf1fb;font-weight:700}.route-chip{color:#0b1220;background:var(--c);border-radius:6px;flex:none;align-self:center;padding:2px 7px;font-size:11px;font-weight:700}.route-dep{color:#9fd0a8;margin-top:1px;font-size:10px;display:block}.route-note{color:#7e93b6;margin:6px 0 2px;font-size:10px;font-style:italic}.route-maps{color:#8fa3c4;margin-top:8px;font-size:11px}.route-maps a{color:#7ac0ff;text-decoration:none}.route-maps a:hover{text-decoration:underline}.route-fav{cursor:pointer;width:100%;font:inherit;color:#cfe0f7;background:#7896c824;border:1px solid #7896c842;border-radius:8px;margin:2px 0 8px;padding:7px;font-size:12px;font-weight:600;display:block}.route-fav:hover{background:#7896c838}.route-fav.on{color:#ffd47a;border-color:#ffd47a80}#route-collapse{cursor:pointer;width:100%;font:inherit;color:#cfe0f7;background:#7896c829;border:1px solid #7896c847;border-radius:8px;margin-top:8px;padding:8px;font-size:12px;font-weight:600;display:block}#route-collapse:hover{background:#7896c842}#route-collapse[hidden],#route-summary-bar,#route-panel.collapsed h3,#route-panel.collapsed .route-field,#route-panel.collapsed .route-swap,#route-panel.collapsed #route-opts,#route-panel.collapsed #route-itinerary,#route-panel.collapsed #route-collapse,#route-panel.collapsed .route-attrib{display:none}#route-panel.collapsed #route-summary-bar{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:none;flex-direction:column;gap:3px;padding:2px 22px 0 0;display:flex}#route-summary-bar .rsb-line{color:#eaf1fb;font-size:13px;font-weight:700}#route-summary-bar .rsb-ep{color:#c9d6ec;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}#route-summary-bar .rsb-hint{color:#7ac0ff;font-size:10px}.route-attrib{color:#6b7f9f;margin-top:8px;font-size:9px}.route-attrib a{color:#8fa3c4;text-decoration:none}.route-attrib a:hover{text-decoration:underline}#about-scrim{z-index:20;pointer-events:auto;background:#04081099;position:fixed;inset:0}#about-scrim[hidden]{display:none}#about-panel{z-index:21;pointer-events:auto;color:#b9c7de;background:#0d1424fa;border:1px solid #7896c838;border-radius:14px;width:min(92vw,460px);max-height:82vh;padding:20px 22px;font-size:13px;line-height:1.55;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}#about-panel[hidden]{display:none}#about-panel h2{color:#eaf1fb;margin-bottom:10px;padding-right:24px;font-size:18px}#about-panel h3{text-transform:uppercase;letter-spacing:.1em;color:#7e93b6;margin:16px 0 5px;font-size:11px}#about-panel p{margin-bottom:6px}#about-panel .about-contact{color:#8fa3c4;margin-top:14px;font-size:12px}#about-close{color:#8fa3c4;cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:12px;right:14px}.fav-empty{color:#8fa3c4;padding:4px 2px;font-size:12px;line-height:1.5}.fav-list{flex-direction:column;gap:14px;list-style:none;display:flex}#fav-tab-panel .fav-item{padding:0;display:block}.fav-station{color:#eaf1fb;margin-bottom:6px;font-size:13px;font-weight:700}.fav-lines-scroll{scrollbar-width:thin;gap:8px;padding-bottom:4px;display:flex;overflow:auto hidden}.fav-line-block{box-sizing:border-box;cursor:pointer;background:#7896c80f;border:1px solid #7896c81f;border-radius:10px;flex:none;width:200px;height:116px;padding:8px 10px;overflow:hidden}.fav-line-block:hover{background:#7896c824}.fav-line-head{align-items:center;gap:8px;display:flex}.fav-line-head .chip-line{color:#0b1220;background:var(--c);border-radius:5px;flex:none;padding:1px 7px;font-size:11px;font-weight:700}.fav-remove{cursor:pointer;color:#ffd47a;background:0 0;border:none;flex:none;margin-left:auto;padding:2px 6px;font-size:16px;line-height:1}.fav-deps{flex-direction:column;gap:6px;margin-top:6px;display:flex}.fav-dir{font-size:12px}.fav-dest{text-overflow:ellipsis;white-space:nowrap;color:#c9d6ec;display:block;overflow:hidden}.fav-times{color:#9fd0a8;margin-top:1px;padding-left:14px;font-size:11px;display:block}.fav-none{color:#8fa3c4;font-size:11px;font-style:italic}.fav-section{text-transform:uppercase;letter-spacing:.08em;color:#7e93b6;margin-bottom:6px;font-size:11px;font-weight:700}.fav-list+.fav-section{margin-top:14px}.fav-route{cursor:pointer;background:#7896c80f;border:1px solid #7896c81f;border-radius:8px;gap:8px;margin-bottom:5px;display:flex}#fav-tab-panel .fav-route{align-items:flex-start;padding:8px 10px}.fav-route:hover{background:#7896c824}.fav-route-main{flex:1;min-width:0}.fav-route-eps{color:#dbe6f7;font-size:12px;line-height:1.35}.fav-route-info{margin-top:4px}.fav-route-catch{color:#eaf1fb;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.fav-route-catch .chip-line{color:#0b1220;background:var(--c);border-radius:5px;flex:none;padding:1px 6px;font-size:10px;font-weight:700}.fav-route-meta{color:#9fd0a8;margin-top:2px;font-size:11px}.fav-route-arrow{color:#8fa3c4}.fav-route-remove{cursor:pointer;color:#ffd47a;background:0 0;border:none;flex:none;padding:2px 6px;font-size:16px;line-height:1}#update-toast{top:calc(70px + env(safe-area-inset-top,0px));z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#eaf1fb;background:#0d1424f2;border:1px solid #7896c847;border-radius:999px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px 10px 8px 16px;font-size:13px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000059}#update-toast[hidden]{display:none}#update-toast .ut-msg{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#update-toast button{cursor:pointer;font:inherit;flex:none}#update-toast #update-action,#update-toast #update-restart{color:#0b1220;background:#7ac0ff;border:none;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700}#update-toast #update-dismiss{color:#8fa3c4;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}@media (width<=920px),(pointer:coarse){#legend-toggle{z-index:4;display:block}#legend{width:min(78vw,320px);max-height:none;padding:20px 18px calc(20px + env(safe-area-inset-bottom));padding-top:calc(20px + env(safe-area-inset-top));z-index:6;border-right:none;border-radius:0;font-size:14px;transition:transform .22s ease-out;display:block;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%)}body.legend-open #legend{transform:translate(0)}#legend li{gap:10px;padding:11px 8px}#legend input[type=checkbox]{transform:scale(1.25)}#panel{width:min(100vw - 32px,320px);font-size:14px;left:16px}#panel h3{font-size:17px}#panel .deps .dest,#panel .deps .times,#panel ul{font-size:13px}#panel.open~#toolbar,body.legend-open #toolbar,body.legend-open #more-panel{display:none}#toolbar{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 32px)}#toolbar button{padding:11px 15px;font-size:13px}#more-panel button{padding:12px;font-size:14px}#timeline{width:min(100vw - 32px,320px)}#hint{font-size:14px}#title h1{font-size:19px}#title,#legend-toggle{top:calc(14px + env(safe-area-inset-top,0px))}#legend-toggle{right:calc(16px + env(safe-area-inset-right,0px))}#toolbar,#panel{bottom:calc(14px + env(safe-area-inset-bottom,0px))}#more-panel{bottom:calc(64px + env(safe-area-inset-bottom,0px))}#timeline{bottom:calc(116px + env(safe-area-inset-bottom,0px))}#hint{bottom:calc(96px + env(safe-area-inset-bottom,0px))}body.has-banner #toolbar,body.has-banner #panel{bottom:calc(70px + env(safe-area-inset-bottom,0px))}body.has-banner #more-panel{bottom:calc(120px + env(safe-area-inset-bottom,0px))}body.has-banner #timeline{bottom:calc(172px + env(safe-area-inset-bottom,0px))}body.has-banner #hint{bottom:calc(152px + env(safe-area-inset-bottom,0px))}#route-panel{top:calc(58px + env(safe-area-inset-top,0px));width:auto;max-width:none;left:16px;right:16px}#route-itinerary{max-height:46vh;overflow-y:auto}.route-field input{padding:10px 12px;font-size:16px}}