/* ════════════════════════════════════════════════════════════════
   LAB ACTIVITY — community feed (in-lab.html, footer üstü)
   Gerçek Supabase verisi: sayaçlar + zamana göre sıralı aktivite akışı.
   IN-LAB koyu/kırmızı estetiği. Salt-okunur, motivasyon odaklı.
   ════════════════════════════════════════════════════════════════ */

.lab-activity{
  position:relative; isolation:isolate;
  background:linear-gradient(180deg, #050505 0%, #020202 100%);
  border-top:1px solid rgba(255,255,255,.05);
  padding:clamp(3.5rem,7vw,6rem) clamp(1.2rem,5vw,3rem) clamp(3rem,6vw,5rem);
  overflow:hidden;
}
/* HAFİF sabit degrade — feed oyun renklerinin yumuşak karışımı (animasyonsuz, soft) */
.lab-activity::before{
  content:''; position:absolute; inset:0; pointer-events:none; z-index:-1;
  background:
    radial-gradient(45% 50% at 18% 22%, rgba(79,195,247,.07),  transparent 62%),   /* mavi — REFLEXIN */
    radial-gradient(42% 46% at 82% 18%, rgba(255,213,79,.055), transparent 62%),   /* sarı — Brief Breaker */
    radial-gradient(46% 50% at 80% 82%, rgba(186,104,200,.06), transparent 62%),   /* mor — LIFEIN */
    radial-gradient(44% 48% at 20% 80%, rgba(77,182,172,.06),  transparent 62%),   /* turkuaz — INLOOP */
    radial-gradient(40% 44% at 52% 52%, rgba(255,90,95,.05),   transparent 64%);   /* mercan — Paint Wall */
}
/* genişlik: site standardı .container (--max:1400px / --px padding) — diğer section'larla aynı.
   .lab-activity zaten yatay padding veriyordu; .container kendi padding'ini getirdiği için sıfırla. */
.lab-activity{ padding-left:0; padding-right:0; }
/* çerçeve/kutu yok — içerik doğrudan section arka planı üzerinde */
.lab-activity__inner{ position:relative; z-index:1; }

/* ── header ── */
.la-head{ text-align:center; margin-bottom:clamp(2rem,4vw,3rem); }
.la-eyebrow{
  display:inline-flex; align-items:center; gap:.5rem;
  font-size:.7rem; font-weight:700; letter-spacing:.28em; text-transform:uppercase;
  color:rgba(255,255,255,.55); margin-bottom:1rem;
}
.la-live-dot{
  width:8px; height:8px; border-radius:50%; background:var(--red,#e92038);
  box-shadow:0 0 0 0 rgba(233,32,56,.6); animation:la-pulse 2s ease-out infinite;
}
@keyframes la-pulse{
  0%{ box-shadow:0 0 0 0 rgba(233,32,56,.55); }
  70%{ box-shadow:0 0 0 9px rgba(233,32,56,0); }
  100%{ box-shadow:0 0 0 0 rgba(233,32,56,0); }
}
.la-title{
  font-family:var(--sf,'Steelfish','Impact',sans-serif);
  font-size:clamp(2.8rem,7vw,5rem); line-height:.9; letter-spacing:.02em;
  color:#fff; margin:0 0 .9rem; text-transform:uppercase; font-weight:700;
}
.la-title em{ color:var(--red,#e92038); font-style:normal; }
.la-sub{
  max-width:600px; margin:0 auto; font-family:var(--pp,'Poppins',sans-serif);
  font-size:clamp(.85rem,1.6vw,.98rem); line-height:1.6; color:rgba(255,255,255,.6);
}

/* ── stat counters ── */
.la-stats{
  display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(.7rem,1.6vw,1.1rem);
  margin-bottom:clamp(2.2rem,4vw,3rem);
}
.la-stat{
  position:relative; overflow:hidden; border-radius:5px;
  background:linear-gradient(160deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.07);
  padding:clamp(1.1rem,2.2vw,1.6rem) clamp(.9rem,2vw,1.3rem);
  text-align:center; transition:border-color .25s, transform .25s, background .25s;
}
.la-stat::before{
  content:''; position:absolute; left:0; top:0; right:0; height:2px;
  background:linear-gradient(90deg, transparent, var(--red,#e92038), transparent);
  opacity:0; transition:opacity .25s;
}
.la-stat:hover{ border-color:rgba(233,32,56,.4);
  background:linear-gradient(160deg, rgba(233,32,56,.09), rgba(255,255,255,.012)); }
.la-stat:hover::before{ opacity:1; }
.la-stat__ic{
  display:inline-flex; align-items:center; justify-content:center;
  width:46px; height:46px; border-radius:50%; margin-bottom:.7rem;
  background:radial-gradient(120% 120% at 30% 25%, rgba(233,32,56,.28), rgba(233,32,56,.09));
  color:var(--red,#e92038); font-size:1.1rem;
  border:1.5px solid rgba(233,32,56,.38);
}
.la-stat__n{
  display:block; font-family:var(--sf,'Steelfish',sans-serif);
  font-size:clamp(2rem,4.5vw,3rem); line-height:1; color:#fff; font-weight:400;
  letter-spacing:.01em;
}
.la-stat__l{
  display:block; margin-top:.45rem; font-size:.66rem; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.5);
}
.la-stat.is-skeleton{ opacity:.4; }
.la-stat.is-skeleton .la-stat__n{ color:rgba(255,255,255,.25); }

/* ── iki sütunlu yerleşim: şampiyonlar (~30%) | aktivite akışı (~70%) ── */
.la-columns{
  display:grid; grid-template-columns:minmax(0,32fr) minmax(0,68fr);
  gap:clamp(1.4rem,3vw,2.4rem); align-items:start;
}

/* ════════════════════════════════════════════════════════════════
   LEADERBOARD (sol) — bu haftanın en iyileri, oyunsu podyum + sıralar
   ════════════════════════════════════════════════════════════════ */
.la-board{
  position:relative; border-radius:5px; overflow:hidden;
  background:
    radial-gradient(140% 60% at 50% 0%, rgba(233,32,56,.12), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.la-board__head{
  display:flex; align-items:center; justify-content:space-between;
  padding:1rem 1.2rem .9rem;
}
.la-board__title{
  display:inline-flex; align-items:center; gap:.5rem;
  font-size:.82rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#fff;
}
.la-board__title i{ color:var(--red,#e92038); filter:drop-shadow(0 0 6px rgba(233,32,56,.5)); }
.la-board__chip{
  font-size:.6rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:rgba(255,255,255,.55); background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1); padding:.28rem .6rem; border-radius:999px;
}
.la-board__body{ padding:.4rem 1rem 1rem; display:flex; flex-direction:column; gap:.55rem; }

/* — 1. sıra: podyum kartı — */
.la-podium{
  position:relative; text-align:center;
  padding:1.5rem 1rem 1.3rem; border-radius:5px; overflow:hidden;
  background:
    radial-gradient(120% 90% at 50% -10%, color-mix(in srgb, var(--c,#e92038) 28%, transparent), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.15));
  border:1px solid color-mix(in srgb, var(--c,#e92038) 38%, transparent);
  box-shadow:0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);
}
.la-podium__crown{
  position:absolute; top:.6rem; left:50%; transform:translateX(-50%);
  color:var(--red,#e92038); font-size:1rem; filter:drop-shadow(0 0 8px rgba(233,32,56,.6));
}
.la-podium__av{
  display:inline-flex; align-items:center; justify-content:center;
  width:64px; height:64px; border-radius:50%; margin:.4rem auto .7rem;
  font-family:var(--sf,'Steelfish',sans-serif); font-weight:700; font-size:1.7rem; line-height:1;
  color:#fff;
  background:radial-gradient(120% 120% at 30% 25%, color-mix(in srgb, var(--c,#e92038) 70%, #000), color-mix(in srgb, var(--c,#e92038) 35%, #000));
  border:2px solid color-mix(in srgb, var(--c,#e92038) 60%, #fff);
  box-shadow:0 0 18px color-mix(in srgb, var(--c,#e92038) 45%, transparent);
}
.la-podium__who{
  display:block; font-size:1.02rem; font-weight:700; color:#fff;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:.35rem;
}
.la-podium__game{
  display:inline-flex; align-items:center; gap:.35rem; text-decoration:none;
  font-size:.64rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:var(--c,#e92038);
  background:color-mix(in srgb, var(--c,#e92038) 16%, transparent);
  border:1px solid color-mix(in srgb, var(--c,#e92038) 32%, transparent);
  padding:.25rem .6rem; border-radius:999px;
}
.la-podium__game:hover{ background:color-mix(in srgb, var(--c,#e92038) 26%, transparent); }
.la-podium__metric{
  display:block; margin-top:.7rem; font-size:.56rem; font-weight:700;
  letter-spacing:.18em; text-transform:uppercase;
  color:color-mix(in srgb, var(--c,#e92038) 72%, #fff);
}
.la-podium__score{
  display:block; margin-top:.2rem;
  font-family:var(--sf,'Steelfish',sans-serif); font-weight:700;
  font-size:clamp(2.4rem,5vw,3.1rem); line-height:.9; color:#fff;
  text-shadow:0 0 18px color-mix(in srgb, var(--c,#e92038) 40%, transparent);
}
.la-podium__sub{
  display:block; margin-top:.2rem; font-size:.58rem; font-weight:700;
  letter-spacing:.16em; color:rgba(255,255,255,.45);
}

/* — 2.–3. sıra: kompakt satır — */
.la-rankrow{
  display:flex; align-items:center; gap:.7rem;
  padding:.6rem .7rem; border-radius:5px;
  background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.06);
  transition:background .2s, border-color .2s, transform .2s;
}
.la-rankrow:hover{ background:color-mix(in srgb, var(--c,#e92038) 9%, rgba(255,255,255,.02));
  border-color:color-mix(in srgb, var(--c,#e92038) 30%, transparent); transform:translateX(2px); }
.la-rankrow__pos{
  flex:none; width:20px; text-align:center;
  font-family:var(--sf,'Steelfish',sans-serif); font-weight:700; font-size:1.1rem;
  color:rgba(255,255,255,.4);
}
.la-rankrow__av{
  flex:none; display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:50%;
  font-size:.78rem; font-weight:700; color:#fff;
  background:color-mix(in srgb, var(--c,#e92038) 30%, #000);
  border:1.5px solid color-mix(in srgb, var(--c,#e92038) 45%, transparent);
}
.la-rankrow__body{ flex:1; min-width:0; display:flex; flex-direction:column; gap:.1rem; }
.la-rankrow__who{
  font-size:.82rem; font-weight:600; color:#fff;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.la-rankrow__game{
  font-size:.6rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase;
  color:rgba(255,255,255,.42); text-decoration:none;
}
.la-rankrow__game:hover{ color:var(--c,#e92038); }
.la-rankrow__score{
  flex:none; display:flex; flex-direction:column; align-items:flex-end; line-height:1;
  font-family:var(--sf,'Steelfish',sans-serif); font-weight:700;
  font-size:1.25rem; color:#fff;
}
.la-rankrow__unit{
  font-family:var(--pp,'Poppins',sans-serif); font-weight:600;
  font-size:.5rem; letter-spacing:.08em; text-transform:uppercase;
  color:rgba(255,255,255,.4); margin-top:.1rem;
}

/* — alt CTA — */
.la-board__foot{
  display:flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.85rem; text-decoration:none;
  font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color:rgba(255,255,255,.7);
  border-top:1px solid rgba(255,255,255,.07);
  background:rgba(0,0,0,.15); transition:background .2s, color .2s;
}
.la-board__foot:hover{ background:rgba(233,32,56,.14); color:#fff; }
.la-board__foot i{ color:var(--red,#e92038); }

/* — skeleton & empty (leaderboard) — */
.la-podium.is-skeleton{ height:200px; opacity:.3; background:rgba(255,255,255,.03); border-color:rgba(255,255,255,.06); }
.la-rankrow.is-skeleton{ height:50px; opacity:.3; }
.la-board__empty{
  display:flex; flex-direction:column; align-items:center; gap:.5rem;
  padding:2.5rem 1rem; text-align:center; color:rgba(255,255,255,.5); font-size:.85rem;
}
.la-board__empty i{ font-size:1.8rem; color:rgba(255,255,255,.2); }
.la-board__empty small{ font-size:.7rem; color:rgba(255,255,255,.35); }

/* ════════════════════════════════════════════════════════════════
   LIVE FEED (sağ) — sosyal aktivite akışı (hafif kart hissi, çerçevesiz)
   ════════════════════════════════════════════════════════════════ */
.la-feed-wrap{
  position:relative; border-radius:5px; overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.008));
  border:1px solid rgba(255,255,255,.08);
}
.la-feed-bar{
  display:flex; align-items:center; gap:.8rem;
  padding:1rem 1.2rem .95rem;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg, rgba(0,0,0,.22), transparent);
}
.la-feed-bar__t{
  display:inline-flex; align-items:center; gap:.55rem;
  font-size:.82rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#fff;
}
.la-feed-bar__t i{ color:var(--red,#e92038); }
.la-feed-bar__live{
  display:inline-flex; align-items:center; gap:.4rem; margin-right:auto;
  font-size:.6rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:#7ee787;
}
.la-feed-bar__live .la-live-dot{ width:7px; height:7px; background:#7ee787; box-shadow:0 0 0 0 rgba(126,231,135,.55); }
.la-refresh{
  display:inline-flex; align-items:center; gap:.45rem;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.72); font-size:.7rem; font-weight:600;
  padding:.45rem .8rem; border-radius:999px; cursor:pointer;
  transition:background .2s, color .2s, border-color .2s;
}
.la-refresh:hover{ background:rgba(233,32,56,.15); color:#fff; border-color:rgba(233,32,56,.45); }
.la-refresh i{ transition:transform .5s; }
.la-refresh.is-spinning i{ transform:rotate(360deg); }

/* sabit yükseklikli pencere — kutu yerinde kalır, içerik içeride kayar */
.la-feed-viewport{
  position:relative; height:676px; overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%);
  mask-image:linear-gradient(180deg, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%);
}
.la-feed{ list-style:none; margin:0; padding:.5rem .7rem; }
/* içerik sürekli yukarı kayar (içerik ikiye katlandığı için -50% sonsuz döngü) */
.la-feed-viewport.is-scrolling .la-feed{
  animation:la-feed-scroll var(--la-scroll-dur,60s) linear infinite;
  will-change:transform;
}
.la-feed-viewport.is-scrolling:hover .la-feed{ animation-play-state:paused; } /* üzerine gelince dur */
@keyframes la-feed-scroll{
  from{ transform:translateY(0); }
  to{   transform:translateY(-50%); }
}

/* en altta sabit ghost akışı (otomatik kaymaz) */
.la-feed-ghost{
  list-style:none; margin:0; padding:.4rem .7rem .55rem;
  border-top:1px solid rgba(255,255,255,.07);
  background:linear-gradient(0deg, rgba(0,0,0,.22), transparent);
}

/* sosyal satır kartı */
.la-row{
  display:flex; align-items:center; gap:.75rem;
  padding:.55rem .6rem; border-radius:5px;
  transition:background .18s, transform .18s; position:relative;
}
.la-row:hover{ background:color-mix(in srgb, var(--c,#e92038) 7%, rgba(255,255,255,.025)); transform:translateX(2px); }
@keyframes la-in{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } }

/* sol görsel kompozisyonu: avatar/thumb + küçük oyun nokta-rozeti */
.la-row__visual{ position:relative; flex:none; }
.la-row__ic, .la-row__thumb{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:50%; font-size:.98rem;
}
.la-row__ic{
  color:var(--c,#e92038);
  background:radial-gradient(120% 120% at 30% 25%,
            color-mix(in srgb, var(--c,#e92038) 30%, transparent),
            color-mix(in srgb, var(--c,#e92038) 10%, transparent));
  border:1.5px solid color-mix(in srgb, var(--c,#e92038) 42%, transparent);
}
.la-row__thumb{ object-fit:cover; background:#111; border:1.5px solid color-mix(in srgb, var(--c,#e92038) 42%, transparent); }
/* sağ alt köşe küçük oyun rozeti (sosyal app hissi) */
.la-row__dot{
  position:absolute; right:-2px; bottom:-2px;
  width:18px; height:18px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center; font-size:.55rem;
  color:#fff; background:var(--c,#e92038);
  border:2px solid #060606;
}
.la-row__body{ flex:1; min-width:0; }
.la-row__txt{
  font-size:.76rem; line-height:1.35; color:rgba(255,255,255,.8);
}
.la-row__txt b{ color:#fff; font-weight:600; }
.la-row__txt .la-game{ color:var(--c,#e92038); font-weight:600; text-decoration:none; }
.la-row__txt .la-game:hover{ text-decoration:underline; }
.la-row__meta{
  display:flex; align-items:center; gap:.45rem; margin-top:.28rem; flex-wrap:wrap;
  font-size:.6rem; color:rgba(255,255,255,.42);
}
/* renkli oyun chip'i (sosyal etiket hissi) */
.la-row__chip{
  display:inline-flex; align-items:center; gap:.28rem; text-decoration:none;
  font-size:.54rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  color:var(--c,#e92038);
  background:color-mix(in srgb, var(--c,#e92038) 14%, transparent);
  border:1px solid color-mix(in srgb, var(--c,#e92038) 28%, transparent);
  padding:.16rem .45rem; border-radius:999px;
}
.la-row__chip:hover{ background:color-mix(in srgb, var(--c,#e92038) 24%, transparent); }
.la-row__time{ display:inline-flex; align-items:center; gap:.3rem; }
.la-row__right{ flex:none; }
.la-row__badge{
  display:inline-flex; align-items:center; gap:.3rem;
  font-size:.66rem; font-weight:700; color:#fff;
  background:color-mix(in srgb, var(--c,#e92038) 22%, transparent);
  border:1px solid color-mix(in srgb, var(--c,#e92038) 38%, transparent);
  padding:.28rem .58rem; border-radius:999px; white-space:nowrap;
}

/* ── "şu an biri oynuyor" canlı satırı (en üstte, vurgulu) ── */
.la-row--live{
  background:color-mix(in srgb, var(--c,#e92038) 10%, rgba(255,255,255,.02));
  border:1px solid color-mix(in srgb, var(--c,#e92038) 32%, transparent);
  animation:la-live-glow 2.6s ease-in-out infinite;
}
.la-row--live:hover{ transform:none; background:color-mix(in srgb, var(--c,#e92038) 14%, rgba(255,255,255,.02)); }
@keyframes la-live-glow{
  0%,100%{ box-shadow:0 0 0 0 color-mix(in srgb, var(--c,#e92038) 22%, transparent); }
  50%{     box-shadow:0 0 14px 1px color-mix(in srgb, var(--c,#e92038) 26%, transparent); }
}
/* alt alta gelen canlı satırlar arası hafif boşluk */
.la-feed-ghost .la-row + .la-row{ margin-top:.55rem; }
/* — ince (slim) canlı satırlar — */
.la-row--live-slim{ padding:.4rem .55rem; animation:la-live-glow 3.2s ease-in-out infinite; }
.la-row--live-slim .la-row__ic, .la-row--live-slim .la-row__thumb{ width:30px; height:30px; font-size:.74rem; }
.la-row--live-slim .la-row__dot{ width:14px; height:14px; right:-1px; bottom:-1px; }
.la-row--live-slim .la-row__txt{ font-size:.68rem; }
.la-row--live-slim .la-row__meta{ margin-top:.18rem; font-size:.55rem; }
.la-row--live-slim .la-row__chip{ font-size:.5rem; padding:.12rem .38rem; }
.la-row--live-slim .la-row__playing{ font-size:.56rem; padding:.2rem .45rem; }
/* canlı satırın ikon halkası hafif nabız atar */
.la-row--live .la-row__ic{ animation:la-live-ic 2.6s ease-in-out infinite; }
@keyframes la-live-ic{
  0%,100%{ border-color:color-mix(in srgb, var(--c,#e92038) 42%, transparent); }
  50%{     border-color:color-mix(in srgb, var(--c,#e92038) 80%, transparent); }
}
/* — ghost alanı: daha az renkli / nötr görünüm — */
.la-feed-ghost .la-row--live{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  padding:.32rem .5rem; gap:.5rem;
  animation:none;
}
.la-feed-ghost .la-row--live:hover{ background:rgba(255,255,255,.05); }
.la-feed-ghost .la-row__ic{
  width:26px; height:26px; font-size:.64rem;
  color:color-mix(in srgb, var(--c,#e92038) 85%, #fff);
  background:color-mix(in srgb, var(--c,#e92038) 16%, transparent);
  border:1px solid color-mix(in srgb, var(--c,#e92038) 34%, transparent);
  animation:none;
}
.la-feed-ghost .la-row__dot{ width:11px; height:11px; right:-1px; bottom:-1px; border-width:1.5px; }
.la-feed-ghost .la-row__txt{ font-size:.62rem; line-height:1.25; font-weight:400; }
.la-feed-ghost .la-row__txt b{ font-weight:500; }
.la-feed-ghost .la-row__txt .la-game{ color:rgba(255,255,255,.92); font-weight:500; }
.la-feed-ghost .la-row__meta{ margin-top:.12rem; font-size:.5rem; }
.la-feed-ghost .la-row__chip{
  font-size:.46rem; padding:.1rem .34rem; font-weight:600;
  color:rgba(255,255,255,.6);
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
}
.la-feed-ghost .la-row__playing{
  font-size:.5rem; padding:.16rem .4rem; font-weight:600;
  color:rgba(255,255,255,.7);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
}
/* yeşil "online" noktası ve "Live now" yazısı renkli kalsın (canlılık vurgusu) */

/* sağ-alt yeşil "online" noktası, nabızlı */
.la-row__dot--live{
  background:#3fb950; border-color:#060606;
  box-shadow:0 0 0 0 rgba(63,185,80,.6); animation:la-onl 1.8s ease-out infinite;
}
@keyframes la-onl{
  0%{   box-shadow:0 0 0 0 rgba(63,185,80,.55); }
  70%{  box-shadow:0 0 0 7px rgba(63,185,80,0); }
  100%{ box-shadow:0 0 0 0 rgba(63,185,80,0); }
}
/* "Live now" zaman etiketi yeşil */
.la-row__time--live{ color:#3fb950; font-weight:700; letter-spacing:.04em; }
.la-row__time--live .la-live-dot{ width:6px; height:6px; background:#3fb950; box-shadow:none; animation:none; }
/* sağdaki "Playing" rozeti */
.la-row__playing{
  display:inline-flex; align-items:center; gap:.35rem; white-space:nowrap;
  font-size:.66rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#fff;
  background:color-mix(in srgb, var(--c,#e92038) 30%, transparent);
  border:1px solid color-mix(in srgb, var(--c,#e92038) 50%, transparent);
  padding:.34rem .7rem; border-radius:999px;
}

/* loading / empty / error durumları */
.la-feed-load, .la-feed-empty, .la-feed-error{
  list-style:none; padding:2.6rem 1rem; text-align:center;
  color:rgba(255,255,255,.45); font-size:.85rem;
  display:flex; flex-direction:column; align-items:center; gap:.7rem;
}
.la-feed-empty i, .la-feed-error i{ font-size:1.8rem; color:rgba(255,255,255,.2); }
.la-feed-error i{ color:rgba(233,32,56,.5); }

/* ── responsive ── */
@media (max-width:980px){
  .la-columns{ grid-template-columns:1fr; gap:clamp(1.6rem,4vw,2.4rem); }
}
@media (max-width:760px){
  .la-stats{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:460px){
  .la-row__chip{ display:none; }
  .la-row__ic, .la-row__thumb{ width:42px; height:42px; }
  .la-feed-bar__live span:not(.la-live-dot){ display:none; }
  .la-refresh__txt{ display:none; }
}
/* reduce-motion: animasyonları kapat */
@media (prefers-reduced-motion:reduce){
  .la-live-dot, .la-row, .la-refresh i, .la-rankrow,
  .la-row--live, .la-row--live .la-row__ic, .la-row__dot--live,
  .la-feed-viewport.is-scrolling .la-feed{
    animation:none !important; transition:none !important; transform:none !important;
  }
  /* hareket kapalıysa pencereyi normal scroll'a çevir */
  .la-feed-viewport{ overflow-y:auto !important; height:auto !important; max-height:676px; }
}