.optic-reticle{position:absolute;left:50%;top:50%;width:44vmin;height:44vmin;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .12s;color:#ff3850;background:transparent}.optic-reticle.active{opacity:1}.optic-reticle i{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.optic-reticle:not(.active):before,.optic-reticle:not(.active):after{content:none!important}.optic-reticle.redDot .r-dot{display:block;width:5px;height:5px;border-radius:50%;background:#ff243f;box-shadow:0 0 5px #ff243f,0 0 12px #ff243f}.optic-reticle.holo .r-dot{display:block;width:3px;height:3px;border-radius:50%;background:#ff3048;box-shadow:0 0 5px #ff3048}.optic-reticle.holo .r-ring{display:block;width:42px;height:42px;border:2px solid rgba(80,235,255,.9);border-radius:50%;box-shadow:0 0 5px rgba(80,235,255,.5)}.optic-reticle.holo .r-ring:after{content:"";position:absolute;left:50%;bottom:-10px;width:12px;height:12px;border-left:2px solid #50ebff;border-bottom:2px solid #50ebff;transform:translateX(-50%) rotate(-45deg)}.optic-reticle.scope2:before,.optic-reticle.scope3:before,.optic-reticle.scope6:before,.optic-reticle.scope8:before{content:"";position:absolute;inset:1.5vmin;border:1px solid rgba(16,20,22,.75);border-radius:50%;box-shadow:0 0 0 2px rgba(230,245,245,.16)}.optic-reticle.scope2 .r-h,.optic-reticle.scope6 .r-h,.optic-reticle.scope8 .r-h{display:block;width:36vmin;height:1px;background:linear-gradient(90deg,#15191b 0 43%,transparent 43% 57%,#15191b 57%)}.optic-reticle.scope2 .r-v,.optic-reticle.scope6 .r-v,.optic-reticle.scope8 .r-v{display:block;width:1px;height:36vmin;background:linear-gradient(#15191b 0 43%,transparent 43% 57%,#15191b 57%)}.optic-reticle.scope2 .r-dot{display:block;width:4px;height:4px;border-radius:50%;background:#d62738}.optic-reticle.scope3 .r-chevron{display:block;width:20px;height:20px;border-left:3px solid #e62e43;border-bottom:3px solid #e62e43;transform:translate(-50%,-30%) rotate(-45deg);filter:drop-shadow(0 0 3px rgba(230,46,67,.7))}.optic-reticle.scope3 .r-v{display:block;width:1px;height:16vmin;top:68%;background:repeating-linear-gradient(#171b1d 0 9px,transparent 9px 13px)}.optic-reticle.scope6 .r-marks{display:block;width:30vmin;height:30vmin;background:radial-gradient(circle at 50% 35%,#111 0 2px,transparent 2.5px),radial-gradient(circle at 50% 42%,#111 0 2px,transparent 2.5px),radial-gradient(circle at 50% 58%,#111 0 2px,transparent 2.5px),radial-gradient(circle at 50% 65%,#111 0 2px,transparent 2.5px),radial-gradient(circle at 35% 50%,#111 0 2px,transparent 2.5px),radial-gradient(circle at 65% 50%,#111 0 2px,transparent 2.5px)}.optic-reticle.scope6 .r-dot{display:block;width:3px;height:3px;border-radius:50%;background:#d9283c}.optic-reticle.scope8 .r-grid{display:block;width:26vmin;height:26vmin;background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - .5px),rgba(20,24,26,.62) calc(12.5% - .5px) 12.5%),repeating-linear-gradient(0deg,transparent 0 calc(12.5% - .5px),rgba(20,24,26,.62) calc(12.5% - .5px) 12.5%);clip-path:circle(50%)}.optic-reticle.scope8 .r-dot{display:block;width:4px;height:4px;border:1px solid #e12d40;border-radius:50%}

/* Thermal optic: the glass remains transparent; only a subtle circular tint and its own ranging reticle are drawn. */
.optic-reticle.thermalScope{width:46vmin;height:46vmin;color:#ffd34d;filter:drop-shadow(0 0 8px rgba(255,132,24,.22));isolation:isolate}
.optic-reticle.thermalScope:before{content:"";position:absolute;inset:1.7vmin;border:2px solid rgba(248,246,220,.72);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0) 0 55%,rgba(255,145,31,.035) 73%,rgba(255,86,22,.09) 100%);box-shadow:0 0 0 3px rgba(8,12,15,.72),inset 0 0 20px rgba(255,98,20,.13);-webkit-backdrop-filter:contrast(1.2) saturate(.62) sepia(.12);backdrop-filter:contrast(1.2) saturate(.62) sepia(.12)}
.optic-reticle.thermalScope:after{content:"THM  WARM";position:absolute;left:50%;top:8.5%;transform:translateX(-50%);color:rgba(255,221,104,.82);font:700 9px/1 monospace;letter-spacing:.16em;text-shadow:0 0 5px rgba(255,111,18,.7)}
.optic-reticle.thermalScope .r-ring{display:block;width:33vmin;height:33vmin;border:1px dashed rgba(255,211,77,.35);border-radius:50%}
.optic-reticle.thermalScope .r-dot{display:block;width:7px;height:7px;border:1.5px solid #fff4bd;border-radius:50%;background:rgba(255,115,20,.16);box-shadow:0 0 4px #ffb52e,0 0 9px rgba(255,82,12,.72)}
.optic-reticle.thermalScope .r-h{display:block;width:31vmin;height:1px;background:linear-gradient(90deg,transparent 0 5%,#ffd34d 5% 37%,transparent 37% 47%,rgba(255,244,189,.72) 47% 53%,transparent 53% 63%,#ffd34d 63% 95%,transparent 95%)}
.optic-reticle.thermalScope .r-v{display:block;width:1px;height:27vmin;background:linear-gradient(transparent 0 8%,#ffd34d 8% 38%,transparent 38% 47%,rgba(255,244,189,.72) 47% 53%,transparent 53% 62%,#ffd34d 62% 92%,transparent 92%)}
.optic-reticle.thermalScope .r-chevron{display:block;top:56%;width:15px;height:15px;border-left:2px solid #ff9f2e;border-bottom:2px solid #ff9f2e;transform:translate(-50%,-50%) rotate(-45deg);filter:drop-shadow(0 0 3px rgba(255,91,13,.82))}
.optic-reticle.thermalScope .r-marks{display:block;width:24vmin;height:24vmin;background:radial-gradient(circle at 50% 31%,#ffd34d 0 1px,transparent 1.5px),radial-gradient(circle at 50% 39%,#ffd34d 0 1px,transparent 1.5px),radial-gradient(circle at 50% 61%,#ffd34d 0 1px,transparent 1.5px),radial-gradient(circle at 50% 69%,#ffd34d 0 1px,transparent 1.5px),radial-gradient(circle at 31% 50%,#ffd34d 0 1px,transparent 1.5px),radial-gradient(circle at 69% 50%,#ffd34d 0 1px,transparent 1.5px)}
.optic-reticle.thermalScope .r-grid{display:block;left:83%;width:5px;height:24vmin;border:1px solid rgba(255,244,189,.55);border-radius:4px;background:linear-gradient(#fff8d9 0,#ffd841 30%,#ff6e1f 66%,#5c1010 100%);box-shadow:0 0 7px rgba(255,98,20,.46)}
.optic-reticle.thermalScope .r-grid:before,.optic-reticle.thermalScope .r-grid:after{position:absolute;left:50%;transform:translateX(-50%);color:#ffe58d;font:700 7px/1 monospace;text-shadow:0 0 4px #9b250d}
.optic-reticle.thermalScope .r-grid:before{content:"H";top:-11px}.optic-reticle.thermalScope .r-grid:after{content:"L";bottom:-11px}

@media(max-width:600px){.optic-reticle{width:68vmin;height:68vmin}.optic-reticle.scope2 .r-h,.optic-reticle.scope6 .r-h,.optic-reticle.scope8 .r-h{width:58vmin}.optic-reticle.scope2 .r-v,.optic-reticle.scope6 .r-v,.optic-reticle.scope8 .r-v{height:58vmin}.optic-reticle.scope8 .r-grid{width:42vmin;height:42vmin}.optic-reticle.thermalScope{width:72vmin;height:72vmin}.optic-reticle.thermalScope .r-ring{width:51vmin;height:51vmin}.optic-reticle.thermalScope .r-h{width:48vmin}.optic-reticle.thermalScope .r-v{height:42vmin}.optic-reticle.thermalScope .r-grid{height:38vmin}}