/* v5.0.11.15 — Holographic radar, CSS-only perspective (no canvases / costly API calls).
 * Applies only to Radar, never Cotometru IQ. All offer data comes from PHP / DB.
 * Loaded last to supersede historical fixed-size desktop/mobile rules.
 */
.cot43 .cm51115-hologram{--holo-accent:#baff87;--holo-line:rgba(140,255,169,.45);--holo-dark:#0c201b;--holo-muted:#a0c4ac;box-sizing:border-box;min-width:0}
.cot43 .cm51115-hologram *{box-sizing:border-box}
.cot43 .cm51115-holo-scene{position:relative;isolation:isolate;display:block;overflow:hidden;width:100%;max-width:100%;height:354px;min-width:0;margin:0 auto;flex:none;border-radius:18px;background:radial-gradient(ellipse at 49% 43%,rgba(37,154,93,.22),rgba(13,51,40,.12) 38%,transparent 71%)}
.cot43 .cm51115-scene-grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(90deg,rgba(125,255,174,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(125,255,174,.04) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(transparent 4%,#000 24%,#000 77%,transparent 98%);pointer-events:none}
.cot43 .cm51115-scene-glow{position:absolute;inset:18% 5% 12%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,rgba(72,255,130,.14),transparent 67%);filter:blur(6px)}
.cot43 .cm51115-holo-floor{position:absolute;z-index:1;left:50%;top:64%;height:86px;width:min(90%,340px);transform:translate(-50%,-50%) perspective(580px) rotateX(55deg);border:2px solid rgba(123,253,157,.64);border-radius:50%;background:radial-gradient(ellipse,rgba(66,192,112,.18),rgba(4,27,19,.96) 78%);box-shadow:0 0 0 7px rgba(68,216,124,.045),0 28px 18px #0008,0 0 25px rgba(107,255,162,.16),inset 0 0 31px rgba(111,255,151,.1);pointer-events:none}
.cot43 .cm51115-holo-floor:after{content:'';position:absolute;left:8%;right:8%;bottom:-19px;height:20px;border-radius:0 0 45% 45%;background:linear-gradient(#1a5c3e,#061910);border-bottom:1px solid rgba(102,255,147,.55);box-shadow:0 7px 18px #000b}
.cot43 .cm51115-scene-label{position:absolute;top:13px;left:12px;z-index:8;font-size:9px;line-height:1.3;letter-spacing:1.1px;color:#98edbd;font-weight:800;text-shadow:0 0 9px #215e48;pointer-events:none}
.cot43 .cm51115-scene-label i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:#b7ff80;box-shadow:0 0 10px #aaff98;vertical-align:1px;animation:cm51115-blink 2s ease-in-out infinite}
.cot43 .cm51115-scene-counter{position:absolute;top:13px;right:12px;z-index:8;border:1px solid #376951;border-radius:8px;padding:4px 6px;font-size:9px;line-height:1.2;font-weight:800;letter-spacing:.7px;color:#ccf6da;background:#112b21d6;pointer-events:none}
/* Transform only the dial; the labels are separate layers so their text stays flat. */
.cot43 .cm51115-holo-scene>.cm516-radar-dial{display:block!important;position:absolute!important;left:50%!important;top:46%!important;right:auto!important;bottom:auto!important;width:min(69%,275px)!important;height:auto!important;min-width:0!important;max-width:275px!important;aspect-ratio:1!important;flex:none!important;margin:0!important;border:2px solid rgba(140,254,167,.70)!important;border-radius:50%!important;overflow:visible!important;transform:translate(-50%,-50%) perspective(800px) rotateX(34deg) rotateZ(-8deg)!important;transform-origin:center!important;background:radial-gradient(circle at 50% 46%,rgba(65,177,105,.15),rgba(5,35,25,.91) 78%),repeating-radial-gradient(circle,transparent 0 38px,rgba(139,255,160,.17) 39px,transparent 40px 54px)!important;box-shadow:0 0 0 8px rgba(113,249,147,.07),0 0 25px rgba(78,234,126,.28),inset 0 0 28px rgba(54,204,105,.17),0 25px 22px #0008!important;z-index:2}
.cot43 .cm51115-holo-scene>.cm516-radar-dial:before{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;background:linear-gradient(transparent 49.8%,rgba(158,255,176,.20) 50%,transparent 50.4%),linear-gradient(90deg,transparent 49.8%,rgba(158,255,176,.20) 50%,transparent 50.4%)}
.cot43 .cm51115-holo-scene .cm516-radar-ring{border-color:rgba(148,255,174,.29)!important}
.cot43 .cm51115-holo-scene .cm516-radar-sweep{background:conic-gradient(from 0deg,transparent,transparent 264deg,rgba(153,255,170,.03) 274deg,rgba(126,255,162,.45) 354deg,transparent)!important;animation-duration:5s!important}
.cot43 .cm51115-holo-scene .cm516-radar-core{color:#baffb0!important;text-shadow:0 0 18px #76ff9e88;opacity:.8;letter-spacing:-2px;font-size:34px!important}
.cot43 .cm51115-holo-scene .cm517-hud{font-size:8px!important;letter-spacing:.05em!important;text-shadow:0 0 10px #9cffa06b;white-space:nowrap}
.cot43 .cm51115-holo-scene .cm517-hud-top{top:6%!important}
.cot43 .cm51115-holo-scene .cm517-hud-bottom{bottom:5%!important}
.cot43 .cm51115-holo-scene .cm518-radar-ticket{width:44px!important;height:44px!important;color:#beff99;z-index:8}
.cot43 .cm51115-holo-scene .cm518-radar-ticket svg{width:25px!important;height:25px!important;padding:3px;border-radius:10px;background:#173e2c!important;box-shadow:0 7px 13px #000a;transform:rotate(-7deg);filter:drop-shadow(0 0 7px rgba(155,255,163,.55));transition:scale .18s,background .18s!important}
.cot43 .cm51115-holo-scene .cm518-radar-ticket[aria-pressed="true"] svg{background:#c3ff8c!important;color:#153523!important;outline:2px solid #e9ffe4!important;outline-offset:1px;scale:1.11;box-shadow:0 0 20px rgba(178,255,130,.7)}
.cot43 .cm51115-holo-scene .cm518-radar-ticket:focus-visible{outline:2px solid #fff!important;outline-offset:1px}
.cot43 .cm51115-holo-console,.cot43 .cm51115-holo-trace{position:absolute;z-index:6;max-width:120px;pointer-events:none;border:1px solid rgba(123,241,156,.44);border-radius:11px;background:linear-gradient(133deg,rgba(20,52,40,.92),rgba(11,29,27,.91));box-shadow:0 8px 22px #0007,0 0 14px rgba(108,255,153,.07);backdrop-filter:blur(5px)}
.cot43 .cm51115-holo-console{left:10px;top:95px;width:112px;display:grid;gap:3px;padding:10px 9px;transform:perspective(350px) rotateY(9deg)}
.cot43 .cm51115-holo-console small{font-size:8px;font-weight:850;letter-spacing:.5px;color:#9ddeb8}
.cot43 .cm51115-holo-console strong{font-size:23px;letter-spacing:-1px;line-height:1.15;color:#caff91}
.cot43 .cm51115-holo-console span{font-size:9px;line-height:1.3;color:#d6eddf;overflow-wrap:anywhere}
.cot43 .cm51115-holo-trace{right:9px;bottom:68px;width:115px;padding:9px 8px;display:grid;gap:5px;transform:perspective(350px) rotateY(-10deg)}
.cot43 .cm51115-holo-trace b{font-size:8px;letter-spacing:.7px;color:#b8ffbd}
.cot43 .cm51115-holo-trace em{font-style:normal;letter-spacing:4px;font-size:12px;line-height:1.2;color:#95f3b3;opacity:.8}
.cot43 .cm51115-holo-trace small{font-size:9px;line-height:1.25;color:#9cb9aa}
.cot43 .cm51115-scene-hint{position:absolute;left:5%;right:5%;bottom:6px;z-index:3;color:#a6d8b4;font-weight:850;letter-spacing:1.1px;text-align:center;font-size:9px;pointer-events:none}
.cot43 .cm51115-holo-scene>.cm51112-radar-preview{top:auto!important;bottom:31px!important;left:50%!important;z-index:12;max-width:min(66%,255px);width:max-content;min-width:115px;min-height:48px;padding:7px 11px;background:rgba(8,34,27,.95);transform:translate(-50%,8px) scale(.97)!important}
.cot43 .cm51115-holo-scene>.cm51112-radar-preview.cm51112-preview-visible{transform:translate(-50%,0) scale(1)!important}
.cot43 .cm51115-holo-scene>.cm51112-radar-preview .cm51112-preview-event{font-size:11px;line-height:1.25}
.cot43 .cm51115-holo-scene>.cm51112-radar-preview .cm51112-preview-meta{font-size:10px}
.cot43 .cm51115-holo-scene>.cm51112-radar-preview .cm51112-preview-bet{font-size:9px}
.cot43 .cm51115-hologram .cm518-radar-detail{background:linear-gradient(115deg,#0e3329,#12221d)!important;border-color:rgba(126,223,154,.43)!important;color:#f5fff5!important}
.cot43 .cm51115-hologram .cm518-radar-analyze{background:#b9ff83!important;border-color:#d6ffa9!important;color:#173321!important;font-weight:900!important}
.cot43 .cm51115-hologram .cm518-radar-analyze:hover{background:#d2ffa8!important}
.cot43 .cm51115-hologram .cm518-radar-summary strong{color:#fff!important}
.cot43 .cm51115-no-signals .cm51115-scene-label i{animation:none;background:#678d7b;box-shadow:none}
.cot43 .cm51115-no-signals .cm516-radar-sweep{animation:none!important;opacity:.2}
/* Mobile: keep the screenshot-approved stack and IQ card below it. */
@media(max-width:700px){
 .cot43 .cm502-showcase>.cm502-radar.cm51115-hologram{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;min-height:0!important;padding:13px 12px 15px!important;overflow:hidden}
 .cot43 .cm51115-hologram>.cm519-radar-top{display:flex!important;flex-direction:column;gap:3px;align-items:flex-start;order:0;min-width:0}
 .cot43 .cm51115-hologram>.cm519-radar-top .cm502-eyebrow{font-size:10px!important;color:#b8f7b6!important}
 .cot43 .cm51115-hologram>.cm519-radar-top strong{font-size:16px!important;line-height:1.3!important;color:#effef3!important}
 .cot43 .cm51115-hologram .cm502-radar-visual{display:flex!important;order:1!important;width:100%!important;max-width:100%!important;margin:0!important;min-width:0;flex-direction:column}
 .cot43 .cm51115-hologram .cm502-radar-copy{order:2!important;width:100%!important;max-width:100%!important}
 .cot43 .cm51115-hologram>.cm518-radar-detail-mini{order:3!important;width:100%!important;margin:0!important}
 .cot43 .cm51115-hologram .cm502-radar-visual-caption{display:block!important;margin:3px auto 0!important;color:#8eada1!important;font-size:9px!important;line-height:1.35!important;max-width:98%;text-align:center}
 .cot43 .cm51115-holo-scene{height:325px!important;max-width:360px!important}
 .cot43 .cm51115-holo-scene>.cm516-radar-dial{width:min(74%,258px)!important;max-width:258px!important;top:45%!important;transform:translate(-50%,-50%) perspective(600px) rotateX(34deg) rotateZ(-8deg)!important}
 .cot43 .cm51115-holo-floor{top:62%!important;width:92%}
 .cot43 .cm51115-holo-console{top:82px;left:4px;width:106px;padding:7px;max-width:102px}
 .cot43 .cm51115-holo-console strong{font-size:21px}
 .cot43 .cm51115-holo-trace{right:3px;bottom:76px;width:98px;padding:7px;max-width:97px}
 .cot43 .cm51115-holo-trace em{letter-spacing:2px}
 .cot43 .cm51115-holo-scene>.cm51112-radar-preview{bottom:31px!important;max-width:64%;padding:5px 8px;min-height:40px}
 .cot43 .cm51115-holo-scene>.cm51112-radar-preview .cm51112-preview-event{font-size:10px}
 .cot43 .cm51115-holo-scene>.cm51112-radar-preview .cm51112-preview-meta{font-size:9px}
 .cot43 .cm51115-holo-scene>.cm51112-radar-preview .cm51112-preview-bet{font-size:8px}
 .cot43 .cm51115-hologram .cm502-radar-copy h1{display:none!important}
 .cot43 .cm51115-hologram .cm502-radar-copy .cm502-buttons{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin:0!important}
 .cot43 .cm51115-hologram .cm502-radar-copy .cm502-buttons a{min-height:42px!important;font-size:11px!important;padding:8px 6px!important}
 .cot43 .cm51115-hologram .cm502-radar-copy>p,.cot43 .cm51115-hologram .cm502-radar-copy .cm502-counts,.cot43 .cm51115-hologram .cm502-radar-copy .cm502-flash{display:none!important}
 .cot43 .cm51115-hologram .cm518-radar-detail-mini{min-height:68px!important}
 .cot43 .cm51115-hologram .cm518-radar-detail-mini .cm518-radar-summary strong{white-space:normal!important;overflow:visible!important;font-size:11px!important}
 .cot43 .cm516-radar-panel.cm51115-hologram{grid-template-columns:1fr!important;padding:12px!important}
 .cot43 .cm51115-hologram .cm518-radar-stage{width:100%}
}
@media(min-width:701px){
 /* Desktop: a full-width immersive radar, and a real information panel alongside. */
 .cot43 .cm502-showcase>.cm502-radar.cm51115-hologram{grid-template-columns:minmax(350px, .94fr) minmax(0,1.06fr)!important;gap:8px 27px!important;min-height:390px!important;padding:17px 22px!important;background:radial-gradient(ellipse at 28% 44%,rgba(24,128,71,.27),transparent 46%),linear-gradient(112deg,#0a1b18,#102a25 62%,#15231f)!important}
 .cot43 .cm51115-hologram>.cm519-radar-top{display:none!important}
 .cot43 .cm51115-hologram>.cm502-radar-visual{grid-column:1;grid-row:1;display:flex!important;width:100%!important;max-width:100%!important;min-width:0;justify-self:stretch}
 .cot43 .cm51115-hologram>.cm502-radar-copy{grid-column:2;grid-row:1;padding:4px 0 0!important}
 .cot43 .cm51115-hologram>.cm518-radar-detail-mini{grid-column:1/-1!important;grid-row:2!important;min-height:64px!important}
 .cot43 .cm51115-holo-scene{height:348px;max-width:530px}
 .cot43 .cm51115-holo-scene>.cm516-radar-dial{width:min(70%,295px)!important;max-width:295px!important;top:46%!important}
 .cot43 .cm51115-holo-floor{top:64%;width:min(85%,385px)}
 .cot43 .cm51115-holo-console{left:8px;top:102px}
 .cot43 .cm51115-holo-trace{right:8px;bottom:82px}
 .cot43 .cm51115-hologram .cm502-radar-visual-caption{margin:0 auto 3px!important;font-size:10px!important}
 .cot43 .cm51115-hologram .cm502-radar-copy h1{font-size:clamp(23px,2.65vw,40px)!important}
 .cot43 .cm51115-hologram .cm502-radar-copy .cm502-counts{margin:12px 0!important}
 .cot43 .cm51115-hologram .cm502-radar-copy .cm502-buttons .cm502-btn-ghost{background:#17372c!important;color:#d5ffe4!important;border-color:#49745c!important}
 .cot43 .cm51115-hologram .cm518-radar-detail-mini{border-top:1px solid rgba(136,246,167,.36)!important}
 .cot43 .cm516-radar-panel.cm51115-hologram{grid-template-columns:minmax(315px,.9fr) minmax(0,1.1fr);align-items:start;background:radial-gradient(ellipse at 26% 35%,#154334,#0c221e 60%,#162822);border-color:rgba(113,227,153,.35)}
 .cot43 .cm516-radar-panel.cm51115-hologram .cm518-radar-stage{gap:10px}
 .cot43 .cm516-radar-panel.cm51115-hologram .cm51115-holo-scene{height:375px}
 .cot43 .cm516-radar-panel.cm51115-hologram .cm51115-holo-scene>.cm516-radar-dial{width:min(70%,305px)!important;max-width:305px!important}
}
@media(min-width:1250px){
 .cot43 .cm502-showcase>.cm502-radar.cm51115-hologram{grid-template-columns:minmax(440px,.9fr) minmax(0,1.1fr)!important;min-height:450px!important}
 .cot43 .cm51115-holo-scene{height:392px!important}
 .cot43 .cm51115-holo-scene>.cm516-radar-dial{width:min(72%,320px)!important;max-width:320px!important}
 .cot43 .cm51115-holo-floor{width:min(88%,420px);height:96px}
 .cot43 .cm51115-holo-console{left:20px;top:116px;width:122px;max-width:122px}
 .cot43 .cm51115-holo-trace{right:17px;bottom:90px;width:128px;max-width:128px}
}
@media(min-width:701px) and (max-width:950px){
 .cot43 .cm502-showcase>.cm502-radar.cm51115-hologram{grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr)!important;padding:13px!important;gap:11px!important}
 .cot43 .cm51115-holo-scene{height:315px!important}
 .cot43 .cm51115-holo-console{width:90px;max-width:90px;left:4px;padding:7px}
 .cot43 .cm51115-holo-console strong{font-size:18px}
 .cot43 .cm51115-holo-trace{right:2px;width:85px;max-width:85px;padding:6px}
 .cot43 .cm51115-holo-trace em{font-size:9px;letter-spacing:2px}
 .cot43 .cm516-radar-panel.cm51115-hologram{grid-template-columns:1fr!important}
}
@media(max-width:375px){
 .cot43 .cm51115-holo-scene{height:306px!important}
 .cot43 .cm51115-holo-scene>.cm516-radar-dial{width:75%!important;max-width:234px!important}
 .cot43 .cm51115-holo-console{top:87px;left:2px;width:88px;max-width:88px;padding:6px}
 .cot43 .cm51115-holo-console strong{font-size:19px}
 .cot43 .cm51115-holo-trace{right:2px;bottom:72px;width:84px;max-width:84px;padding:6px}
 .cot43 .cm51115-holo-trace em{letter-spacing:1px}
 .cot43 .cm51115-scene-label{font-size:8px;letter-spacing:.5px;left:5px}
 .cot43 .cm51115-scene-counter{right:5px;font-size:8px}
 .cot43 .cm51115-holo-scene>.cm51112-radar-preview{bottom:26px!important;max-width:70%}
}
@media(prefers-reduced-motion:reduce){
 .cot43 .cm51115-scene-label i{animation:none!important}
 .cot43 .cm51115-holo-scene .cm516-radar-sweep{animation:none!important}
 .cot43 .cm51115-holo-scene .cm518-radar-ticket svg{transition:none!important}
}
@keyframes cm51115-blink{50%{opacity:.35}}