/* Three forest windows: one visual rhythm, three distinct destinations. */
.hh-live[data-live-page="social"] .gd-discovery {
  --gd-shell:#f6f7ef;
  --gd-ink:#18362b;
  --gd-border:#38533c2b;
  --gd-art-shadow:linear-gradient(to top,#051b16f5 0%,#051b16b8 20%,#051b1647 40%,#051b1600 60%);
  position:relative;
  display:block;
  isolation:isolate;
  padding:14px 14px 15px;
  border:1px solid var(--gd-border);
  border-radius:16px;
  background:linear-gradient(135deg,#ffffff80,transparent),var(--gd-shell);
  box-shadow:inset 0 1px 0 #ffffff90,0 4px 16px #09291c08;
  color:var(--gd-ink);
}
html[data-theme="dark"] .hh-live[data-live-page="social"] .gd-discovery {
  --gd-shell:#082019cf;
  --gd-ink:#eef1e6;
  --gd-border:#bdd3b633;
  background:linear-gradient(135deg,#bddab307,transparent),var(--gd-shell);
  box-shadow:inset 0 1px 0 #efffe50a,0 4px 20px #0000000c;
}
.gd-discovery > h2 { margin:0 0 14px;color:var(--gd-ink);font:600 16px/1.2 var(--font-display,sans-serif);letter-spacing:-.02em; }
.gd-cards { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.gd-card {
  position:relative;
  min-width:0;
  min-height:116px;
  border:1px solid #b7ccaa40;
  border-radius:11px;
  isolation:isolate;
  color:#f7f7ec;
  background:#15392b;
  box-shadow:inset 0 1px 0 #ffffff0d;
  transition:border-color 180ms ease,box-shadow 180ms ease;
}
.gd-card:hover { border-color:#b5ccaa9c;box-shadow:0 3px 12px #06170f24; }
.gd-card::before { content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none; }
.gd-card-golden::before {
  background:url('/assets/hero-night.webp') 60% 42% / cover;
}
.gd-card::after {
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
  background:var(--gd-art-shadow);
  pointer-events:none;
}
.gd-card-demo { overflow:hidden; }
.gd-card-game { overflow:visible; }
.gd-card-game::after { content:none; }
.gd-link { position:relative;z-index:2;display:flex;align-items:flex-end;min-height:114px;padding:12px 13px;color:inherit;text-decoration:none;border-radius:inherit; }
.gd-card-game .gd-link::after { content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;background:var(--gd-art-shadow);pointer-events:none; }
.gd-kicker {
  position:absolute;
  top:10px;
  left:11px;
  display:inline-flex;
  align-items:center;
  min-height:19px;
  padding:2px 7px;
  border:1px solid #d4e4c12f;
  border-radius:5px;
  background:#17372cde;
  color:#eff4df;
  font:600 9px/1.3 Inter,Arial,sans-serif;
  white-space:nowrap;
}
.gd-card-golden .gd-kicker { color:#f3dfad;border-color:#d9be713d;background:#3a3c24cf; }
.gd-copy { position:relative;z-index:4;display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:4px; }
.gd-copy > strong { display:flex;align-items:center;gap:7px;color:inherit;font:600 clamp(15px,1.2vw,18px)/1.15 var(--font-display,sans-serif);letter-spacing:-.025em;text-shadow:0 1px 4px #00190e8c; }
.gd-action { display:inline-flex;align-items:center;flex:none;min-height:15px;padding:0;border:0;background:none;box-shadow:none;color:#e1ebd4;opacity:.7; }
.hh-live .gd-action svg { width:13px;height:13px;stroke-width:1.7; }
.hh-live .gd-card-game .gd-action svg { width:10px;height:10px;fill:currentColor;stroke:none; }
.gd-link:focus-visible { outline:2px solid #a8ce8e;outline-offset:3px; }
.gd-link:is(:hover,:focus-visible) .gd-action { color:#fffbee;opacity:1; }
/* The original sculpture still rotates; its stage has only a small top overhang. */
.gd-leaf { position:absolute;z-index:3;right:0;top:-8px;bottom:3px;width:47%;min-width:64px;pointer-events:none; }
.gd-leaf img,.gd-leaf canvas { position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain; }
.gd-leaf [hidden] { display:none!important; }
.gd-leaf img { filter:drop-shadow(0 5px 6px #06190d5c);pointer-events:none; }
.gd-leaf canvas { opacity:0;cursor:grab;touch-action:pan-y;outline:none;pointer-events:auto; }
.gd-leaf canvas:active { cursor:grabbing; }
.gd-leaf canvas:focus-visible { border-radius:10px;outline:2px solid #e8cf87;outline-offset:-3px; }
.gd-leaf[data-render-state="ready"] canvas { opacity:1; }
.gd-leaf[data-render-state="ready"] img { opacity:0; }
.gd-game-scene { position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none; }
.gd-game-world { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:54% 45%;opacity:1; }
/* A separate crop reveals just the ear tips above the card and contains the body. */
.gd-game-figure { position:absolute;z-index:1;right:0;top:-9px;bottom:0;width:47%;overflow:hidden;pointer-events:none; }
.gd-game-fox { position:absolute;inset:0 auto auto 0;width:100%;height:calc(100% + 20px);object-fit:contain;object-position:center top;filter:drop-shadow(0 3px 4px #001c16a6); }
.gd-demo-art { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:53% 31%;pointer-events:none; }
@media(min-width:768px) and (max-width:1100px) {
  .hh-live[data-live-page="social"] .gd-discovery { padding-inline:12px; }
  .gd-cards { gap:8px; }
  .gd-link { padding-inline:10px; }
  .gd-copy > strong { font-size:15px; }
  .gd-kicker { left:8px;font-size:8px;padding-inline:5px; }
}
@media(max-width:767px) {
  .hh-live[data-live-page="social"] .grove-stream > .gd-discovery { display:none; }
  .hh-live[data-live-page="social"] .grove-stream > .gd-discovery.gd-mobile-bottom { display:block;margin:24px 14px 10px;padding:14px; }
  .gd-discovery > h2 { font-size:18px;margin-bottom:14px; }
  .gd-cards { grid-template-columns:minmax(0,1fr);gap:11px; }
  .gd-card { min-height:112px; }
  .gd-link { min-height:110px;padding:12px 14px; }
  .gd-kicker { left:13px;font-size:9px; }
  .gd-copy > strong { font-size:20px; }
  .gd-action { font-size:11px; }
  .gd-leaf { width:42%;right:7px;top:-6px;bottom:2px; }
  .gd-game-figure { width:39%;right:4%; }
  .gd-demo-art { object-position:53% 32%; }
}
@media(prefers-reduced-motion:reduce) { .gd-card { transition:none; } }