/* Live audience map (advertise pages) 2026-10-19 */
.am{--am-bg:#050b18;--am-bg2:#0b1a33;--am-line:rgba(56,189,248,.16);--am-txt:#e6f1ff;--am-mut:#8aa4c8;--am-cy:#22d3ee;--am-gr:#34d399;--am-mg:#f472b6;
  position:relative;width:100vw;max-width:100vw;margin:34px 0 8px calc(50% - 50vw);border-radius:0;overflow:hidden;color:var(--am-txt);
  background:radial-gradient(1200px 500px at 70% -10%,rgba(34,211,238,.14),transparent 60%),radial-gradient(900px 500px at 0% 110%,rgba(244,114,182,.10),transparent 60%),linear-gradient(160deg,var(--am-bg),var(--am-bg2));
  border:solid rgba(56,189,248,.22);border-width:1px 0;box-shadow:0 30px 80px -30px rgba(2,8,23,.65),inset 0 1px 0 rgba(255,255,255,.04);font-feature-settings:"tnum"}
.am *{box-sizing:border-box}
.am-head,.am-side,.am-foot{width:min(2200px,calc(100% - max(48px,8vw)));margin-left:auto;margin-right:auto}
.am-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 18px;padding:24px 0 12px}
.am-title{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--am-cy)}
.am-title h2{margin:2px 0 0;font-size:clamp(22px,1.6vw,34px);letter-spacing:0;text-transform:none;color:#fff;font-weight:800}
.am-upd{font-size:13px;color:#a9c1e2;padding-bottom:4px}
.am-grid{display:block}
.am-map{position:relative;line-height:0}
.am-map canvas{display:block;width:100%;height:auto}
.am-side{padding:22px 0 24px;display:flex;flex-direction:column;gap:16px}
.am-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.am-stat{padding:18px 22px;border-radius:16px;background:linear-gradient(180deg,#112a52,#0c1e3d);border:1px solid rgba(56,189,248,.5);box-shadow:0 10px 28px -14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.07)}
.am-stat b{display:block;font-size:clamp(28px,2.1vw,46px);line-height:1.05;font-weight:800;letter-spacing:-.01em;color:#fff}
.am-stat span{display:block;margin-top:6px;font-size:clamp(12px,.8vw,15px);font-weight:700;color:#b9cdea;text-transform:uppercase;letter-spacing:.08em}
.am-stat.live{display:flex;align-items:center;gap:16px;background:linear-gradient(180deg,#0f4a3c,#0b2f2d);border-color:rgba(52,231,163,.8)}
.am-stat.live b{font-size:clamp(34px,2.6vw,56px);color:#34e7a3;text-shadow:0 0 22px rgba(52,231,163,.5)}
.am-stat.live .am-pulse{width:14px;height:14px}
.am-cols{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px}
.am-box{padding:18px 22px 20px;border-radius:16px;background:linear-gradient(180deg,#0f2448,#0b1a36);border:1px solid rgba(56,189,248,.45);box-shadow:0 10px 28px -14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06)}
.am-sub{font-size:clamp(12px,.8vw,15px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--am-cy);margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid rgba(56,189,248,.25)}
.am-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.am-list li{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:4px 10px;font-size:clamp(14px,.95vw,18px);color:#fff;font-weight:600}
.am-list .f{font-size:18px;line-height:1}
.am-list .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.am .am-list .am-bar{display:block;padding:0;margin:0;border:0;min-height:0;grid-column:2/-1;height:5px;border-radius:5px;background:rgba(148,197,255,.16);overflow:hidden}
.am .am-list .am-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--am-cy),#34e7a3);transition:width .8s ease}
.am-list b{font-weight:800;color:#34e7a3;font-size:1.1em}
.am-feed{list-style:none;margin:0;padding:0;font-size:clamp(14px,.95vw,18px);color:#d7e5f7;display:grid;gap:10px;min-height:60px}
.am-feed li{padding:8px 12px;border-radius:10px;background:rgba(148,197,255,.07);border-left:3px solid #34e7a3}
.am-feed li b{color:#34e7a3;font-weight:800}
.am-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:18px 0 24px;border-top:1px solid rgba(56,189,248,.25);font-size:13px;color:#a9c1e2}
.am-pulse{position:relative;width:10px;height:10px;border-radius:50%;background:var(--am-gr);box-shadow:0 0 12px var(--am-gr);flex:none}
.am-pulse:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--am-gr);animation:am-ping 1.6s ease-out infinite}
@keyframes am-ping{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.8);opacity:0}}
.am-scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(34,211,238,.06) 50%,transparent);background-size:100% 220px;animation:am-scan 6s linear infinite;mix-blend-mode:screen}
@keyframes am-scan{from{background-position:0 -220px}to{background-position:0 calc(100% + 220px)}}
.am-tip{position:absolute;pointer-events:none;padding:8px 11px;border-radius:10px;background:rgba(5,11,24,.92);border:1px solid rgba(34,211,238,.45);font-size:13px;line-height:1.35;white-space:nowrap;transform:translate(-50%,calc(-100% - 14px));opacity:0;transition:opacity .12s;box-shadow:0 8px 30px rgba(0,0,0,.5);z-index:2}
.am-tip b{color:var(--am-cy)}
.am-flash{animation:am-flash .9s ease}
@keyframes am-flash{0%{filter:brightness(2.2)}100%{filter:none}}
.am-feed li{animation:am-in .5s ease both}
@keyframes am-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.am-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-weight:700;font-size:14px;color:#04121f !important;text-decoration:none !important;background:linear-gradient(90deg,var(--am-cy),var(--am-gr));box-shadow:0 8px 28px -8px rgba(34,211,238,.6);transition:transform .15s,box-shadow .15s}
.am-btn:hover{transform:translateY(-1px);box-shadow:0 12px 32px -8px rgba(34,211,238,.8)}
@media (max-width:900px){.am-stats{grid-template-columns:1fr 1fr}.am-stat.live,.am-stat:last-child{grid-column:1/-1}.am-cols{grid-template-columns:1fr}}
@media (max-width:520px){.am-head,.am-side,.am-foot{width:calc(100% - 32px)}.am-stat,.am-box{padding:14px 16px}}
@media (prefers-reduced-motion:reduce){.am-pulse:after,.am-scan{animation:none}}

/* v3 2026-10-20: city + rank arrows + 30-day totals, reading feed with times, top pages, devices, hover highlight */
.am .am-list li{grid-template-columns:26px 1fr auto;border-radius:10px;padding:4px 6px;margin:0 -6px;transition:background .2s}
.am .am-list li.hl{background:rgba(52,231,163,.12);box-shadow:inset 3px 0 0 #34e7a3}
.am .am-list li[data-cc]{cursor:default}
.am .am-list .n small{display:block;font-size:.78em;font-weight:500;color:#9fb6d6;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am .am-list .c{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.am .am-rk{font-style:normal;font-size:.72em;font-weight:800;padding:1px 6px;border-radius:999px;line-height:1.5}
.am .am-rk.up{color:#34e7a3;background:rgba(52,231,163,.14)}
.am .am-rk.dn{color:#fb7185;background:rgba(251,113,133,.14)}
.am .am-rk.nw{color:#fbbf24;background:rgba(251,191,36,.14);text-transform:uppercase;letter-spacing:.06em}
.am .am-feed li{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;line-height:1.4}
.am .am-feed li .tx{min-width:0}
.am .am-feed li em{font-style:normal;color:#fff;font-weight:600}
.am .am-feed li .cn{color:#9fb6d6}
.am .am-feed li time{flex:none;font-size:.78em;color:#7f97b9;white-space:nowrap;padding-top:2px}
.am .am-feed li.nw{animation:am-in .5s ease both,am-glow 2.4s ease}
@keyframes am-glow{0%{background:rgba(52,231,163,.28)}100%{background:rgba(148,197,255,.07)}}
.am .am-pages{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.am .am-pages li{display:grid;grid-template-columns:24px 1fr auto;gap:4px 10px;align-items:start;font-size:clamp(13.5px,.9vw,17px);color:#fff}
.am .am-pages li .r{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#04121f;background:linear-gradient(135deg,#22d3ee,#34e7a3)}
.am .am-pages li .t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;line-height:1.35}
.am .am-pages li b{color:#34e7a3;font-weight:800}
.am .am-pages li .am-bar{grid-column:2/-1}
.am .am-pages li.empty,.am .am-dev .empty{display:block;color:#9fb6d6;font-size:14px}
.am .am-sub2{margin-top:20px}
.am .am-dbar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:rgba(148,197,255,.14)}
.am .am-dbar i{display:block;height:100%;transition:width .8s ease}
.am .am-dleg{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:13.5px;color:#d7e5f7}
.am .am-dleg span{display:inline-flex;align-items:center;gap:6px}
.am .am-dleg i{width:10px;height:10px;border-radius:50%;display:inline-block}
.am .am-dleg b{color:#fff}
@media (max-width:1200px){.am-cols{grid-template-columns:1fr 1fr}.am-cols>.am-box:last-child{grid-column:1/-1}}
@media (max-width:900px){.am-cols{grid-template-columns:1fr}.am-cols>.am-box:last-child{grid-column:auto}}

/* v4 2026-10-20: living blocks - sparklines, shine, ripples, shimmer bars, timeline packets, donut */
.am .am-stat{position:relative;overflow:hidden;isolation:isolate}
.am .am-stat:after{content:"";position:absolute;inset:-1px;z-index:-1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.10) 50%,transparent 65%);transform:translateX(-120%);animation:am-shine 7s ease-in-out infinite}
.am .am-stat:nth-child(2):after{animation-delay:1.2s}.am .am-stat:nth-child(3):after{animation-delay:2.4s}.am .am-stat:nth-child(4):after{animation-delay:3.6s}
@keyframes am-shine{0%,62%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}
@keyframes am-dot{0%{transform:scale(1);opacity:1}100%{transform:scale(3.6);opacity:0}}
.am .am-stat.live{overflow:hidden}
.am .am-rip{position:absolute;left:30px;top:38%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid #34e7a3;animation:am-rip 1.5s ease-out forwards;pointer-events:none}
@keyframes am-rip{0%{transform:scale(1);opacity:.9}100%{transform:scale(28);opacity:0}}
.am .am-bar i{position:relative;overflow:hidden}
.am .am-bar i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:translateX(-100%);animation:am-flow 2.6s linear infinite}
.am .am-list li:nth-child(2) .am-bar i:after,.am .am-pages li:nth-child(2) .am-bar i:after{animation-delay:.35s}
.am .am-list li:nth-child(3) .am-bar i:after,.am .am-pages li:nth-child(3) .am-bar i:after{animation-delay:.7s}
.am .am-list li:nth-child(4) .am-bar i:after,.am .am-pages li:nth-child(4) .am-bar i:after{animation-delay:1.05s}
.am .am-list li:nth-child(5) .am-bar i:after,.am .am-pages li:nth-child(5) .am-bar i:after{animation-delay:1.4s}
@keyframes am-flow{to{transform:translateX(100%)}}
.am .am-pages li .r{position:relative}
.am .am-pages li .r:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,#34e7a3,transparent 40%,#22d3ee 60%,transparent);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);mask:radial-gradient(circle,transparent 58%,#000 60%);animation:am-spin 2.8s linear infinite}
@keyframes am-spin{to{transform:rotate(360deg)}}
.am .am-feed{position:relative;padding-left:20px}
.am .am-feed:before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;border-radius:2px;background:linear-gradient(#34e7a3,rgba(56,189,248,.25))}
.am .am-feed:after{content:"";position:absolute;left:3px;top:0;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px rgba(52,231,163,.9);animation:am-down 3.2s ease-in-out infinite}
@keyframes am-down{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:calc(100% - 8px);opacity:0}}
.am .am-feed li{position:relative}
.am .am-feed li:before{content:"";position:absolute;left:-19px;top:15px;width:8px;height:8px;border-radius:50%;background:#34e7a3;box-shadow:0 0 0 0 rgba(52,231,163,.6);animation:am-sig 2s ease-out infinite}
.am .am-feed li:nth-child(2):before{animation-delay:.4s}.am .am-feed li:nth-child(3):before{animation-delay:.8s}.am .am-feed li:nth-child(4):before{animation-delay:1.2s}
@keyframes am-sig{0%{box-shadow:0 0 0 0 rgba(52,231,163,.6)}100%{box-shadow:0 0 0 10px rgba(52,231,163,0)}}
.am .am-dev{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.am .am-donut{position:relative;width:120px;height:120px;flex:none}
.am .am-donut svg{width:120px;height:120px;transform:rotate(-90deg)}
.am .am-donut .sg{transition:stroke-dasharray 1.4s cubic-bezier(.4,0,.2,1)}
.am .am-donut .orb{transform-origin:60px 60px;animation:am-spin 4s linear infinite;filter:drop-shadow(0 0 4px #34e7a3)}
.am .am-donut .mid{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1.1}
.am .am-donut .mid b{font-size:22px;color:#fff;font-weight:800}
.am .am-donut .mid span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#9fb6d6}
.am .am-dev .am-dleg{flex-direction:column;margin:0}
@media (prefers-reduced-motion:reduce){.am .am-stat:after,.am .am-bar i:after,.am .am-pages li .r:before,.am .am-feed:after,.am .am-feed li:before,.am .am-spark .dr,.am .am-donut .orb{animation:none}}

/* v5 2026-10-20: Live by country as glowing tiles (owner: charts removed, list "kuch different") */
.am .am-cols .am-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.am .am-cols .am-list li{position:relative;display:grid;grid-template-columns:50px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:2px 10px;margin:0;padding:12px 12px 10px;border-radius:14px;
  background:linear-gradient(160deg,rgba(52,231,163,.08),rgba(56,189,248,.04));border:1px solid rgba(56,189,248,.28);transition:transform .25s,box-shadow .25s,border-color .25s}
.am .am-cols .am-list li:hover,.am .am-cols .am-list li.hl{transform:translateY(-2px);border-color:#34e7a3;box-shadow:0 10px 26px -10px rgba(52,231,163,.55);background:linear-gradient(160deg,rgba(52,231,163,.16),rgba(56,189,248,.06))}
.am .am-cols .am-list li.tp{border-color:rgba(251,191,36,.75);box-shadow:0 0 0 1px rgba(251,191,36,.25),0 10px 30px -14px rgba(251,191,36,.6)}
.am .am-cols .am-list li.wait{display:block;grid-column:1/-1;border-style:dashed}
.am .am-top{position:absolute;top:-9px;right:12px;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#1f1300;background:linear-gradient(90deg,#fbbf24,#f59e0b);padding:2px 8px;border-radius:999px}
.am .am-list .ring{grid-row:1/3;position:relative;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(#34e7a3 calc(var(--p,0) * 1%),rgba(148,197,255,.14) 0)}
.am .am-list .ring:before{content:"";position:absolute;inset:4px;border-radius:50%;background:#0d2142}
.am .am-list .ring:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(52,231,163,.55);opacity:0;animation:am-ringp 2.4s ease-out infinite}
.am .am-list li:nth-child(2) .ring:after{animation-delay:.4s}.am .am-list li:nth-child(3) .ring:after{animation-delay:.8s}.am .am-list li:nth-child(4) .ring:after{animation-delay:1.2s}.am .am-list li:nth-child(5) .ring:after{animation-delay:1.6s}.am .am-list li:nth-child(6) .ring:after{animation-delay:2s}
@keyframes am-ringp{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.am .am-list .ring .f{position:relative;font-size:22px;line-height:1}
.am .am-cols .am-list .n{font-size:clamp(14px,.95vw,17px);font-weight:700;color:#fff;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.am .am-cols .am-list .n small{display:block;font-size:12px;font-weight:500;color:#9fb6d6;margin-top:1px}
.am .am-cols .am-list .c{grid-column:3;grid-row:1;display:flex;align-items:center;gap:6px}
.am .am-cols .am-list .c b{font-size:24px;font-weight:800;color:#34e7a3;text-shadow:0 0 14px rgba(52,231,163,.45)}
.am .am-cols .am-list .m{grid-column:2/4;grid-row:2;font-size:11.5px;color:#8fa9cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1500px) and (min-width:1201px){.am .am-cols .am-list{grid-template-columns:1fr}}
@media (max-width:420px){.am .am-cols .am-list{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.am .am-list .ring:after{animation:none}}