/* Lornetka nalotu (B) jako dalmierz hełmu — ta sama paleta hologramu co wizjer FPP (visor.css):
   cyjan bazowy, bursztyn = ładowanie, czerwień = zagrożenie. */
#airstrike-optics{--holo:#a9ecff;--holo-dim:#a9ecff8c;--holo-faint:#a9ecff2e;--holo-glow:0 0 7px #3fcfff66,0 1px 3px #00121a;--warn:#ffc563;position:fixed;inset:0;pointer-events:none;z-index:46;color:var(--holo);text-align:center;text-shadow:var(--holo-glow);font-family:Arial,Helvetica,sans-serif}
#airstrike-optics>svg{position:absolute;inset:0;width:100%;height:100%}
#airstrike-optics .optics-rim{stroke:#a9ecff;stroke-opacity:.5;stroke-width:1.4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #3fcfff)}
/* Linie skanowania tylko wewnątrz okularów (maska jak w SVG). */
.optics-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#a9ecff08 0 1px,transparent 1px 3px);-webkit-mask:radial-gradient(ellipse 31% 43% at 37% 50%,#000 98%,transparent 100%),radial-gradient(ellipse 31% 43% at 63% 50%,#000 98%,transparent 100%);mask:radial-gradient(ellipse 31% 43% at 37% 50%,#000 98%,transparent 100%),radial-gradient(ellipse 31% 43% at 63% 50%,#000 98%,transparent 100%)}
/* Góra: zoom i kierunek, pod nimi pasek kompasu z podziałką co 5° (4 px na stopień) i znacznikiem środka. */
.optics-top{position:absolute;top:12%;left:50%;transform:translateX(-50%);display:flex;gap:28px;font-size:10px;font-weight:700;letter-spacing:.24em;white-space:nowrap}
.optics-top .optics-title{color:var(--holo-dim)}
.optics-compass{--hdg:0px;position:absolute;top:calc(12% + 20px);left:50%;width:260px;height:10px;transform:translateX(-50%);background:repeating-linear-gradient(90deg,var(--holo-dim) 0 1px,transparent 1px 20px) var(--hdg) 100%/100% 6px no-repeat,repeating-linear-gradient(90deg,var(--holo) 0 1px,transparent 1px 180px) var(--hdg) 100%/100% 10px no-repeat;-webkit-mask:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}
.optics-compass i{position:absolute;left:50%;top:-6px;width:0;height:0;margin-left:-4px;border:4px solid transparent;border-top:5px solid var(--holo)}
/* Celownik: narożne klamry, krzyż z przerwą w środku, podziałka (mil) po bokach. */
.optics-reticle{position:absolute;left:50%;top:50%;width:124px;height:88px;transform:translate(-50%,-50%);border:0}
.optics-reticle .c{position:absolute;width:16px;height:16px;border:0 solid var(--holo);filter:drop-shadow(0 0 3px #3fcfff99)}
.optics-reticle .tl{left:0;top:0;border-width:1.5px 0 0 1.5px}.optics-reticle .tr{right:0;top:0;border-width:1.5px 1.5px 0 0}
.optics-reticle .bl{left:0;bottom:0;border-width:0 0 1.5px 1.5px}.optics-reticle .br{right:0;bottom:0;border-width:0 1.5px 1.5px 0}
.optics-reticle i,.optics-reticle b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #3fcfffaa}
.optics-reticle i{width:40px;height:1px;background:linear-gradient(90deg,var(--holo) 0 40%,transparent 40% 60%,var(--holo) 60%)}
.optics-reticle b{width:1px;height:26px;background:linear-gradient(180deg,var(--holo) 0 38%,transparent 38% 62%,var(--holo) 62%)}
.optics-reticle .mil{position:absolute;top:50%;width:70px;height:9px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,var(--holo-dim) 0 1px,transparent 1px 10px);-webkit-mask:linear-gradient(0deg,#000 0 100%);opacity:.8}
.optics-reticle .mil.l{right:calc(100% + 14px);-webkit-mask:linear-gradient(90deg,transparent,#000);mask:linear-gradient(90deg,transparent,#000)}
.optics-reticle .mil.r{left:calc(100% + 14px);-webkit-mask:linear-gradient(270deg,transparent,#000);mask:linear-gradient(270deg,transparent,#000)}
/* Odczyty pod celownikiem: odległość i status (bursztyn przy ładowaniu, mruganie przy transmisji). */
.optics-range{position:absolute;top:calc(50% + 58px);left:50%;transform:translateX(-50%);font-size:15px;font-weight:700;letter-spacing:.18em;white-space:nowrap}
.optics-status{position:absolute;top:calc(50% + 82px);left:25%;right:25%;font-size:10px;font-weight:700;letter-spacing:.24em;color:var(--holo-dim)}
#airstrike-optics[data-state=recharging] .optics-status{color:var(--warn);text-shadow:0 0 7px #ffb34a55,0 1px 3px #000}
#airstrike-optics[data-state=transmitting] .optics-status{color:var(--holo);animation:optics-blink .5s steps(2,end) infinite}
@keyframes optics-blink{50%{opacity:.25}}
/* Przyciski: hologramowe chipy ze ściętymi rogami (jak START WAVE w wizjerze). */
.optics-help{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);display:flex;gap:10px;white-space:nowrap;font:700 10px Arial,Helvetica,sans-serif;letter-spacing:.16em}
.optics-action{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 9px;border:1px solid var(--holo-dim);--cmd-corner-color:var(--holo-dim);background:var(--cmd-corners),#04202acc;box-shadow:0 0 12px #3fcfff33,inset 0 0 12px #3fcfff1f;color:var(--holo);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.optics-action kbd{display:grid;place-items:center;min-width:30px;height:22px;padding:0 5px;background:#021018;border:1px solid var(--holo-dim);color:var(--holo);font:700 10px Arial,Helvetica,sans-serif;text-shadow:none}
.optics-action.secondary{border-color:var(--holo-faint);background:#021018aa;color:var(--holo-dim);box-shadow:none}
.optics-action.secondary kbd{border-color:var(--holo-faint);color:var(--holo-dim)}
#airstrike-optics[data-state=recharging] .optics-action:not(.secondary){border-color:#ffc56355;color:var(--warn);box-shadow:none}
#airstrike-optics[data-state=recharging] .optics-action:not(.secondary) kbd{border-color:#ffc56355;color:var(--warn)}
@media (prefers-reduced-motion:reduce){#airstrike-optics[data-state=transmitting] .optics-status{animation:none}}
#airstrike-ready kbd{display:grid;place-items:center;min-width:30px;height:24px;padding:0 4px;background:#0b1519;border:1px solid #8aaea2;color:#f0fff4;font:700 11px Arial,Helvetica,sans-serif}
#airstrike-ready{position:absolute;right:292px;bottom:52px;z-index:12;display:flex;align-items:center;gap:6px;width:150px;height:44px;padding:5px 7px 8px;border:1px solid #a4c8b15c;background:#0b1c1bb0;box-shadow:0 2px 7px #0005;color:#b6d9c6;font:700 10px Arial,Helvetica,sans-serif;text-align:left;cursor:pointer;pointer-events:auto}
#airstrike-ready[hidden]{display:none}
#airstrike-ready:hover{border-color:#bde9c5a8;background:#102522cf}
#airstrike-ready kbd{align-self:center;min-width:19px;height:19px;padding:0;border-color:#78988980;color:#d5e6d9;font-size:10px}
.airstrike-art{display:block;flex:none;width:25px;height:25px;opacity:.85}.airstrike-art svg{display:block;width:100%;height:100%}
.airstrike-copy{display:flex;flex-direction:column;gap:3px;min-width:0;letter-spacing:.08em}.airstrike-copy strong{font-size:9px}.airstrike-copy small{font-size:9px;color:#a9d1b6}
.airstrike-charge{position:absolute;left:6px;right:6px;bottom:4px;height:2px;background:#071114;overflow:hidden}.airstrike-charge i{display:block;height:100%;background:#83bfa5}
#airstrike-ready.recharging{color:#c6a9a0;border-color:#bd85745c;background:#201512ad}
#airstrike-ready.recharging .airstrike-copy small{color:#c6a9a0}#airstrike-ready.recharging .airstrike-charge i{background:#c18470}
#airstrike-ready.unlocked{animation:airstrike-unlock .95s cubic-bezier(.2,.8,.2,1) both}
@keyframes airstrike-unlock{0%{opacity:0;transform:translateY(12px)}60%{opacity:1;transform:translateY(-3px)}100%{opacity:1;transform:none}}
@media(max-width:800px){#airstrike-ready{right:162px;bottom:40px;width:126px;height:40px;gap:4px}.airstrike-art{width:21px;height:21px}.airstrike-copy strong,.airstrike-copy small{font-size:8px}.optics-help{bottom:5%;gap:5px}.optics-action{padding:8px;gap:6px;font-size:9px}}
@media(prefers-reduced-motion:reduce){#airstrike-ready.unlocked{animation:none}}
body.binoculars .airstrike-marker{z-index:47}body.binoculars #crosshair,body.binoculars #weapon-status,body.binoculars #weapon-slots{display:none!important}
body.binoculars #hud>:not(#airstrike-optics):not(.airstrike-marker){visibility:hidden!important}
/* Znacznik nadlatującego nalotu: bursztynowy hologram ze ściętymi rogami. */
.airstrike-marker{position:fixed;transform:translate(-50%,-100%);padding:5px 10px 6px;border:1px solid #ffc56366;border-bottom:2px solid #ffc563;background:#1d1608b8;box-shadow:0 0 12px #ffb34a33;color:#ffd48a;text-shadow:0 0 6px #ffb34a66,0 1px 2px #000;font:700 11px Arial,Helvetica,sans-serif;letter-spacing:.14em;white-space:nowrap;pointer-events:none;z-index:43;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}