/* TradeLink Bounty Board: page-specific styles on top of /styles.css */
#tradelink-lander .bounty-hero{padding:118px 0 40px;}
#tradelink-lander .bounty-hero-copy{position:relative;z-index:2;max-width:860px;}
#tradelink-lander .bounty-sub{max-width:680px;margin:0 0 30px;color:#b6c7bf;font-size:19px;line-height:1.65;}
#tradelink-lander .bounty-stats{display:grid;grid-template-columns:repeat(3,minmax(0,200px));gap:12px;margin:0 0 18px;}
#tradelink-lander .bounty-stat{padding:14px 16px 12px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);}
#tradelink-lander .bounty-stat strong{display:block;color:var(--mint-2);font-size:clamp(24px,3vw,32px);font-weight:900;line-height:1.1;letter-spacing:-.02em;}
#tradelink-lander .bounty-stat span{display:block;margin-top:6px;color:#9fb2a9;font-size:13px;font-weight:700;}

#tradelink-lander .bounty-h2-dark{color:#fff;}
#tradelink-lander .bounty-how{padding:96px 0;}
#tradelink-lander .bounty-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;}
#tradelink-lander .bounty-step{padding:26px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);}
#tradelink-lander .bounty-step h3{margin:14px 0 8px;color:#fff;font-size:22px;font-weight:850;letter-spacing:-.01em;}
#tradelink-lander .bounty-step p{margin:0;color:#a9bbb3;line-height:1.65;}
#tradelink-lander .bounty-step a{color:var(--mint-2);font-weight:800;}

#tradelink-lander .eyebrow-light{background:#fff;border-color:var(--light-line);color:#1b2a24;}
#tradelink-lander .bounty-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:30px 0 28px;}
#tradelink-lander .bounty-chip{padding:10px 16px;border-radius:999px;border:1px solid var(--light-line);background:#fff;color:#33433c;font-size:14px;font-weight:800;cursor:pointer;transition:background .15s,border-color .15s,color .15s;}
#tradelink-lander .bounty-chip:hover{border-color:#9fd9bd;}
#tradelink-lander .bounty-chip.is-active{background:#0e1f18;border-color:#0e1f18;color:#bff9df;}
#tradelink-lander .bounty-chip:focus-visible{outline:3px solid rgba(25,216,137,.45);outline-offset:2px;}

#tradelink-lander .bounty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
#tradelink-lander .bounty-card{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:22px;background:var(--light-card);border:1px solid var(--light-line);box-shadow:0 18px 40px rgba(16,40,30,.07);min-width:0;}
#tradelink-lander .bounty-card[hidden]{display:none;}
#tradelink-lander .bounty-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;}
#tradelink-lander .bounty-tag{color:var(--light-muted);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;}
#tradelink-lander .bounty-status{padding:5px 10px;border-radius:999px;background:rgba(25,216,137,.12);border:1px solid rgba(25,216,137,.3);color:#0b7a4b;font-size:12px;font-weight:850;white-space:nowrap;}
#tradelink-lander .bounty-status.is-claimed{background:#eef1f0;border-color:#d6dcd9;color:#6b7772;}
#tradelink-lander .bounty-reward{color:var(--light-ink);font-size:40px;font-weight:900;line-height:1;letter-spacing:-.03em;}
#tradelink-lander .bounty-reward small{color:var(--light-muted);font-size:16px;font-weight:800;letter-spacing:0;}
#tradelink-lander .bounty-title{margin:0;color:var(--light-ink);font-size:18px;font-weight:800;line-height:1.35;letter-spacing:-.01em;text-transform:none;}
#tradelink-lander .bounty-qual{margin-top:auto;padding:14px;border-radius:14px;background:var(--light-bg);border:1px solid #e3eee8;}
#tradelink-lander .bounty-qual-label{display:block;margin-bottom:4px;color:#0b7a4b;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;}
#tradelink-lander .bounty-qual p{margin:0;color:#3f4d47;font-size:14px;line-height:1.55;}
#tradelink-lander .bounty-claim{width:100%;}
#tradelink-lander .bounty-claim.is-disabled{background:#eef1f0;border-color:#d6dcd9;color:#7a8580;cursor:default;box-shadow:none;}
#tradelink-lander .bounty-card.is-claimed .bounty-reward{color:#8a9590;text-decoration:line-through;text-decoration-thickness:3px;}

#tradelink-lander .bounty-rules-wrap{max-width:900px;}
#tradelink-lander .bounty-rules{margin:26px 0 0;padding:0 0 0 22px;color:#b3c4bc;line-height:1.7;}
#tradelink-lander .bounty-rules li{margin:0 0 14px;padding-left:6px;}
#tradelink-lander .bounty-rules b{color:#fff;}
#tradelink-lander .footer a{color:#a8d9c1;}

@media (max-width:1024px){
  #tradelink-lander .bounty-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  #tradelink-lander .bounty-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
  #tradelink-lander .bounty-hero{padding:120px 0 72px;}
  #tradelink-lander .bounty-grid,#tradelink-lander .bounty-steps{grid-template-columns:1fr;}
  #tradelink-lander .bounty-filters{justify-content:flex-start;}
  #tradelink-lander .bounty-sub{font-size:17px;}
  #tradelink-lander .bounty-home-link{display:none;}
}

/* Compact layout: hero flows straight into the board */
#tradelink-lander .bounty-hero .hero-copy h1{max-width:none;margin:14px 0 20px;font-size:clamp(34px,4.6vw,58px);}
#tradelink-lander .bounty-how-line{margin:0;color:#b6c7bf;font-size:16px;line-height:1.6;}
#tradelink-lander .bounty-how-line a{color:var(--mint-2);font-weight:800;}
#tradelink-lander .bounty-board{padding:40px 0 96px;}
#tradelink-lander .bounty-board .bounty-filters{margin:0 0 14px;justify-content:flex-start;}
#tradelink-lander .bounty-board-note{margin:22px 0 0;color:var(--light-muted);font-size:14px;}
#tradelink-lander .bounty-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
#tradelink-lander .bounty-aff-key{display:inline-block;padding:3px 8px;border-radius:6px;background:#0e1f18;color:#bff9df;font-size:11px;font-weight:850;letter-spacing:.04em;}
@media (max-width:700px){
  #tradelink-lander .bounty-hero{padding:104px 0 28px;}
  #tradelink-lander .bounty-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  #tradelink-lander .bounty-stat{padding:10px;}
  #tradelink-lander .bounty-stat strong{font-size:20px;}
  #tradelink-lander .bounty-stat span{font-size:11px;}
  #tradelink-lander .bounty-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;}
  #tradelink-lander .bounty-chip{flex:0 0 auto;}
}
#tradelink-lander .hero.bounty-hero{min-height:0;padding:112px 0 72px;}
#tradelink-lander .hero.bounty-hero::before{display:none;}
#tradelink-lander .hero.bounty-hero::after{height:64px;}
@media (max-width:700px){
  #tradelink-lander .hero.bounty-hero{padding:100px 0 56px;}
}

/* ===== Water: the board floats in a lit, rippling pool ===== */
#tradelink-lander .hero.bounty-hero::after{display:none;}
#tradelink-lander .bounty-water{position:relative;isolation:isolate;overflow:hidden;padding-top:84px;color:var(--light-ink);
  background:
    radial-gradient(ellipse 80% 40% at 50% 0%,rgba(80,243,177,.28),transparent 70%),
    linear-gradient(180deg,#0e4a40 0%,#0b3a36 28%,#082b2b 62%,#061d1f 100%);}
#tradelink-lander .water-fx{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;}

/* Surface: two waves rolling in opposite directions along the top edge */
#tradelink-lander .water-surface{position:absolute;top:-1px;left:0;width:200%;height:70px;transform:scaleY(-1);}
#tradelink-lander .water-surface .wave{fill:#0b1110;}
#tradelink-lander .water-surface .wave-back{opacity:.55;animation:tl-wave 16s linear infinite;}
#tradelink-lander .water-surface .wave-front{animation:tl-wave 11s linear infinite reverse;}
@keyframes tl-wave{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Sunlight shafts swaying from the surface */
#tradelink-lander .water-rays{position:absolute;inset:0;}
#tradelink-lander .water-rays i{position:absolute;top:-10%;width:120px;height:90%;transform-origin:top center;
  background:linear-gradient(180deg,rgba(191,249,223,.22),rgba(191,249,223,0) 85%);filter:blur(14px);
  animation:tl-ray 12s ease-in-out infinite alternate;}
#tradelink-lander .water-rays i:nth-child(1){left:8%;width:90px;animation-duration:11s;}
#tradelink-lander .water-rays i:nth-child(2){left:27%;width:160px;animation-duration:14s;animation-delay:-4s;opacity:.7;}
#tradelink-lander .water-rays i:nth-child(3){left:49%;width:110px;animation-duration:12s;animation-delay:-7s;}
#tradelink-lander .water-rays i:nth-child(4){left:68%;width:180px;animation-duration:16s;animation-delay:-2s;opacity:.6;}
#tradelink-lander .water-rays i:nth-child(5){left:86%;width:100px;animation-duration:13s;animation-delay:-9s;}
@keyframes tl-ray{0%{transform:rotate(-9deg);opacity:.45}50%{opacity:1}100%{transform:rotate(9deg);opacity:.5}}

/* Caustics: two layers of rippled light drifting past each other */
#tradelink-lander .water-caustics{position:absolute;inset:-25%;mix-blend-mode:screen;opacity:.2;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='c' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='turbulence' baseFrequency='.012 .016' numOctaves='1' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .78 0 0 0 0 1 0 0 0 0 .9 -9 0 0 0 1.15'/%3E%3CfeGaussianBlur stdDeviation='0.8'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url%28%23c%29'/%3E%3C/svg%3E");
  background-size:400px 400px;animation:tl-caustic-a 28s linear infinite;}
#tradelink-lander .water-caustics.caustics-b{opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='c' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='turbulence' baseFrequency='.018 .024' numOctaves='1' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .78 0 0 0 0 1 0 0 0 0 .9 -8 0 0 0 1.1'/%3E%3CfeGaussianBlur stdDeviation='0.7'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url%28%23c%29'/%3E%3C/svg%3E");background-size:560px 560px;animation:tl-caustic-b 36s linear infinite;}
@keyframes tl-caustic-a{from{transform:translate3d(0,0,0)}to{transform:translate3d(400px,200px,0)}}
@keyframes tl-caustic-b{from{transform:translate3d(0,0,0) rotate(.01deg)}to{transform:translate3d(-560px,280px,0) rotate(.01deg)}}

/* Bubbles rising and wobbling */
#tradelink-lander .water-bubbles span{position:absolute;bottom:-20px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.85),rgba(191,249,223,.25) 45%,rgba(191,249,223,.06) 70%);
  box-shadow:inset 0 0 0 1px rgba(191,249,223,.35);
  animation:tl-rise var(--rise-dur,12s) linear var(--rise-delay,0s) infinite;}
@keyframes tl-rise{
  0%{transform:translate3d(0,0,0);opacity:0}
  8%{opacity:.9}
  25%{transform:translate3d(var(--sway),-25vh,0)}
  50%{transform:translate3d(calc(var(--sway) * -1),-50vh,0)}
  75%{transform:translate3d(var(--sway),-75vh,0)}
  92%{opacity:.7}
  100%{transform:translate3d(0,-100vh,0);opacity:0}}

/* Text on the water */
#tradelink-lander .bounty-water .bounty-board-note{color:#b7d3c8;}
#tradelink-lander .bounty-water .bounty-chip{background:rgba(255,255,255,.1);border-color:rgba(191,249,223,.22);color:#dff7ec;backdrop-filter:blur(6px);}
#tradelink-lander .bounty-water .bounty-chip:hover{border-color:rgba(191,249,223,.55);}
#tradelink-lander .bounty-water .bounty-chip.is-active{background:#fff;border-color:#fff;color:#0b3a30;}
#tradelink-lander .bounty-water .bounty-aff-key{background:#0e1f18;}

/* Floating cards: bob, sway and tilt, each on its own rhythm */
#tradelink-lander .bounty-water .bounty-grid{row-gap:34px;}
#tradelink-lander .bounty-water .bounty-card{position:relative;
  box-shadow:0 22px 50px rgba(0,20,16,.35),0 0 0 1px rgba(191,249,223,.18);
  animation:tl-float var(--float-dur,6s) ease-in-out var(--float-delay,0s) infinite;
  will-change:transform;transition:box-shadow .3s ease;}
@keyframes tl-float{
  0%,100%{transform:translate3d(0,0,0) rotate(calc(var(--float-tilt,.6deg) * -1))}
  25%{transform:translate3d(3px,-7px,0) rotate(0deg)}
  50%{transform:translate3d(0,-12px,0) rotate(var(--float-tilt,.6deg))}
  75%{transform:translate3d(-3px,-5px,0) rotate(0deg)}}
/* Ripple rings spreading out beneath each card */
#tradelink-lander .bounty-water .bounty-card::before,
#tradelink-lander .bounty-water .bounty-card::after{content:"";position:absolute;left:12%;right:12%;bottom:-16px;height:22px;z-index:-1;
  border-radius:50%;border:2px solid rgba(191,249,223,.35);opacity:0;pointer-events:none;
  animation:tl-ripple var(--float-dur,6s) ease-out var(--float-delay,0s) infinite;}
#tradelink-lander .bounty-water .bounty-card::after{animation-delay:calc(var(--float-delay,0s) + var(--float-dur,6s) / 2);}
@keyframes tl-ripple{0%{transform:scale(.6);opacity:.65}100%{transform:scale(1.35);opacity:0}}
/* Hover: the card rises out of the water and holds still */
#tradelink-lander .bounty-water .bounty-card:hover{animation-play-state:paused;
  box-shadow:0 34px 70px rgba(0,20,16,.45),0 0 0 2px rgba(80,243,177,.7),0 0 40px rgba(80,243,177,.25);}
/* Claimed bounties sit lower in the water */
#tradelink-lander .bounty-water .bounty-card.is-claimed{opacity:.82;animation-duration:calc(var(--float-dur,6s) * 1.5);}

@media (max-width:700px){
  #tradelink-lander .bounty-water{padding-top:64px;}
  #tradelink-lander .water-rays i:nth-child(n+4){display:none;}
}
@media (prefers-reduced-motion:reduce){
  #tradelink-lander .bounty-water *,
  #tradelink-lander .bounty-water .bounty-card::before,
  #tradelink-lander .bounty-water .bounty-card::after{animation:none !important;}
}
#tradelink-lander .water-surface{z-index:3;}
#tradelink-lander .water-rays i{background:linear-gradient(90deg,rgba(191,249,223,0),rgba(191,249,223,.26) 50%,rgba(191,249,223,0));
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%);filter:blur(10px);}
#tradelink-lander .water-fx::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;z-index:2;
  background:linear-gradient(180deg,rgba(7,16,13,0),#07100d);}