/* Membership-only presentation; roadmap styles and global selectors are untouched. */
.km-live{margin:0 0 24px;border:1px solid #be9b5a55;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 25% 45%,#76529c22,transparent 65%),linear-gradient(130deg,#11121f,#090c15);color:#eee;text-align:left;isolation:isolate}
.km-live .km-live-heading{display:flex;align-items:center;gap:9px;padding:16px 20px 0;font-size:13px;font-weight:800;color:#e5cb8c;letter-spacing:.05em}
.km-live .km-live-beacon{width:7px;height:7px;flex:none;border-radius:50%;background:#9ad7b7;box-shadow:0 0 12px #9ad7b7}
.km-live .km-live-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);align-items:center}
.km-live .km-live-sky{position:relative;min-width:0}.km-live canvas{display:block;width:100%;height:265px}
.km-live .km-live-caption{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#c4acd1;font-size:9px;letter-spacing:4px;pointer-events:none}
.km-live .km-live-numbers{display:grid;gap:14px;padding:20px}.km-live .km-live-numbers strong{display:block;font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15;color:#f0d59d}.km-live .km-live-numbers span{display:block;color:#e9e4ef;font-size:13px}.km-live .km-live-numbers small{display:block;color:#aaa5b8;font-size:10px;line-height:1.5}
.km-live .km-live-footer{border-top:1px solid #a68c6522;padding:12px 16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.km-live .km-live-footer p{font-size:11px;line-height:1.5;color:#a6b9b1;margin:0}.km-live .km-live-footer>div{display:flex;gap:7px;flex-wrap:wrap}
.km-live .km-live-footer button{border:1px solid #b9a57355;border-radius:99px;background:#c9b17a0a;color:#e2d4b9;padding:7px 10px;min-height:34px;font:11px/1.3 system-ui;cursor:pointer}.km-live button:focus-visible,.km-live summary:focus-visible{outline:2px solid #f4cf80;outline-offset:3px}
.km-live .km-live-about{padding:0 16px 12px;border:0;color:#aaa5b8;font-size:11px}.km-live .km-live-about summary{font-size:11px;padding:4px 0;color:#c4b99f;cursor:pointer}.km-live .km-live-about p{font-size:11px;line-height:1.5;margin:8px 0 0;color:#aaa5b8}.km-live .km-live-about a{color:#d3c08d;text-decoration:underline}
.km-live .km-live-logo{position:absolute;display:block;width:28px;height:28px;object-fit:contain;padding:3px;box-sizing:border-box;border:1px solid #e6cb8c99;border-radius:50%;background:#11121f;pointer-events:none;transform:translate(-50%,-50%);animation:kmLiveArrival 2.6s ease-in-out infinite;animation-play-state:paused}
@keyframes kmLiveArrival{0%,100%{box-shadow:0 0 8px #e6bc6244;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 20px #d0a0ed99;transform:translate(-50%,-50%) scale(1.09)}}
/* Specific popup selectors override its existing general button/paragraph styles. */
#km-offer-dialog .km-live{margin:12px 0}#km-offer-dialog .km-live .km-live-heading{font-size:11px;padding:12px 12px 0}#km-offer-dialog .km-live .km-live-body{grid-template-columns:1fr}#km-offer-dialog .km-live canvas{height:160px}#km-offer-dialog .km-live .km-live-numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px;text-align:center}#km-offer-dialog .km-live .km-live-numbers strong{font-size:21px}#km-offer-dialog .km-live .km-live-numbers span{font-size:10px}#km-offer-dialog .km-live .km-live-numbers small{font-size:9px}#km-offer-dialog .km-live .km-live-footer p{font-size:10px;margin:0}#km-offer-dialog .km-live .km-live-footer button{font-size:10px;padding:7px 10px;color:#e2d4b9}#km-offer-dialog .km-live .km-live-about{font-size:10px;margin:0}#km-offer-dialog .km-live .km-live-about summary,#km-offer-dialog .km-live .km-live-about p{font-size:10px}
@media(max-width:650px){.km-live .km-live-body{grid-template-columns:1fr}.km-live canvas{height:230px}.km-live .km-live-numbers{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 12px;text-align:center;gap:8px}.km-live .km-live-numbers strong{font-size:24px}.km-live .km-live-numbers span{font-size:11px}.km-live .km-live-numbers small{font-size:9px}.km-live .km-live-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.km-live .km-live-logo{animation:none}}

#membership-comparison .km-live .km-live-footer button{font:11px/1.3 system-ui;color:#e2d4b9}
#membership-comparison .km-live .km-live-about{padding:0 16px 12px;border:0}
#membership-comparison .km-live .km-live-about summary{font-size:11px;padding:4px 0;color:#c4b99f}
#membership-comparison .km-live .km-live-about p{font-size:11px;line-height:1.5;margin:8px 0 0;color:#aaa5b8}

/* Compact activity presentation: no visible pause controls or animation explanation. */
.km-live .km-live-footer{padding:5px 14px;min-height:18px;justify-content:flex-end}
.km-live .km-live-footer [data-km-live-status]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.km-live .km-live-data-credit{font-size:9px;color:#8b8795}.km-live .km-live-data-credit a{color:#a9a0b5}