:root{color-scheme:dark;--bg:#06111d;--panel:#0b1f2e;--line:rgba(116,183,222,.2);--text:#eff9ff;--muted:#8eacbd;--green:#4df0a4;--blue:#5bc8ff;--yellow:#ffd067;--orange:#ff9e61;--gray:#9daab6}
*{box-sizing:border-box}
html,body{width:100%;height:100%;min-height:0;margin:0;overflow:hidden;background:#06111d}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text)}
.radar-card-link{display:block;width:100%;height:100%;overflow:hidden;color:inherit;text-decoration:none;padding:0}
.compact-radar-card{width:100%;height:100%;min-height:0;padding:12px;background:radial-gradient(circle at 15% 0%,rgba(0,143,206,.18),transparent 38%),linear-gradient(150deg,#071823,#040b12);overflow:hidden;display:flex;flex-direction:column}
.compact-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex:0 0 auto}
.compact-eyebrow{display:block;color:var(--green);font-size:.54rem;line-height:1;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.compact-header h1{margin:4px 0 0;font-size:1.13rem;line-height:1}
.compact-badge{flex:0 0 auto;display:inline-flex;align-items:center;min-height:23px;padding:0 7px;border-radius:999px;font-size:.51rem;font-weight:900;letter-spacing:.05em}
.compact-badge.live{color:#dbffe9;background:rgba(25,177,91,.34);border:1px solid rgba(72,238,143,.86);box-shadow:0 0 10px rgba(42,220,120,.2)}
.compact-badge.delayed{color:#fff0bf;background:rgba(222,139,26,.3);border:1px solid rgba(255,182,71,.86);box-shadow:0 0 10px rgba(255,166,43,.16)}
.compact-badge.simulated{color:#ffe7a6;background:rgba(255,190,65,.13);border:1px solid rgba(255,190,65,.35)}
.compact-badge.waiting{color:#ffe3e6;background:rgba(203,40,57,.38);border:1px solid rgba(255,91,105,.9);box-shadow:0 0 10px rgba(255,70,86,.2)}
.compact-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:8px 0 7px;color:var(--muted);font-size:.67rem;flex:0 0 auto}
.compact-meta strong{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72%}
.compact-meta b{color:var(--green)}
.compact-radar-stage{position:relative;width:min(100%,300px);aspect-ratio:1;margin:0 auto;border-radius:50%;overflow:hidden;border:5px solid #112b3d;background:#020807;box-shadow:0 0 0 1px rgba(102,190,227,.22),0 0 30px rgba(36,224,147,.09),inset 0 0 34px rgba(0,0,0,.92);flex:0 1 auto}
.compact-radar-stage canvas{display:block;width:100%;height:100%}
.compact-glass{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 34% 18%,rgba(255,255,255,.09),transparent 24%),linear-gradient(125deg,rgba(255,255,255,.02),transparent 32%)}
.compact-message{position:absolute;inset:0;display:grid;place-items:center;padding:25%;text-align:center;color:#fff;background:rgba(0,0,0,.5);font-size:.72rem;font-weight:800}
.compact-message.hidden{display:none}
.compact-footer{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:7px;color:var(--muted);font-size:.59rem;flex:0 0 auto}
.compact-footer span:nth-child(2){text-align:center}
.compact-footer strong{color:var(--green);white-space:nowrap}
@media(max-width:330px){.compact-radar-card{padding:10px}.compact-header h1{font-size:1rem}.compact-radar-stage{width:min(100%,278px)}.compact-footer{grid-template-columns:1fr 1fr}.compact-footer strong{grid-column:1/-1;text-align:center}.compact-meta strong{max-width:65%}}