#awp-scope { position: fixed; inset: 0; z-index: 10; pointer-events: none; display: grid; place-items: center; overflow: hidden; }
#awp-scope[hidden] { display: none; }
#awp-scope .scope-lens { position: relative; width: 92vmin; height: 92vmin; border: 2px solid #000; border-radius: 50%; box-shadow: 0 0 0 150vmax #000, inset 0 0 24px 6px #000b; overflow: hidden; }
#awp-scope i { position: absolute; display: block; background: #000; }
#awp-scope .scope-horizontal { left: 0; right: 0; top: 50%; height: 1px; transform: translateY(-50%); }
#awp-scope .scope-vertical { top: 0; bottom: 0; left: 50%; width: 1px; transform: translateX(-50%); }
body.awp-scoped #viewmodel, body.awp-scoped #crosshair { visibility: hidden; }