:root{--bg: #0f1115;--panel: #161a21;--panel-2: #1f2530;--border: #2b3342;--text: #e7ebf0;--muted: #8a94a3;--accent: #ef4444;--brand: #3b82f6;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Inter,sans-serif;overscroll-behavior:none}header{position:sticky;top:0;z-index:20;padding:calc(8px + var(--safe-top)) 10px 8px;background:var(--panel);border-bottom:1px solid var(--border);display:grid;grid-template-columns:64px minmax(0,1fr) 44px minmax(0,1fr);grid-template-areas:"floor from swap to";gap:6px;align-items:center}header h1{display:none}header label{display:flex;flex-direction:column;gap:4px;min-width:0}.lbl{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}@media(max-width:767px){.lbl{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}#wrap-floor{grid-area:floor}#wrap-from{grid-area:from}#wrap-to{grid-area:to}#summary{position:absolute;top:calc(8px + var(--safe-top) + 56px);right:12px;z-index:6;background:#161a21eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 10px;border-radius:8px;border:1px solid var(--border);font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px;line-height:1.3;pointer-events:none;max-width:60%;text-align:right}#summary strong{color:var(--text);font-size:14px}#summary:empty{display:none}select,input,button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font:inherit;min-height:44px;width:100%}input{-webkit-appearance:none}select:focus,input:focus,button:focus{outline:2px solid var(--brand);outline-offset:1px}::placeholder{color:var(--muted)}body{display:flex;flex-direction:column}main{flex:1 1 auto;display:flex;min-height:0;padding-bottom:calc(72px + var(--safe-bottom))}#map-wrap{position:relative;flex:1 1 auto;overflow:hidden;background:#0b0d11;min-height:0}#map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none}#map image{-webkit-user-drag:none}#zoom-controls{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;z-index:5}#zoom-controls button{width:44px;height:44px;padding:0;font-size:20px;background:#161a21e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:var(--border)}#btn-compass[aria-pressed=true]{background:var(--brand);color:#fff;border-color:var(--brand)}#turn-banner{position:absolute;top:12px;left:12px;right:68px;z-index:5;background:#161a21eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 14px #0000004d}#turn-glyph{font-size:32px;line-height:1;color:var(--accent);font-weight:700;min-width:40px;text-align:center}#turn-text{flex:1;min-width:0}#turn-distance{font-size:20px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.1}#turn-instruction{font-size:13px;color:var(--muted);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#progress-strip{position:absolute;left:12px;right:12px;top:88px;z-index:5;height:4px;background:#2b3342d9;border-radius:2px;overflow:hidden}#progress-fill{height:100%;width:0;background:var(--brand);border-radius:2px;transition:width .45s cubic-bezier(.4,0,.2,1)}#btn-swap{grid-area:swap;align-self:stretch;width:44px;min-width:44px;padding:0;font-size:18px;background:var(--panel-2);border-color:var(--border)}#btn-swap:hover,#btn-swap:active{background:#1b2940;color:var(--brand)}.combo{position:relative;display:flex}.combo input{padding-right:38px;width:100%}.combo-toggle{position:absolute;right:0;top:0;bottom:0;width:36px;background:transparent;color:var(--muted);cursor:pointer;border:none;border-left:1px solid var(--border);border-radius:0 8px 8px 0;padding:0;font-size:14px;min-height:0;display:flex;align-items:center;justify-content:center}.combo-toggle:hover{color:var(--text);background:#ffffff0a}.combo input[aria-expanded=true]+.combo-toggle{color:var(--brand);transform:rotate(180deg)}.combo-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;max-height:280px;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 8px 24px #00000080}.combo-option{padding:12px 14px;cursor:pointer;min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--border);font-size:15px;color:var(--text)}.combo-option:last-child{border-bottom:none}.combo-option:hover,.combo-option.highlighted{background:#1b2940;color:#93c5fd}.combo-option[hidden]{display:none}.combo-empty{padding:14px;color:var(--muted);font-size:13px;text-align:center}.arrived .end-marker{animation:arrival-pulse 1.2s ease-out 3}@keyframes arrival-pulse{0%{r:22;opacity:1}50%{r:44;opacity:.6}to{r:22;opacity:1}}#sheet{position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--panel);border-top:1px solid var(--border);box-shadow:0 -6px 20px #00000059;transform:translateY(calc(100% - 72px));transition:transform .25s ease;max-height:30vh;overflow:hidden;padding-bottom:var(--safe-bottom)}#sheet.open{transform:translateY(0)}#sheet-handle{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);min-height:56px}#sheet-handle:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--border);border-radius:2px}#sheet-handle h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-weight:600}#sheet-chevron{color:var(--muted);transition:transform .25s ease}#sheet.open #sheet-chevron{transform:rotate(180deg)}#steps{padding:12px 16px 8px;overflow-y:auto;max-height:calc(30vh - 136px);-webkit-overflow-scrolling:touch}.step{padding:12px 14px;margin-bottom:8px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border);display:flex;gap:12px;align-items:flex-start;cursor:pointer;transition:background .15s,border-color .15s;line-height:1.5}.step:hover,.step:focus{background:#242b38;outline:none}.step.active{background:#1b2940;border-color:var(--brand)}.step-num{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600;min-width:18px;text-align:right}.turn{color:var(--accent);font-weight:600}.empty-state{color:var(--muted);padding:10px 12px;border:1px dashed var(--border);border-radius:8px;text-align:center}.error{color:#fca5a5;background:#3b0d12;border:1px solid #7f1d1d;padding:10px 12px;border-radius:8px}#step-nav{position:sticky;bottom:0;display:flex;gap:6px;padding:10px 12px 14px;background:linear-gradient(to bottom,transparent,var(--panel) 30%);border-top:1px solid var(--border);align-items:center}#step-nav button{flex:1 1 auto;min-width:44px}#step-nav button.primary{background:var(--brand);border-color:var(--brand);flex:2}#step-nav button.toggle[aria-pressed=true]{background:#1b2940;border-color:var(--brand);color:#93c5fd}#step-nav .step-counter{flex:0 0 60px;text-align:center;align-self:center;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}#map{transition:transform .45s cubic-bezier(.4,0,.2,1);transform-origin:50% 40%}#nav-cursor{position:absolute;left:50%;top:40%;z-index:6;width:48px;height:48px;margin-left:-24px;margin-top:-24px;pointer-events:none;display:none}#nav-cursor.visible{display:block}#nav-cursor .dot{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:#3b82f6;border:3px solid #0b0d11;box-shadow:0 0 0 4px #3b82f659}#nav-cursor .pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#3b82f659;animation:nav-pulse 1.8s ease-out infinite}@keyframes nav-pulse{0%{transform:scale(.4);opacity:.7}70%{transform:scale(2.2);opacity:0}to{transform:scale(2.2);opacity:0}}@media(min-width:768px){header{grid-template-columns:auto 100px 1fr auto 1fr;grid-template-areas:"brand floor from swap to";align-items:end}header h1{display:block;grid-area:brand;font-size:14px;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 4px 10px 0}main{display:grid;grid-template-columns:1fr 360px;flex-direction:row;height:calc(100vh - 100px)}#sheet{position:static;transform:none;transition:none;max-height:none;box-shadow:none;border-top:none;border-left:1px solid var(--border);padding-bottom:0}#sheet-handle{cursor:default;pointer-events:none}#sheet-handle:before{display:none}#sheet-chevron{display:none}#steps{max-height:none;height:100%}}