*{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#e2e8f0;background:#0b1220}button{font:inherit;cursor:pointer;border:none;border-radius:.75rem;padding:.9rem 1.1rem;min-height:48px}.diagnostics-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;padding-top:max(1.5rem,env(safe-area-inset-top));padding-bottom:max(1.5rem,env(safe-area-inset-bottom));overflow-y:auto}.diagnostics-card{max-width:34rem;width:100%}.diagnostics-card h1{font-size:1.25rem;margin-bottom:1rem}.diagnostics-route-info{font-size:.85rem;color:#38bdf8;background:#0f172a;border-radius:.5rem;padding:.5rem .7rem;margin:-.5rem 0 1rem}.diagnostics-list{display:grid;grid-template-columns:1fr auto;gap:.4rem 1rem;font-size:.9rem;margin:0 0 1.5rem}.diagnostics-list dt{color:#94a3b8}.diagnostics-list dd{margin:0;text-align:right;word-break:break-word}.diagnostics-actions{display:flex;gap:.75rem;flex-wrap:wrap}.diagnostics-actions button[data-action=scan-qr]{background:#38bdf8;color:#0b1220;font-weight:600;flex:1 1 100%}.diagnostics-actions button[data-action=start-ar]{background:#38bdf8;color:#0b1220;font-weight:600;flex:1}.diagnostics-actions button[data-action=start-ar]:disabled{background:#334155;color:#64748b;cursor:not-allowed}.diagnostics-actions button[data-action=use-fallback]{background:transparent;border:1px solid #334155;color:#e2e8f0;flex:1}.diagnostics-note{margin-top:1rem;font-size:.8rem;color:#64748b}.waypoint-picker-select{width:100%;background:#0f172a;color:#e2e8f0;border:1px solid #334155;border-radius:.5rem;padding:.6rem;font:inherit}.diagnostics-actions button[data-action=submit]{background:#38bdf8;color:#0b1220;font-weight:600;width:100%}.waypoint-picker-scan{width:100%;margin:.5rem 0 .75rem;background:transparent;border:1px solid #38bdf8;color:#38bdf8}.qr-scanner{position:fixed;inset:0;z-index:50;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-scanner-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.qr-scanner-frame{position:relative;width:60vw;max-width:16rem;aspect-ratio:1;border:3px solid #38bdf8;border-radius:1rem;box-shadow:0 0 0 999px #00000073;transition:border-color .15s ease-out}.qr-scanner-success .qr-scanner-frame{border-color:#22c55e}.qr-scanner-success .qr-scanner-hint{color:#4ade80;font-weight:700}.qr-scanner-hint{position:absolute;bottom:6rem;left:1rem;right:1rem;text-align:center;color:#e2e8f0;font-size:.9rem}.qr-scanner-error{position:absolute;bottom:4.5rem;left:1rem;right:1rem;text-align:center;color:#fbbf24;font-size:.8rem;min-height:1em}.qr-scanner-cancel{position:absolute;bottom:max(1.5rem,env(safe-area-inset-bottom));background:#0f172ad9;color:#e2e8f0;border:1px solid #334155;padding:.6rem 1.5rem}.ar-hud{position:fixed;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.ar-hud-top,.ar-hud-bottom{pointer-events:auto}.ar-hud--split{bottom:40%}.ar-hud--hidden{display:none}.ar-hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.ar-hud-destination{background:#0b1220bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.5rem .9rem;border-radius:1rem;font-size:.85rem;font-weight:600;display:flex;flex-direction:column;gap:.15rem}.ar-hud-anchor-badge{font-size:.68rem;font-weight:400;color:#94a3b8}.ar-hud-reset{background:#0b1220bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e2e8f0;font-size:.8rem;padding:.5rem .8rem}.ar-hud-bottom{background:#0b1220d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:1rem;padding:.9rem 1rem}.ar-hud-instruction{font-size:1.1rem;font-weight:600}.ar-hud-distance{color:#94a3b8;font-size:.9rem;margin-top:.15rem}.ar-hud-progress{margin-top:.6rem;height:6px;border-radius:999px;background:#1e293b;overflow:hidden}.ar-hud-progress-fill{height:100%;background:#38bdf8;width:0%;transition:width .2s ease-out}.ar-hud-arrived{margin-top:.6rem;color:#22c55e;font-weight:700}.ar-hud-off-route{margin-top:.6rem;color:#fbbf24;font-weight:600;font-size:.85rem}.ar-hud-debug{margin-top:.6rem;font-family:ui-monospace,monospace;font-size:.68rem;color:#64748b}.align-hud{position:fixed;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;padding:max(.75rem,env(safe-area-inset-bottom))}.align-card{pointer-events:auto;background:#0b1220d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:1rem;padding:1rem}.align-card p{margin:0 0 .75rem;font-size:.9rem}.align-compass{display:flex;justify-content:center;margin-bottom:.75rem}.align-compass-arrow{width:3rem;height:3rem;border-radius:50%;background:#1e293b;border:2px solid #38bdf8;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#38bdf8;will-change:transform}.align-debug{font-family:ui-monospace,monospace;font-size:.72rem;color:#94a3b8;background:#0f172a;border-radius:.5rem;padding:.4rem .5rem}.debug-error-banner{position:fixed;top:max(.5rem,env(safe-area-inset-top));left:.5rem;right:.5rem;z-index:999;background:#7f1d1d;color:#fecaca;font-family:ui-monospace,monospace;font-size:.72rem;padding:.5rem .75rem;border-radius:.5rem;pointer-events:none}.telemetry-export-button{position:fixed;left:max(.5rem,env(safe-area-inset-left));bottom:max(.5rem,env(safe-area-inset-bottom));z-index:1000;width:2.25rem;height:2.25rem;padding:0;border-radius:50%;background:#0f172a99;color:#e2e8f0;font-size:1rem;line-height:1;border:1px solid rgba(148,163,184,.4)}.notice-banner{position:fixed;top:max(.5rem,env(safe-area-inset-top));left:.5rem;right:.5rem;z-index:998;background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#94a3b8;font-size:.72rem;padding:.5rem .75rem;border-radius:.5rem;pointer-events:none}.align-card button{width:100%;background:#38bdf8;color:#0b1220;font-weight:600}.align-card button:disabled{background:#334155;color:#64748b;cursor:not-allowed}.align-card .align-give-up{margin-top:.5rem;background:transparent;border:1px solid #475569;color:#94a3b8;font-weight:400;font-size:.8rem}.fallback-2d{position:fixed;inset:0;display:flex;flex-direction:column}.fallback-2d canvas{flex:1;min-height:0;width:100%;display:block;background:#0f172a}.fallback-2d--compact{inset:60% 0 0;border-top:2px solid rgba(148,163,184,.5);box-shadow:0 -6px 16px #00000073}.fallback-2d--compact .fallback-hud{display:none}.fallback-hud{padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));background:#0f172a}.fallback-instruction{font-size:1.1rem;font-weight:600}.fallback-distance{color:#94a3b8;margin:.15rem 0 .75rem}.fallback-hud button{background:#38bdf8;color:#0b1220;font-weight:600;width:100%}.fallback-note{margin:.75rem 0 0;font-size:.78rem;color:#64748b}