#app:has(#screen-ar-outing.active){max-width:none;width:100%}
.ar-outing-screen{position:relative;background:#07151b;color:#f5ead3;overflow:hidden}
#screen-ar-outing .ar-outing-motion{grid-column:1/-1;margin:0;padding:8px 10px;border:1px solid #7d9f91;border-radius:10px;background:#0b292ded;color:#f6e5bc;font-size:12px;line-height:1.5;max-width:100%;word-break:keep-all}
#screen-ar-outing.active{display:flex;flex-direction:column;height:100%;height:100dvh}
.ar-outing-scene,.ar-outing-video,.ar-outing-fallback{position:absolute;inset:0;width:100%;height:100%}
.ar-outing-scene{overflow:hidden;touch-action:none;background:#07151b}
.ar-outing-video{object-fit:cover;background:#07151b}
.ar-outing-fallback{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 42%,#24434a,#07151b 68%);color:#adc4bd;font-size:12px;text-align:center}
.ar-outing-head{position:relative;z-index:5;display:flex;flex-shrink:0;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));background:linear-gradient(#06171de8,transparent)}
.ar-outing-head>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.ar-outing-head b{font-size:16px}.ar-outing-head small{font-size:10px;color:#bfd2c8;line-height:1.4}
.ar-outing-exit,.ar-outing-home,.ar-outing-recenter{min-width:44px;min-height:44px}
.ar-outing-exit,.ar-outing-home{flex-shrink:0;padding:8px;font-size:11px}
.ar-outing-guidance{position:relative;z-index:5;flex-shrink:0;display:grid;justify-items:center;gap:5px;margin:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));pointer-events:none}
.ar-outing-objective{margin:0;padding:6px 10px;background:#071c23e6;border-radius:8px;font-size:12px;font-weight:700;text-align:center;line-height:1.4}
.ar-outing-mode{margin:0;padding:4px 10px;border-radius:10px;background:#071c23b8;color:#c7dad1;font-size:10px;text-align:center;line-height:1.4}
.ar-outing-targets{position:absolute;inset:0;z-index:2;pointer-events:none}
.ar-outing-target{position:absolute;left:0;top:0;transform:translate(var(--ar-x),var(--ar-y)) translate(-50%,-58%) scale(var(--ar-scale));width:132px;min-height:150px;padding:0;border:0;background:none;color:#fff;pointer-events:auto;touch-action:manipulation;filter:drop-shadow(0 9px 8px #0009)}
.ar-outing-spirit{display:block;width:124px;height:136px;margin:auto;object-fit:contain;pointer-events:none}
.ar-outing-indicator{position:absolute;left:50%;bottom:16px;transform:translateX(-50%) rotate(45deg);display:grid;place-items:center;width:44px;height:44px;color:#e8d28e;font-size:30px;text-shadow:0 0 10px #07191e;pointer-events:none}
.ar-outing-label{position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;min-width:112px;text-shadow:0 2px 4px #000,0 0 8px #000;pointer-events:none}
.ar-outing-label b{font-size:12px;white-space:nowrap}.ar-outing-label small{font-size:9px;color:#e5dab8;white-space:nowrap}
.ar-outing-target.missing-art{min-height:88px}.ar-outing-target.missing-art .ar-outing-indicator{bottom:27px}.ar-outing-target.offscreen{opacity:.72}.ar-outing-target.offscreen .ar-outing-spirit{opacity:.35}
.ar-outing-target:focus-visible{outline:2px solid #f3d58d;outline-offset:4px;border-radius:50%}
.ar-outing-footer{position:relative;z-index:5;flex-shrink:0;margin:auto max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 8px;pointer-events:none}
.ar-outing-discovery,.ar-outing-safety{margin:0;padding:8px 11px;border-radius:10px;background:#071c23cf;text-shadow:0 1px 2px #000}
.ar-outing-discovery{font-size:11px}.ar-outing-safety{grid-column:1/-1;color:#f1d7a2;font-size:10px;line-height:1.45}
.ar-outing-recenter{pointer-events:auto;padding:8px 12px;font-size:10px}
.ar-outing-entry{min-height:44px}
@media(orientation:landscape) and (max-height:500px){.ar-outing-head{padding-top:calc(5px + env(safe-area-inset-top));padding-bottom:5px}.ar-outing-guidance{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px}.ar-outing-objective{justify-self:start}.ar-outing-mode{grid-column:1/-1;padding:2px 8px}.ar-outing-footer{align-items:center;gap:3px 8px;margin-bottom:calc(5px + env(safe-area-inset-bottom))}.ar-outing-discovery,.ar-outing-safety{padding:5px 8px}.ar-outing-target{width:110px;min-height:125px}.ar-outing-spirit{width:104px;height:112px}}
@media(prefers-reduced-motion:reduce){.ar-outing-target{transition:none}}

#screen-ar.outdoor-cutout .ghost-wrap{width:min(44vw,196px);height:min(38dvh,260px)}
#screen-ar.outdoor-cutout .ghost-img{filter:drop-shadow(0 7px 12px #0008)}
.ar-outing-target.offscreen{width:44px;min-height:44px;pointer-events:none;visibility:hidden}
.ar-outing-mode{max-width:100%;white-space:normal}

/* V40 visual reset still supplies absolute-layout offsets and tiny copy. */
#screen-ar-outing.ar-outing-screen .ar-outing-footer{left:auto;right:auto;bottom:auto}
#screen-ar-outing.ar-outing-screen .ar-outing-mode{top:auto;color:#c7dad1;font-size:11px;opacity:1}
#screen-ar-outing.ar-outing-screen .ar-outing-head small{font-size:10px;color:#bfd2c8}
#screen-ar-outing.ar-outing-screen .ar-outing-discovery{font-size:12px}
#screen-ar-outing.ar-outing-screen .ar-outing-safety{font-size:11px}

/* V39 omen-first discovery: distance becomes tension before identity. */
.ar-outing-signal{display:flex;align-items:center;gap:8px;max-width:100%;padding:5px 10px;border:1px solid #9bb7a055;border-radius:999px;background:#051316d9;box-shadow:0 8px 22px #0005;pointer-events:none}
.ar-outing-signal-bars{display:flex;align-items:end;gap:2px;height:16px}.ar-outing-signal-bars i{display:block;width:4px;height:5px;border-radius:3px;background:#78908755;transition:height .18s ease,background .18s ease}.ar-outing-signal-bars i:nth-child(2){height:8px}.ar-outing-signal-bars i:nth-child(3){height:12px}.ar-outing-signal-bars i:nth-child(4){height:16px}.ar-outing-signal-bars i.active{background:#e8cf81;box-shadow:0 0 7px #d9b65b88}
.ar-outing-signal-text{font-size:10px;color:#e6e2cf;white-space:nowrap}
#screen-ar-outing[data-signal="strong"] .ar-outing-signal,#screen-ar-outing[data-signal="manifest"] .ar-outing-signal{border-color:#e2c87899;background:#17150fe6}
#screen-ar-outing[data-signal="manifest"] .ar-outing-scene::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 74px #c864462c;pointer-events:none}
.ar-outing-spirit.behavior-watch{animation:omen-watch 3.4s ease-in-out infinite}.ar-outing-spirit.behavior-drift{animation:omen-drift 4.2s ease-in-out infinite}.ar-outing-spirit.behavior-flicker{animation:omen-flicker 3.8s steps(1,end) infinite}
@keyframes omen-watch{0%,72%,100%{transform:translateY(0) scale(1)}82%{transform:translateY(-3px) scale(1.025)}}
@keyframes omen-drift{0%,100%{transform:translateX(-4px)}50%{transform:translateX(4px)}}
@keyframes omen-flicker{0%,76%,84%,100%{opacity:1}80%{opacity:.58}}
@media(orientation:landscape) and (max-height:500px){.ar-outing-signal{padding:4px 9px}}
@media(prefers-reduced-motion:reduce){.ar-outing-spirit.behavior-watch,.ar-outing-spirit.behavior-drift,.ar-outing-spirit.behavior-flicker{animation:none}.ar-outing-signal-bars i{transition:none}}
