/* Certix – radar termínov (templates/web/_radar.html, static/js/radar.js): úvod certix.sk a prihlásenie do portálu,
   od 12. 10. 2026 jeden zdroj pre obe. Farby sú premenné na .scope, od 13. 10. pre obe tmavomodré ako portál
   (predtým petrolejové; prihlásenie ich chcelo prefarbiť v app.css, no tento súbor sa načíta neskôr a prebil ho).
   Premenné meniť tu, nie v app.css. Ručička ostáva zlatá ako ručička v logu. */
.scope{--r-accent:#C8A55F;--r-accent-rgb:200,165,95;--r-late:#E0675C;--r-late-rgb:224,103,92;--r-late-ink:#F3B2AB;
  --r-on:#E7F0F7;--r-on-2:#9FB6C9;--r-hub-in:#062639;--r-dot:rgba(5,27,43,.88);--r-glow-a:#0b4b5a;--r-glow-b:#062639;
  --r-label-font:500 12.5px "Barlow",system-ui,sans-serif;--r-cap-font:600 21px/1.25 "Barlow Semi Condensed","Barlow",system-ui,sans-serif}
.radar .rg-a{stop-color:var(--r-glow-a)}
.radar .rg-b{stop-color:var(--r-glow-b)}
.radar .rim{stroke:var(--r-on)}
.scope-disc{position:relative;aspect-ratio:1;--a:22deg}
.radar{position:relative;width:100%;height:auto;overflow:visible}
.sweep{position:absolute;inset:3.6%;border-radius:50%;transform:rotate(var(--a));will-change:transform;
  background:conic-gradient(from -64deg,rgba(var(--r-accent-rgb),0) 0deg,rgba(var(--r-accent-rgb),.05) 30deg,rgba(var(--r-accent-rgb),.26) 63.5deg,rgba(var(--r-accent-rgb),0) 64deg)}
.radar .tick{stroke:var(--r-on);stroke-opacity:.28;stroke-width:1.4;stroke-linecap:round}
.radar .tick-major{stroke-opacity:.7;stroke-width:2.6}
.radar .ring{fill:none;stroke:var(--r-on);stroke-opacity:.13;stroke-width:1.2}
.radar .ring-label{fill:var(--r-on-2);font:var(--r-label-font);letter-spacing:.02em}
.radar .cross{stroke:var(--r-on);stroke-opacity:.07;stroke-width:1}
.radar-hand{transform-box:view-box;transform-origin:280px 280px;transform:rotate(var(--a))}
.radar .hand{stroke:var(--r-accent);stroke-width:2.6;stroke-linecap:round}
.radar .hand-tip{stroke:var(--r-accent);stroke-width:5.5;stroke-linecap:round}
.radar .hub{fill:#fff}
.radar .hub-in{fill:var(--r-hub-in)}
.blip{transition:opacity .45s ease-out}
.blip.pre{opacity:0}
.blip .blip-dot{fill:var(--r-dot);stroke:var(--r-on);stroke-opacity:.35;stroke-width:1.4;transition:stroke .5s,fill .5s,stroke-opacity .5s}
.blip .blip-ico{fill:none;color:var(--r-on);stroke:var(--r-on);stroke-opacity:.8;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:stroke .5s,color .5s,stroke-opacity .5s}
.blip .blip-ping{fill:none;stroke:var(--r-accent);stroke-width:1.6;opacity:0;transform-box:fill-box;transform-origin:center}
.blip.late .blip-dot{stroke:var(--r-late);stroke-opacity:.9}
.blip.late .blip-ico{stroke:var(--r-late-ink);color:var(--r-late-ink)}
.blip.hit .blip-dot{fill:rgba(var(--r-accent-rgb),.2);stroke:var(--r-accent);stroke-opacity:1}
.blip.hit .blip-ico{stroke:#fff;color:#fff;stroke-opacity:1}
.blip.hit .blip-ping{animation:ping 1.5s ease-out}
.blip.late.hit .blip-dot{fill:rgba(var(--r-late-rgb),.22);stroke:var(--r-late)}
.blip.late.hit .blip-ping{stroke:var(--r-late)}
@keyframes ping{0%{opacity:.9;transform:scale(.7)}100%{opacity:0;transform:scale(1.55)}}
.scope-cap{display:grid;justify-items:center;gap:2px;margin-top:14px;min-height:78px;text-align:center}
.scope-cap .cap-mod{display:inline-block;padding:3px 10px;border-radius:999px;background:rgba(var(--r-accent-rgb),.14);color:var(--r-accent);font:600 13px/1.3 var(--text)}
.scope-cap b{font:var(--r-cap-font);color:#fff}
.scope-cap span:last-child{font-size:16px;color:var(--r-on-2)}
.scope-cap.is-late span:last-child{color:var(--r-late-ink)}
.scope-cap.flip{animation:capin .3s ease-out}
@keyframes capin{from{opacity:.35;transform:translateY(3px)}}
@media (prefers-reduced-motion:reduce){
  .blip.hit .blip-ping,.scope-cap.flip{animation:none}
}