*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#06131c;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.ar8-body{color:#fff}.ar8-app{position:fixed;inset:0;overflow:hidden;background:#071722;--glass:rgba(248,252,255,.93);--dark:rgba(7,23,34,.92)}
.ar8-camera,.ar8-placeholder,.ar8-canvas,.ar8-vignette{position:absolute;inset:0;width:100%;height:70%}.ar8-camera{object-fit:cover;background:#08151f}.ar8-placeholder{overflow:hidden}.ar8-placeholder img{width:100%;height:100%;object-fit:cover;filter:blur(4px) brightness(.52);transform:scale(1.04)}.ar8-canvas{z-index:3;pointer-events:none}.ar8-vignette{z-index:4;pointer-events:none;background:linear-gradient(180deg,rgba(5,17,27,.42),transparent 25%,transparent 70%,rgba(5,17,27,.38));box-shadow:inset 0 0 90px rgba(0,0,0,.22)}
.ar8-metrics{position:absolute;z-index:20;top:max(10px,env(safe-area-inset-top));right:9px;left:9px;display:grid;grid-template-columns:44px repeat(3,1fr);gap:6px}.ar8-metrics>div,.ar8-close{height:54px;border:1px solid rgba(255,255,255,.64);border-radius:17px;background:var(--glass);box-shadow:0 12px 30px rgba(0,0,0,.22);backdrop-filter:blur(18px);color:#152235;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.ar8-close{font-size:26px;background:rgba(7,23,34,.8);color:#fff}.ar8-metrics small{font-size:8px;color:#667085;font-weight:900}.ar8-metrics strong{font-size:14px;margin-top:1px}
.ar8-instruction{position:absolute;z-index:20;top:calc(max(10px,env(safe-area-inset-top)) + 65px);right:50%;transform:translateX(50%);width:min(420px,calc(100% - 28px));min-height:58px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(7,23,34,.88);box-shadow:0 14px 36px rgba(0,0,0,.28);backdrop-filter:blur(14px);display:flex;align-items:center;gap:10px}.ar8-instruction>span{font-size:31px;color:#69f1dd}.ar8-instruction strong{display:block;font-size:14px}.ar8-instruction small{display:block;margin-top:2px;color:#cbd5e1;font-size:9px}.ar8-compass{position:absolute;z-index:18;top:145px;right:14px;display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(7,23,34,.58);font-size:9px}.ar8-compass b{color:#8ff5e8}
.ar8-mini-map{position:absolute;z-index:8;right:0;left:0;bottom:0;height:36%;min-height:230px;border-radius:28px 28px 0 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.55);box-shadow:0 -18px 48px rgba(2,8,14,.25);background:#e7edf2}.ar8-mini-map #ar8-map{position:absolute;inset:0}.ar8-map-fade{position:absolute;z-index:400;top:0;right:0;left:0;height:52px;background:linear-gradient(#f8fbfd,rgba(248,251,253,0));pointer-events:none}.ar8-map-controls{position:absolute;z-index:600;right:12px;left:12px;bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px}.ar8-map-controls>*{height:42px;border:1px solid rgba(15,23,42,.09);border-radius:13px;background:rgba(255,255,255,.95);color:#24364c;text-decoration:none;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 10px}.ar8-map-controls button{background:#071722;color:#fff}.ar8-app.is-map-only .ar8-camera,.ar8-app.is-map-only .ar8-placeholder,.ar8-app.is-map-only .ar8-canvas,.ar8-app.is-map-only .ar8-vignette{display:none}.ar8-app.is-map-only .ar8-mini-map{height:100%;border-radius:0}.ar8-app.is-map-only .ar8-instruction{top:calc(max(10px,env(safe-area-inset-top)) + 65px)}
.ar8-permission{position:absolute;z-index:100;inset:0;background:radial-gradient(circle at 50% 23%,rgba(12,157,160,.25),transparent 34%),linear-gradient(180deg,rgba(4,14,23,.66),rgba(4,14,23,.94));display:grid;place-items:center;padding:24px}.ar8-permission.is-hidden{display:none}.ar8-permission-card{width:min(440px,100%);padding:25px 22px;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:rgba(8,29,43,.88);box-shadow:0 28px 80px rgba(0,0,0,.4);text-align:center;backdrop-filter:blur(20px)}.ar8-kicker{font-size:10px;font-weight:900;color:#74f0df}.ar8-permission h1{margin:8px 0;font-size:26px}.ar8-permission p{margin:0;color:#d2dee7;font-size:13px;line-height:1.8}.ar8-privacy{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:15px 0}.ar8-privacy span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.08);font-size:9px}.ar8-permission button{width:100%;min-height:50px;border:0;border-radius:16px;background:linear-gradient(135deg,#0ecfbb,#0d91bd);color:#fff;font-size:13px;font-weight:900;margin-top:7px}.ar8-permission button.secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13)}.ar8-permission-card>small{display:block;margin-top:10px;color:#8fa4b5;font-size:9px}
.ar8-arrival{position:absolute;z-index:110;inset:0;background:rgba(4,14,23,.82);display:grid;place-items:center;padding:24px}.ar8-arrival>div{width:min(400px,100%);padding:24px;border-radius:26px;background:#fff;color:#122234;text-align:center}.ar8-arrival span{width:56px;height:56px;border-radius:50%;background:#d1fae5;color:#047857;display:grid;place-items:center;margin:auto;font-size:28px}.ar8-arrival h2{margin:6px 0}.ar8-arrival p{color:#667085;font-size:11px}.ar8-arrival a,.ar8-arrival button{min-height:44px;border:0;border-radius:13px;padding:0 14px;margin:5px;text-decoration:none;background:#071722;color:#fff;font-weight:900}.ar8-arrival button{background:#eef2f6;color:#344054}.ar8-toast{position:absolute;z-index:120;right:50%;bottom:calc(36% + 18px);transform:translate(50%,10px);max-width:calc(100% - 30px);padding:9px 13px;border-radius:13px;background:#071722;color:#fff;font-size:10px;font-weight:800;opacity:0;transition:.2s}.ar8-toast.show{opacity:1;transform:translate(50%,0)}
.ar8-user{width:34px;height:34px;border-radius:50%;background:#0d9ec0;border:4px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.25);position:relative}.ar8-user:before{content:"";position:absolute;left:50%;top:-16px;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:18px solid #0d9ec0}.leaflet-control-attribution{font-size:7px!important;margin-bottom:58px!important}
@media(min-width:800px){.ar8-camera,.ar8-placeholder,.ar8-canvas,.ar8-vignette{height:100%;right:0;left:34%}.ar8-mini-map{right:0;left:auto;width:34%;height:100%;border-radius:0 24px 24px 0;border-top:0;border-left:1px solid rgba(255,255,255,.5)}.ar8-metrics{right:calc(34% + 14px)}.ar8-instruction{right:calc(34% + (66% / 2));transform:translateX(50%)}.ar8-toast{right:calc(34% + (66% / 2));bottom:24px}.ar8-compass{right:calc(34% + 18px)}}
@media(prefers-reduced-motion:reduce){.ar8-toast{transition:none}}