.appContainer{height:100vh;display:flex;flex-direction:column;font-family:sans-serif;background:#000;color:#fff}.splashScreen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.splashVideo{width:300px;border-radius:20px}.splashTitle{font-size:32px;margin-top:10px}.page{padding:20px;text-align:center}.navBar{position:fixed;bottom:0;left:0;width:100%;background:#111;padding:10px;display:flex;justify-content:space-around}.navBar button{background:#222;color:#fff;padding:10px 15px;border:none;border-radius:8px}.splashScreen{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000;cursor:pointer;transition:opacity .5s ease}.splashExit{opacity:0}.splashVideo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.splashVideoHidden{opacity:0}.splashTitle{position:relative;z-index:2;font-size:32px;margin-top:0;text-shadow:0 0 10px rgba(0,0,0,.8)}.splashStartOverlay{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#000000d9,#000000fa)}.splashStartButton{margin-top:16px;padding:10px 20px;border-radius:999px;border:none;font-size:16px;font-weight:700;cursor:pointer;background:#fff;color:#000}.splashLoader{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#000000bf,#000000f2)}.spinner{width:40px;height:40px;border-radius:50%;border:4px solid #fff;border-top-color:transparent;animation:spin 1s linear infinite;margin-bottom:12px}.statusActionButton{margin-left:auto;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.85);background:#0f172a;color:#e5e7eb;font-size:11px;cursor:pointer;white-space:nowrap}.statusActionButton:hover{background:#111827}.smallSpinner{width:24px;height:24px}.splashLoadingText{font-size:14px;opacity:.9}.travelSetup{display:flex;flex-direction:column;gap:16px}.travelHeader h1{margin-bottom:4px}.travelHeader p{font-size:14px;opacity:.9}.locationStatus{display:flex;flex-direction:row;align-items:center;gap:12px}.locationStatusText{font-size:14px}.directionPrompt p,.directionHint p{font-size:14px;opacity:.9}.directionButtons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.directionButtons button{min-width:70px;padding:10px 14px;border-radius:999px;border:none;background:#fff;color:#000;font-weight:700;cursor:pointer}.travelAnimation{margin-top:10px;display:flex;justify-content:center}.travelAnimationVideo{max-width:260px;border-radius:16px;opacity:.9}.nextExitPage{text-align:left}.exitCard{margin-top:16px;padding:16px;border-radius:16px;background:#111;box-shadow:0 4px 12px #00000080}.exitMainLine{font-size:18px;margin-bottom:8px}.distanceText,.exitName{font-weight:700}.exitServicesLine{font-size:14px;margin-bottom:8px}.exitServices{display:block;margin-top:4px}.exitMeta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;opacity:.7}.otherExits{margin-top:20px;font-size:14px}.otherExits ul{padding-left:18px;margin-top:8px}.otherExits li{margin-bottom:6px}.travelSetupPage{padding:24px 20px 80px;display:flex;justify-content:center;align-items:flex-start;background:radial-gradient(circle at top,#1f2937 0,#020617 55%,#000)}.travelCard{width:100%;max-width:420px;background:#0f172ae6;border-radius:24px;padding:18px 18px 22px;box-shadow:0 18px 40px #0009;border:1px solid rgba(148,163,184,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.travelTopRow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.travelCopy{flex:1}.travelBadge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;background:#2563eb33;color:#93c5fd;margin-bottom:6px}.travelTitle{font-size:20px;margin:0 0 4px}.travelSubtitle{font-size:13px;opacity:.9;margin:0}.accentText{color:#38bdf8;font-weight:600}.travelMiniMap{width:110px;min-width:90px;border-radius:18px;overflow:hidden;border:1px solid rgba(148,163,184,.4);box-shadow:0 8px 24px #000000b3}.travelAnimationVideo{width:100%;height:100%;object-fit:cover}.locationStatusRow{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;border-radius:14px;background:#0f172ae6;border:1px solid rgba(51,65,85,.9)}.locationStatusText{flex:1;font-size:12px;opacity:.95}.locationDot{width:10px;height:10px;border-radius:999px;background:#6b7280}.locationDot.ok{background:#4ade80;box-shadow:0 0 10px #4ade80cc}.locationDot.pending{background:#facc15;box-shadow:0 0 10px #facc15cc}.locationDot.error{background:#f97373;box-shadow:0 0 10px #f87171cc}.smallSpinner{width:20px;height:20px}.directionSection{margin-top:18px}.directionLabel{font-size:13px;margin-bottom:8px}.directionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.directionButton{border:none;border-radius:18px;padding:10px 12px;background:linear-gradient(135deg,#1e293b,#020617);color:#e5e7eb;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-shadow:0 8px 22px #000c;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.directionButton:hover,.directionButton:active{transform:translateY(-1px);box-shadow:0 16px 32px #000000e6;background:linear-gradient(135deg,#1d4ed8,#020617)}.dirLetter{font-size:18px;font-weight:700}.dirHint{font-size:11px;opacity:.85}.directionHintText{margin-top:10px;font-size:11px;opacity:.8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mapGuyBubble{position:absolute;top:-10px;left:50%;transform:translate(-50%);max-width:220px;padding:8px 12px;border-radius:16px;background:#000c;border:1px solid rgba(255,255,255,.25);font-size:11px;line-height:1.4;text-align:center;box-shadow:0 6px 18px #0009}.mapGuyBubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(0,0,0,.8)}.travelMiniMap{position:relative;margin-top:10px;display:flex;justify-content:center}.transitionScreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:999}.transitionScreen.fade-in{animation:transitionFadeIn .5s forwards}.transitionScreen.fade-out{opacity:0;transition:opacity .5s ease}.transitionVideo{width:100%;height:100%;object-fit:cover}.transitionOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.transitionText{font-size:clamp(24px,4vw,40px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 0 12px rgba(0,0,0,.9)}@keyframes transitionFadeIn{0%{opacity:0}to{opacity:1}}.locationAccess{font-family:Impact,sans-serif;font-size:clamp(26px,5vw,42px);font-weight:900;color:#000;text-shadow:none;position:absolute;bottom:18%;left:68%;transform:translate(-50%);text-align:center}.backButton{border-radius:999px;padding:8px 14px;margin-bottom:12px;margin-top:4px;background:#e5e7eb;color:#111827;font-size:13px;font-weight:600;border:1px solid #4b5563;cursor:pointer}.backButton:hover{background:#f9fafb}