.crt-live-radar-shell{
  --crt-bg-0:#05070a;
  --crt-bg-1:#120700;
  --crt-bg-2:#221004;
  --crt-bg-3:#341606;
  --crt-panel:linear-gradient(180deg, rgba(35,14,4,.96), rgba(12,7,2,.985));
  --crt-line:rgba(255,166,64,.18);
  --crt-line-strong:rgba(255,166,64,.28);
  --crt-text:#ffe8c7;
  --crt-text-soft:#efc286;
  --crt-text-dim:#bb8246;
  --crt-glow:#ff8e1f;
  --crt-glow-soft:rgba(255,140,32,.16);
  position:relative;
  overflow:hidden;
  border-radius:32px;
  padding:30px;
  color:var(--crt-text);
  border:1px solid rgba(255,155,40,.2);
  background:
    radial-gradient(circle at 18% 14%, rgba(255,148,40,.12), transparent 24%),
    radial-gradient(circle at 84% 11%, rgba(255,126,0,.12), transparent 30%),
    linear-gradient(180deg, #1b2432, #101826 26%, #0d1219 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,155,40,.06),
    inset 0 0 80px rgba(255,110,0,.05),
    0 22px 70px rgba(0,0,0,.42),
    0 0 34px rgba(255,128,12,.12);
}

.crt-live-radar-shell::before,
.crt-live-radar-shell::after,
.crt-live-radar-noise,
.crt-live-radar-glass{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}

.crt-live-radar-shell::before{
  background:repeating-linear-gradient(180deg, rgba(255,160,70,.055) 0, rgba(255,160,70,.055) 1px, transparent 2px, transparent 4px);
  opacity:.22;
  mix-blend-mode:screen;
}

.crt-live-radar-shell::after{
  background:radial-gradient(circle at 50% 44%, transparent 50%, rgba(0,0,0,.32) 100%);
}

.crt-live-radar-noise{
  opacity:.08;
  background-image:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.24) 0 1px, transparent 1px),
    radial-gradient(circle at 62% 48%, rgba(255,255,255,.14) 0 1px, transparent 1px),
    radial-gradient(circle at 78% 76%, rgba(255,255,255,.16) 0 1px, transparent 1px),
    radial-gradient(circle at 36% 68%, rgba(255,255,255,.10) 0 1px, transparent 1px);
  background-size:180px 180px,220px 220px,260px 260px,200px 200px;
  mix-blend-mode:screen;
}

.crt-live-radar-glass{
  background:
    linear-gradient(115deg, rgba(255,255,255,.08), transparent 22%),
    linear-gradient(180deg, rgba(255,168,66,.03), transparent 26%, transparent 74%, rgba(255,168,66,.03));
}

.crt-live-radar-header,
.crt-live-radar-toolbar,
.crt-live-radar-summary,
.crt-live-radar-stage,
.crt-live-radar-grid,
.crt-panel-card,
.crt-live-radar-settings-box,
.crt-panel-card-wide{position:relative;z-index:1;}

.crt-live-radar-header{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-start;
  margin-bottom:20px;
}

.crt-live-radar-title-wrap{max-width:900px;}

.crt-live-radar-kicker{
  margin-bottom:8px;
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:11px;
  color:#ffb86d;
  text-shadow:0 0 10px rgba(255,155,50,.55);
}

.crt-live-radar-title{
  margin:0 0 12px;
  font-size:clamp(30px, 3.2vw, 44px);
  line-height:1.02;
  color:#fff2de;
  text-shadow:0 0 10px rgba(255,160,50,.55),0 0 28px rgba(255,116,0,.2);
}

.crt-live-radar-subtitle{
  margin:0;
  max-width:940px;
  font-size:16px;
  color:var(--crt-text-soft);
  line-height:1.55;
}

.crt-live-radar-header-side{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
}

.crt-live-radar-status,
.crt-chip,
.crt-admin-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(255,155,40,.24);
  background:linear-gradient(180deg, rgba(46,17,4,.88), rgba(25,11,3,.92));
  box-shadow:inset 0 0 18px rgba(255,124,0,.10),0 0 16px rgba(255,124,0,.08);
}

.crt-live-radar-status{
  gap:10px;
  min-height:48px;
  padding:0 18px;
  font-weight:800;
  letter-spacing:.05em;
}

.crt-live-radar-led{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#ff8f1f;
  box-shadow:0 0 12px #ff8f1f,0 0 24px rgba(255,143,31,.6);
  animation:crtPulse 1.15s infinite alternate;
}

@keyframes crtPulse{
  from{opacity:.55;transform:scale(.92)}
  to{opacity:1;transform:scale(1.08)}
}

.crt-live-radar-badges,
.crt-admin-pillset{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.crt-chip,
.crt-admin-pill{
  min-height:34px;
  padding:0 12px;
  color:#ffc684;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.crt-live-radar-toolbar,
.crt-live-radar-summary,
.crt-live-radar-stage,
.crt-live-radar-grid,
.crt-ops-grid,
.crt-system-grid,
.crt-live-radar-admin-grid{
  display:grid;
  gap:16px;
}

.crt-live-radar-toolbar{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px;}
.crt-live-radar-summary{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:20px;}
.crt-live-radar-stage{grid-template-columns:minmax(0,1.7fr) minmax(360px,.9fr);margin-bottom:20px;align-items:start;}
.crt-live-radar-grid-top{grid-template-columns:1.08fr .92fr;margin-bottom:18px;}
.crt-live-radar-grid-middle{grid-template-columns:1.1fr .9fr;margin-bottom:18px;}
.crt-ops-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.crt-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.crt-live-radar-admin-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);align-items:start;}

.crt-toolbar-item,
.crt-metric-card,
.crt-panel-card,
.crt-live-radar-settings-box,
.crt-mini-card,
.crt-sidecar-block{
  background:var(--crt-panel);
  border:1px solid var(--crt-line);
  border-radius:24px;
  box-shadow:inset 0 0 30px rgba(255,120,10,.07),0 12px 28px rgba(0,0,0,.28);
}

.crt-toolbar-item{padding:14px 16px;min-height:76px;display:flex;flex-direction:column;justify-content:center;}
.crt-toolbar-label,.crt-metric-label,.crt-panel-meta,.crt-mini-title,.crt-sidecar-title{
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:11px;
}

.crt-toolbar-label{color:var(--crt-text-dim);margin-bottom:6px;}
.crt-toolbar-item strong{font-size:15px;color:#fff0d8;text-shadow:0 0 8px rgba(255,149,36,.22);}

.crt-metric-card{padding:18px 18px 16px;min-height:124px;display:flex;flex-direction:column;justify-content:space-between;}
.crt-metric-label{color:#ffb86d;margin-bottom:6px;}
.crt-metric-value{font-size:clamp(28px,3vw,42px);line-height:1;font-weight:800;color:#fff2dc;text-shadow:0 0 10px rgba(255,156,49,.72),0 0 24px rgba(255,122,0,.22);}
.crt-metric-sub{font-size:12px;color:#cc9b66;line-height:1.45;}

.crt-panel-card{padding:22px;}
.crt-panel-card-wide{margin-top:0;}
.crt-panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid rgba(255,150,40,.08);}
.crt-panel-head h3{margin:0 0 4px;font-size:24px;color:#ffe8c8;text-shadow:0 0 8px rgba(255,146,33,.28);}
.crt-panel-head p{margin:0;color:#c8945b;font-size:13px;line-height:1.45;}
.crt-panel-meta{color:#ffbd76;white-space:nowrap;}

.crt-world-map-wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.62fr);gap:18px;}
.crt-world-map-frame{
  position:relative;
  min-height:500px;
  overflow:hidden;
  border-radius:24px;
  border:1px solid var(--crt-line-strong);
  background:
    radial-gradient(circle at 50% 48%, rgba(255,124,0,.08), transparent 44%),
    linear-gradient(180deg, rgba(7,11,18,.96), rgba(3,6,11,.98));
  box-shadow:inset 0 0 60px rgba(255,120,10,.08),0 0 26px rgba(255,120,10,.08);
}

.crt-world-map-image,
.crt-world-grid,
.crt-world-overlay,
.crt-world-empty{position:absolute;inset:0;}

.crt-world-map-image{width:100%;height:100%;object-fit:cover;opacity:.92;mix-blend-mode:screen;filter:saturate(1.1) contrast(1.02);}

.crt-world-grid{
  background:
    linear-gradient(rgba(255,155,53,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,155,53,.06) 1px, transparent 1px);
  background-size:12.5% 25%;
  opacity:.35;
}

.crt-world-heat,.crt-world-beacons,.crt-world-labels{pointer-events:none;}

.crt-map-heat-node{
  position:absolute;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,174,72,.8) 0%, rgba(255,136,20,.30) 35%, rgba(255,102,0,.08) 68%, transparent 100%);
  filter:blur(6px);
  mix-blend-mode:screen;
}

.crt-map-beacon{
  position:absolute;
  transform:translate(-50%,-50%) scale(var(--crtScale,1));
  width:14px;
  height:14px;
  border-radius:50%;
  border:1px solid rgba(255,220,170,.62);
  background:radial-gradient(circle, #fff1d3 0%, #ffb55c 38%, #ff8e1f 70%, rgba(255,142,31,.18) 100%);
  box-shadow:0 0 14px rgba(255,143,31,.78),0 0 28px rgba(255,143,31,.28);
}

.crt-map-beacon::before,
.crt-map-beacon::after{
  content:"";
  position:absolute;
  inset:50% auto auto 50%;
  border-radius:50%;
  transform:translate(-50%,-50%);
}

.crt-map-beacon::before{
  width:14px;height:14px;background:rgba(255,142,31,.18);box-shadow:0 0 18px rgba(255,142,31,.35);
}

.crt-map-beacon::after{
  width:14px;height:14px;border:1px solid rgba(255,183,111,.72);animation:crtBeacon 2s infinite ease-out;
}

.crt-map-beacon.is-primary::after{animation-duration:1.45s;}

@keyframes crtBeacon{
  from{width:14px;height:14px;opacity:.82}
  to{width:54px;height:54px;opacity:0}
}

.crt-map-label{
  position:absolute;
  transform:translateY(-50%);
  font-size:11px;
  color:#ffd9ac;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-shadow:0 0 10px rgba(255,155,40,.55);
  white-space:nowrap;
}

.crt-world-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffcf96;
  font-size:14px;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:linear-gradient(180deg, rgba(3,6,11,.12), rgba(3,6,11,.5));
}

.crt-world-sidecar{display:grid;gap:16px;align-content:start;}
.crt-sidecar-block{padding:18px;}
.crt-sidecar-title{margin-bottom:14px;color:#ffbc73;}

.crt-sidecar-list,
.crt-country-list,
.crt-city-list,
.crt-page-list,
.crt-recent-list,
.crt-hotspot-feed,
.crt-bar-list{display:grid;gap:10px;}

.crt-country-item,
.crt-city-item,
.crt-page-item,
.crt-recent-item,
.crt-hotspot-item,
.crt-bar-item{
  display:grid;
  align-items:center;
  gap:12px;
  padding:13px 0;
  border-bottom:1px solid rgba(255,150,40,.08);
}

.crt-country-item:last-child,
.crt-city-item:last-child,
.crt-page-item:last-child,
.crt-recent-item:last-child,
.crt-hotspot-item:last-child,
.crt-bar-item:last-child{border-bottom:0;}

.crt-country-item{grid-template-columns:auto minmax(0,1fr) minmax(110px,.9fr) auto;}
.crt-city-item{grid-template-columns:minmax(0,1fr) auto minmax(120px,.9fr) auto;}
.crt-page-item{grid-template-columns:minmax(0,1fr) auto;}
.crt-recent-item{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto auto;}
.crt-hotspot-item{grid-template-columns:auto minmax(0,1fr) minmax(100px,.9fr) auto;}

.crt-flag{
  width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(255,146,33,.10);border:1px solid rgba(255,146,33,.24);font-size:18px;
}

.crt-name{display:block;color:#fff0d8;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crt-sub{display:block;color:#c58e56;font-size:12px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crt-count{font-weight:800;color:#fff1da;}

.crt-intensity,
.crt-hotspot-pulse,
.crt-bar-track{
  position:relative;
  height:8px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,146,33,.08);
  border:1px solid rgba(255,146,33,.10);
}

.crt-intensity span,
.crt-hotspot-pulse span,
.crt-bar-track span{
  position:absolute;inset:0 auto 0 0;border-radius:999px;
  background:linear-gradient(90deg, rgba(255,186,118,.96), rgba(255,142,31,.92) 55%, rgba(255,94,0,.86));
  box-shadow:0 0 12px rgba(255,155,40,.22);
}

.crt-page-side{display:grid;gap:8px;min-width:130px;align-items:center;}
.crt-city-meta{font-size:12px;color:#ffbf78;white-space:nowrap;}
.crt-hotspot-rank{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,146,33,.10);border:1px solid rgba(255,146,33,.24);font-weight:800;color:#ffe6c2;}

.crt-ops-card{height:100%;}
.crt-mini-card{padding:18px;display:grid;gap:14px;align-content:start;min-height:160px;}
.crt-mini-card-span2{grid-column:span 2;}
.crt-mini-title,.crt-sidecar-title{color:#ffbc73;}

.crt-bar-copy{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#ffe6c0;}
.crt-bar-copy strong{font-weight:800;color:#fff1da;}

.crt-trend-wrap{min-height:180px;}
.crt-trend-svg-wrap{position:relative;}
.crt-trend-svg{width:100%;height:180px;display:block;}
.crt-trend-line{stroke:#ffaf59;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(255,150,40,.32));}
.crt-trend-area{opacity:1;}
.crt-trend-labels{position:absolute;left:0;right:0;bottom:0;min-height:18px;pointer-events:none;}
.crt-trend-labels span{position:absolute;transform:translateX(-50%);font-size:11px;color:#c9965d;}

.crt-system-item{display:grid;gap:6px;padding:14px;border-radius:18px;background:rgba(255,138,25,.05);border:1px solid rgba(255,166,64,.12);}
.crt-system-item span{font-size:11px;color:#c58e56;letter-spacing:.12em;text-transform:uppercase;}
.crt-system-item strong{font-size:15px;color:#fff0d8;word-break:break-word;}
.crt-system-grid-compact .crt-system-item{padding:12px;}

.crt-recent-chip-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;}
.crt-recent-chip{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,155,40,.18);background:rgba(255,145,40,.08);font-size:11px;color:#ffcf96;text-transform:uppercase;letter-spacing:.08em;}
.crt-time{white-space:nowrap;color:#ffbf78;font-weight:700;}

.crt-empty-state{
  padding:18px 0 8px;
  color:#d6a16a;
  font-style:italic;
}

.crt-admin-titlebar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin:18px 0 18px;}
.crt-admin-titlebar h1{margin:0 0 6px;font-size:30px;line-height:1.05;color:#f3f6fb;}
.crt-admin-titlebar p{margin:0;color:#516073;font-size:14px;max-width:820px;}
.crt-live-radar-settings-box{padding:22px;position:sticky;top:24px;}
.crt-admin-block{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid rgba(255,150,40,.08);}
.crt-admin-block:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.crt-admin-block h2,.crt-admin-block h3{margin:0 0 8px;color:#ffe8c8;}
.crt-admin-block p,.crt-admin-block li{color:#d2a26b;line-height:1.55;}
.crt-admin-block ul{margin:0;padding-left:18px;}
.crt-live-radar-settings-box code{display:inline-flex;padding:8px 10px;border-radius:12px;background:rgba(255,145,40,.08);border:1px solid rgba(255,155,40,.14);color:#ffe3ba;}
.crt-live-radar-settings-box .description{color:#bf8b55;}
.crt-live-radar-settings-box input[type="number"]{background:#130a03;border:1px solid rgba(255,155,40,.18);color:#ffe8c7;border-radius:10px;padding:6px 10px;}
.crt-live-radar-settings-box input[type="checkbox"]{accent-color:#ff8e1f;}
.crt-live-radar-settings-box .button-primary{background:#c95f0b;border-color:#b35308;box-shadow:none;text-shadow:none;}

@media (max-width: 1380px){
  .crt-live-radar-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));}
  .crt-live-radar-summary{grid-template-columns:repeat(3,minmax(0,1fr));}
  .crt-live-radar-stage,
  .crt-live-radar-grid-top,
  .crt-live-radar-grid-middle,
  .crt-live-radar-admin-grid,
  .crt-world-map-wrap{grid-template-columns:1fr;}
  .crt-live-radar-settings-box{position:static;}
}

@media (max-width: 980px){
  .crt-live-radar-shell{padding:22px;border-radius:24px;}
  .crt-live-radar-header{flex-direction:column;align-items:flex-start;}
  .crt-live-radar-header-side{align-items:flex-start;}
  .crt-live-radar-toolbar,
  .crt-live-radar-summary,
  .crt-ops-grid,
  .crt-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .crt-mini-card-span2{grid-column:span 2;}
  .crt-country-item,
  .crt-city-item,
  .crt-page-item,
  .crt-hotspot-item,
  .crt-recent-item{grid-template-columns:1fr;}
  .crt-page-side{min-width:0;}
}

@media (max-width: 680px){
  .crt-live-radar-toolbar,
  .crt-live-radar-summary,
  .crt-ops-grid,
  .crt-system-grid{grid-template-columns:1fr;}
  .crt-mini-card-span2{grid-column:span 1;}
  .crt-world-map-frame{min-height:360px;}
  .crt-map-label{display:none;}
}