/* Feed + Explore discovery experience */
.feed-card--collectible{
  padding:0;
  overflow:hidden;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.feed-card--collectible:hover{
  border-color:#00ffcc88;
  box-shadow:0 8px 28px rgba(0,255,153,.08);
  transform:translateY(-1px);
}
.feed-card-media-wrap{position:relative}
.feed-media-stage{
  position:relative;
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#0a0a0a;
  border-bottom:1px solid #00ffcc22;
}
.feed-media-stage .tile-media-poster,
.feed-media-stage img{width:100%;height:100%;object-fit:cover;display:block}
.feed-media-stage .lab-media-badge,
.feed-media-stage .lab-media-play-badge,
.feed-media-stage .disc-live-pulse{pointer-events:none}
.disc-card .cov-wrap .lab-media-badge,
.disc-editorial-card .cov-wrap .lab-media-badge{pointer-events:none}
.feed-card-body{padding:14px;display:flex;flex-direction:column;gap:8px}
.feed-card-title{margin:0;font-size:1.08rem;line-height:1.25}
.feed-eyebrow-row{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:10px 14px 0;
}
.feed-time-badge{
  font-size:11px;font-weight:900;color:var(--muted,#9aa);
  white-space:nowrap;
}
.feed-creator-line{
  display:flex;align-items:center;gap:10px;
}
.feed-creator-avatar{
  width:32px;height:32px;border-radius:10px;object-fit:cover;
  border:1px solid #00ffcc44;background:#111;flex-shrink:0;
}
.feed-creator-avatar--empty{
  display:block;background:linear-gradient(135deg,#0d1a14,#111);
}
.feed-creator-copy{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.feed-creator-prefix{font-size:12px;color:var(--muted,#9aa);font-weight:800}
.feed-creator-name{font-weight:900;color:var(--mint,#00ff99);text-decoration:none}
.feed-creator-badges{display:inline-flex;flex-wrap:wrap;gap:4px}
.feed-creator-badge{
  font-size:10px;font-weight:900;padding:2px 7px;border-radius:999px;
  border:1px solid #00ffcc44;
}
.feed-creator-badge--dood{color:#14ff9e;border-color:#14ff9e66}
.feed-creator-badge--verified{color:#8ec5ff;border-color:#8ec5ff66}
.feed-collection-line{font-size:13px;font-weight:800;color:var(--muted,#b9c7c4)}
.feed-collection-line a{color:var(--mint,#00ff99);text-decoration:none}
.feed-price{margin:0 14px}
.feed-inline{padding:0 14px}
.feed-copy{padding:0 14px}
.feed-reason{padding:0 14px}
.feed-actions{padding:0 14px 14px}
.feed-card-reward .feed-card-body,
.feed-card-reward .feed-eyebrow-row{padding-top:14px}
.feed-curiosity{
  margin-bottom:14px;padding:14px;border-radius:16px;
  border:1px solid #00ffcc33;background:linear-gradient(180deg,#0c1210,#080808);
}
.feed-curiosity-head h2{margin:0 0 4px;color:var(--mint,#00ff99);font-size:1rem}
.feed-curiosity-track{
  display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
}
.feed-curiosity-chip{
  flex:0 0 auto;min-width:min(220px,78vw);
  scroll-snap-align:start;
  display:flex;flex-direction:column;gap:4px;
  padding:12px 14px;border-radius:12px;border:1px solid #00ffcc44;
  background:#0a0a0a;text-decoration:none;color:var(--txt,#eafffb);
  transition:border-color .15s ease,transform .15s ease;
}
.feed-curiosity-chip:hover{border-color:#14ff9e;transform:translateY(-1px)}
.feed-curiosity-label{font-weight:900;font-size:.92rem}
.feed-curiosity-reason{font-size:12px;color:var(--muted,#9aa)}
.disc-live-pulse{
  position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;
  background:#14ff9e;box-shadow:0 0 0 0 rgba(20,255,158,.55);
  animation:discPulse 2s ease-out infinite;z-index:2;pointer-events:none;
}
@keyframes discPulse{
  0%{box-shadow:0 0 0 0 rgba(20,255,158,.5)}
  70%{box-shadow:0 0 0 10px rgba(20,255,158,0)}
  100%{box-shadow:0 0 0 0 rgba(20,255,158,0)}
}
.disc-editorial-host{display:grid;gap:14px;margin-top:14px}
.disc-editorial{
  border:1px solid #00ffcc33;border-radius:16px;padding:14px;
  background:linear-gradient(180deg,#0e1412 0%,#090909 100%);
  box-shadow:0 0 18px #00ffcc18;
}
.disc-editorial-head{margin-bottom:12px}
.disc-editorial-head h2{margin:0 0 4px;font-size:1.1rem;color:var(--mint,#00ff99)}
.disc-editorial-head p{margin:0;font-size:.88rem;color:var(--muted,#b9c7c4);line-height:1.45}
.disc-editorial-track{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;
}
.disc-editorial-card{
  border:1px solid #00ffcc2a;border-radius:14px;overflow:hidden;
  background:#0a0a0a;display:flex;flex-direction:column;
  transition:transform .15s ease,border-color .15s ease;
  text-decoration:none;color:inherit;cursor:pointer;
}
.disc-editorial-card:hover{border-color:#00ffcc77;transform:translateY(-2px)}
.disc-editorial-card .cov{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:#070707}
.disc-editorial-card .cap{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}
.disc-editorial-card .t{font-weight:1000;font-size:.95rem;color:var(--mint,#00ff99);line-height:1.25}
.disc-editorial-card .by{font-size:.8rem;color:var(--muted,#b9c7c4);font-weight:800}
.disc-editorial-card .meta{font-size:.75rem;color:var(--muted,#9aa)}
.lab-media-badge--disc{position:absolute;top:8px;left:8px;z-index:2;pointer-events:none}
.disc-card{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.disc-card-link{
  display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;
  text-decoration:none;color:inherit;
}
.disc-card-link:hover .t{color:var(--mint,#00ff99)}
.disc-card .disc-actions{position:relative;z-index:2}
.disc-card:hover{border-color:#00ffcc77;box-shadow:0 8px 24px rgba(0,255,153,.06)}
.disc-card .cov-wrap{position:relative}
.disc-card .by-creator{font-size:.84rem;color:var(--mint,#00ff99);font-weight:900;margin-top:2px}
.disc-card .t{font-weight:1000;font-size:.98rem;color:var(--mint,#00ff99);line-height:1.25}
.disc-card .t.t-fallback{
  color:var(--muted,#9eb0ad);
  font-weight:800;
  font-size:.9rem;
  letter-spacing:.01em;
}
.disc-card .t.t-fallback::after{
  content:" · indexed";
  font-size:.72rem;
  font-weight:700;
  color:#667;
  margin-left:4px;
}
@media (max-width:680px){
  .feed-media-stage{aspect-ratio:4/3}
  .feed-actions .btn{flex:1 1 100%}
  .disc-editorial-track{grid-template-columns:1fr}
}
