#ar-ram-vfx{position:absolute;inset:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 10vw 2vw #1d587e80;transition:opacity .25s;overflow:hidden}
.ram-aiming #ar-ram-vfx{opacity:1}
#ar-ram-vfx:before,#ar-ram-vfx:after{content:"";position:absolute;inset:-2%;border:2px solid #a3e4ea50;transform:scale(.98,1.05);animation:ar-time-wave 2.4s ease-out infinite;opacity:.65}
#ar-ram-vfx:after{animation-delay:1.2s}
@keyframes ar-time-wave{from{transform:scale(.93,.96);opacity:0}40%{opacity:.65}to{transform:scale(1.06,1.13);opacity:0}}
#ar-ram-timer{position:absolute;top:3px;right:5px;color:#ffe1a7;font-size:15px}
html body #ar-ram{position:relative;border-bottom-color:#98d9df}
html body #ar-ram[aria-pressed="true"]{background:#315a68;border-color:#ffe1a7;color:#ffe1a7}
html body #ar-ui.ram-aiming #ar-aim{outline:2px solid #ffe1a7;outline-offset:-4px}
html body #ar-ram-help{position:absolute;bottom:158px;right:12px;max-width:310px;padding:8px 10px;background:#203645eb;color:#e4f0e6;font-size:13px;line-height:1.5;pointer-events:none;border-left:2px solid #e7bb7c}
html body .ar-touch #ar-tools{gap:6px}
html body .ar-touch #ar-tools button{flex:1;min-width:44px;padding:7px 4px}
html body .ar-touch #ar-tools b{font-size:12px}
@media(orientation:portrait){html body #ar-ram-help{left:12px;right:12px;bottom:255px;max-width:none;text-align:center}}
@media(orientation:landscape) and (max-height:450px){html body .ar-touch #ar-tools{left:27%;right:27%;gap:4px}html body .ar-touch #ar-tools button{padding:4px 2px;min-height:56px}html body .ar-touch #ar-tools b{font-size:11px}html body #ar-ram-help{bottom:160px;max-width:245px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#ar-ram-vfx:before,#ar-ram-vfx:after{animation:none}#ar-ram-vfx{transition:none}}
