/* Live (interplay): Galaxy x Recon x Pulse, ported from the Mac deck and the
   Apple TV wall. Phone stacks full-bleed panes with the world as the hero.
   iPad (min-width 700) is the Mac three-pane: Galaxy over RECON on the left,
   Pulse world on the right, visitor list over the globe. */
#ags-live{
  position:relative;
  margin:0 calc(var(--pad) * -1);
  min-height:calc(100dvh - var(--chrome-h, 72px) - var(--tab-h));
  background:radial-gradient(1100px 650px at 50% 45%, #0a0d1a 0%, #05060c 60%, #030309 100%);
  color:#e8eaf6;
  overflow:visible;
  padding-bottom:calc(28vh + 16px);
}
#ags-live.ags-live-fs{
  position:fixed !important;
  inset:0 !important;
  z-index:80 !important;
  margin:0 !important;
  height:100dvh !important;
  max-height:none !important;
  border:0 !important;
  padding-bottom:env(safe-area-inset-bottom, 0px);
}
.ags-live-head{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;
  padding:8px 14px 6px;z-index:5;
  background:linear-gradient(180deg, rgba(6,8,16,.94), rgba(6,8,16,0));
}
.ags-live-mark{
  font-family:var(--serif);font-weight:600;font-size:16px;letter-spacing:.06em;
  color:#c9a24b;text-shadow:0 2px 14px rgba(201,162,75,.3);
}
.ags-live-mark b{color:#ffd166;font-weight:600}
.ags-live-who{font-size:12px;font-weight:700;color:#e8eaf6;letter-spacing:.03em}
.ags-live-who b{color:#ffd166}
.ags-live-who i{color:#3fb950;font-style:normal;font-weight:600;font-size:11px}
.ags-live-say{font-size:11px;color:#8b91ad;margin:0;line-height:1.35;flex:1 1 180px}
.ags-live-legend{display:flex;gap:10px;flex:none}
.ags-live-legend i{
  font-style:normal;font-size:10px;color:#9aa3c7;letter-spacing:.06em;
  display:flex;align-items:center;gap:4px;
}
.ags-live-legend i::before{content:'';width:7px;height:7px;border-radius:50%;box-shadow:0 0 6px currentColor}
.ags-live-legend .h::before{background:#5ac8ff}
.ags-live-legend .a::before{background:#9085e9}
.ags-live-legend .s::before{background:#4dd0c4}
.ags-live-legend .b::before{background:#e0a458}
.ags-live-acts{display:flex;align-items:center;gap:8px;margin-left:auto}
.ags-live-now{display:flex;flex-direction:column;line-height:1.05}
.ags-live-now .v{font-size:20px;font-weight:700;color:#3fb950;font-variant-numeric:tabular-nums}
.ags-live-now .k{font-size:8.5px;letter-spacing:.12em;color:#8b91ad;text-transform:uppercase}
.ags-live-acts .btn{
  pointer-events:auto;flex:none;padding:7px 12px;border-radius:8px;
  border:1px solid rgba(120,140,220,.28);background:rgba(8,10,18,.7);
  font-size:11px;font-weight:600;color:#e8eaf6;
}
.ags-live-acts .btn.on{border-color:#3fb950;color:#3fb950;background:rgba(63,185,80,.12)}

#ags-live-row{position:relative;display:flex;flex-direction:column;min-height:0}
#ags-live-left{display:flex;flex-direction:column;min-height:0}
#ags-live-globe{position:relative;min-height:0;background:#060810;overflow:hidden}
#ags-live .stage,
#ags-live .ags-live-pane{
  position:relative;margin:0;border-radius:0;min-height:0;overflow:hidden;
}
#ags-live .stage-globe,
#ags-live-globe .stage{height:46vh;min-height:280px}
#ags-live .ipstage,
#ags-live-left .stage{height:42vh;min-height:220px}
#ags-live canvas{display:block;width:100%;height:100%}
#ags-live .ipcap,
#ags-live .ags-live-cap{
  position:absolute;left:12px;bottom:8px;z-index:3;pointer-events:none;
  font-size:9px;letter-spacing:.16em;color:#8b91ad;text-transform:uppercase;
  text-shadow:0 2px 8px #000;
}
#ags-live-globe .ags-live-cap{left:auto;right:12px}
#ags-live-left .stage + .stage{border-top:1px solid rgba(120,140,220,.16)}

#ags-live-beam{
  position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;
}
#ags-live-feed{
  position:fixed;left:10px;right:10px;bottom:calc(var(--tab-h) + 8px);z-index:8;
  display:flex;flex-direction:column;gap:4px;
  max-height:28vh;overflow:auto;-webkit-overflow-scrolling:touch;
  margin:0;padding:0;
  pointer-events:auto;
}
.ags-live-wait{
  text-align:center;font-size:10px;color:#8b91ad;opacity:.75;padding:8px;
  background:rgba(8,10,18,.72);border:1px solid rgba(120,140,220,.14);border-radius:8px;
}
.ags-live-row{
  display:flex;gap:6px;align-items:baseline;
  background:rgba(8,10,18,.82);border:1px solid rgba(120,140,220,.16);
  border-radius:8px;padding:7px 9px;backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  color:#dfe3f5;text-align:left;width:100%;
}
.ags-live-row.on{border-color:rgba(90,200,255,.55);box-shadow:0 0 0 1px rgba(90,200,255,.25)}
.ags-live-dot{
  width:7px;height:7px;border-radius:50%;flex:none;margin-top:4px;
}
.ags-live-chip{
  font-size:8.5px;flex:none;text-transform:uppercase;letter-spacing:.04em;
  min-width:44px;font-weight:700;
}
.ags-live-title{
  font-size:12px;font-weight:700;color:#dfe3f5;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;
}
.ags-live-arrow{font-size:10px;color:#8b91ad;flex:none}
.ags-live-site{
  font-size:11px;color:#9fd0ff;min-width:0;max-width:38%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:none;
}
.ags-live-ago{margin-left:auto;font-size:10px;color:#8b91ad;flex:none}

/* STREET VIEW. Phone: bottom sheet. iPad: Mac overlay on the globe. */
#ags-live-street{
  position:fixed;left:0;right:0;bottom:0;z-index:70;
  height:min(52vh, 420px);display:none;opacity:0;
  border-radius:18px 18px 0 0;overflow:hidden;
  border:1px solid rgba(255,209,102,.35);
  box-shadow:0 -20px 60px rgba(0,0,0,.7);background:#0a0d1a;
  transition:opacity .4s ease, transform .4s ease;
  transform:translateY(12px);
  padding-bottom:env(safe-area-inset-bottom, 0px);
}
#ags-live-street.on{display:block;opacity:1;transform:translateY(0);pointer-events:auto}
#ags-live-street iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(1.05)}
.ags-live-streetbar{
  position:absolute;left:0;right:0;top:0;z-index:2;
  display:flex;align-items:center;gap:7px;
  padding:10px 13px 28px;
  background:linear-gradient(180deg, rgba(4,6,12,.92), rgba(4,6,12,0));
  pointer-events:none;
}
.ags-live-streetbar .dot{
  width:7px;height:7px;border-radius:50%;background:#ffd166;box-shadow:0 0 8px #ffd166;flex:none;
}
#ags-live-streetlbl{color:#ffe08a;font-size:11px;letter-spacing:.03em;font-weight:700}
.ags-live-streetbar .hint{font-size:9px;color:#8b91ad}
.ags-live-streetx{
  pointer-events:auto;margin-left:auto;font-size:13px;color:#e8eaf6;
  border:1px solid rgba(120,140,220,.3);border-radius:7px;padding:3px 8px;background:rgba(8,10,18,.7);
}
#ags-live-streetmiss{
  position:absolute;inset:0;z-index:1;display:none;
  align-items:center;justify-content:center;flex-direction:column;gap:6px;
  background:#0a0d1a;color:#8b91ad;font-size:13px;letter-spacing:.04em;
}
#ags-live-streetmiss.on{display:flex}
#ags-live-streetmiss b{color:#ffe08a;font-size:12px;letter-spacing:.1em;text-transform:uppercase}

@media (min-width:700px){
  #ags-live-row{
    display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;
    min-height:calc(100dvh - var(--chrome-h, 72px) - var(--tab-h) - 64px);
  }
  #ags-live-left{
    display:grid;grid-template-rows:1fr 1fr;gap:0;
    border-right:1px solid rgba(120,140,220,.16);min-height:0;
  }
  #ags-live-left .stage,
  #ags-live-left .ags-live-pane{height:auto;min-height:0}
  #ags-live-globe,
  #ags-live-globe .stage,
  #ags-live .stage-globe{height:100%;min-height:0}
  #ags-live{padding-bottom:0}
  #ags-live-feed{
    position:absolute;left:50%;top:8px;transform:translateX(-50%);
    width:min(320px, 46%);max-height:48%;margin:0;bottom:auto;
    z-index:6;
  }
  #ags-live-street{
    position:absolute;left:8%;right:8%;top:10%;bottom:10%;
    height:auto;border-radius:14px;transform:none;padding-bottom:0;
  }
  #ags-live.ags-live-fs #ags-live-row{min-height:calc(100dvh - 56px)}
}