/* Ironfern weapons (Stage C): the 4x scope overlay. weapons.js fills #scope and toggles .on. */
#scope { position: fixed; inset: 0; display: none; pointer-events: none; z-index: 3; --kick: 0; }
#scope.on { display: block; }
#scope .scope-lens {
  position: absolute; left: 50%; top: 50%;
  width: min(92vh, 92vw); height: min(92vh, 92vw);
  transform: translate(-50%, calc(-50% - var(--kick) * 2.2vh)) scale(calc(1 + var(--kick) * 0.03));
  border-radius: 50%;
  /* glass: faint cool tint and a soft inner shadow at the rim */
  background: radial-gradient(circle at 42% 38%, rgba(200, 225, 255, 0.05), rgba(0, 0, 0, 0) 60%);
  box-shadow:
    0 0 0 200vmax #030403,                    /* everything outside the tube is black */
    inset 0 0 6vmin 3vmin rgba(0, 0, 0, 0.92), /* dark vignette at the edge of the lens */
    inset 0 0 18vmin 2vmin rgba(0, 0, 0, 0.45);
}
#scope .scope-lens::after { /* thin bright ring where the glass meets the tube */
  content: ''; position: absolute; inset: 0; border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
#scope svg { position: absolute; inset: 0; width: 100%; height: 100%; }