/* FISHREPLAY / ELECTRIC CURRENT — inspired by technical fishing jerseys.
   Cyan, hot coral, ultraviolet and citrus are woven through the backgrounds,
   with the mobile composition designed independently from desktop. */
:root{--cyan:#13ecf5;--coral:#ff4d91;--orange:#ff8655;--ultraviolet:#a66cff;--citrus:#ddff3d}
::selection{background:#ff4d91;color:#071320}
.page-progress{height:5px;background:linear-gradient(90deg,#16f0f3 0%,#b96dff 28%,#ff408d 49%,#ff9854 70%,#dfff38 100%)}
.nav-bar{border-bottom-color:rgba(22,237,241,.24)}
.nav-bar.scrolled{border-bottom-color:rgba(255,77,145,.38);background:rgba(9,12,26,.95)}
.site-brand>span>span,.footer-brand span{color:#12e8f4}
.site-brand img{filter:drop-shadow(0 0 12px rgba(24,237,246,.36))}
.beta-indicator b{background:#ff4d91;box-shadow:0 0 16px rgba(255,77,145,.8)}
.main-links a:hover{color:#ff7baa}

/* The hero is a real angling photo with an integrated multicolor jersey motif. */
.hero{background-color:#0c1733}
.hero-film{background:
  linear-gradient(90deg,rgba(6,12,26,.91) 0%,rgba(7,13,27,.75) 30%,rgba(7,17,31,.35) 60%,rgba(8,13,20,.11) 100%),
  linear-gradient(0deg,rgba(8,11,29,.88),transparent 35%,rgba(8,11,29,.15) 72%)}
.hero-colorwash{position:absolute;z-index:1;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.95;
  background:radial-gradient(ellipse at 82% 14%,rgba(252,50,145,.56),transparent 40%),
    radial-gradient(ellipse at 88% 70%,rgba(20,231,247,.52),transparent 45%),
    radial-gradient(ellipse at 37% 98%,rgba(156,76,250,.4),transparent 48%),
    radial-gradient(ellipse at 23% 32%,rgba(11,103,151,.29),transparent 46%)}
.hero-jersey{position:absolute;z-index:2;inset:0;pointer-events:none;
  background:url('assets/jersey-flow-v11.svg') center center/cover no-repeat;
  mix-blend-mode:screen;opacity:.75;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.45),#000 34%,#000 100%);
  mask-image:linear-gradient(90deg,rgba(0,0,0,.45),#000 34%,#000 100%)}
.hero-ink{opacity:.23;filter:hue-rotate(65deg) saturate(1.2)}
.hero-fish-art{right:-8vw;bottom:-18vh;width:min(72vw,1100px);opacity:.48;filter:saturate(1.75) contrast(1.1)}
.hero::after{height:2px;background:linear-gradient(90deg,#0fecf6 0 25%,#ff478c 56%,#f5fa43 78%,transparent)}
.hero-eyebrow{color:#1bf5ee;text-shadow:0 2px 22px rgba(0,0,0,.8)}
.hero-eyebrow .small-dash{background:#ff5096}
.hero-title-vivid{display:inline-block;color:#13e9f2;background:linear-gradient(90deg,#0bf0fa 0%,#5af8f1 65%,#daff42 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-title em{color:#ff4e94;background:linear-gradient(105deg,#ff4b96 0%,#ff9860 54%,#b96fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 28px rgba(255,52,147,.18))}
.hero-title::after{background:repeating-linear-gradient(115deg,#0af0ef 0 5px,transparent 5px 11px)}
.hero-intro strong{color:#71fff7}
.hero .pill-bright,.closing .pill-bright{color:#0b1321;background:linear-gradient(111deg,#ff4692,#ff8d59 71%,#f8a36d);box-shadow:0 20px 42px rgba(255,66,137,.25)}
.hero .pill-bright:hover,.closing .pill-bright:hover{box-shadow:0 23px 48px rgba(255,66,137,.37)}
.hero-gear{background:rgba(7,16,30,.81);border-color:rgba(18,239,239,.5);box-shadow:0 13px 35px rgba(0,0,0,.28),inset 3px 0 0 #ff4d91}
.gear-pulse{border-color:#14f6f2}.gear-pulse:after{background:#ff5092;box-shadow:0 0 16px rgba(255,80,146,.85)}
.hero-foot{border-color:rgba(21,234,238,.46)}.hero-foot>a span{color:#ff4d91}

/* Colored visual language continues instead of abruptly returning to green. */
.method{background:radial-gradient(ellipse at 89% 30%,rgba(113,55,203,.24),transparent 50%),radial-gradient(ellipse at 11% 95%,rgba(7,170,193,.2),transparent 50%),linear-gradient(135deg,#0b1a2d,#151529 65%,#0b252c);border-color:rgba(23,236,241,.35)}
.method::before{opacity:.18;filter:saturate(1.8)}
.method::after{opacity:.26;filter:hue-rotate(43deg)}
.method-ink{opacity:.32;filter:hue-rotate(82deg) saturate(1.4)}
.method-topline,.method-kicker{color:#17eff2}.method-topline{border-color:rgba(24,236,240,.43)}
.method h2 em{color:#ff61ac}
.method-lead>p:last-child{color:#e2e3e9}
.method-steps{border-color:rgba(26,234,241,.4)}
.method-steps li{background-color:rgba(7,14,34,.55);border-color:rgba(21,230,240,.25)}
.method-steps li:nth-child(1){box-shadow:inset 0 3px 0 #10e7f5}
.method-steps li:nth-child(2){box-shadow:inset 0 3px 0 #ff4f95}
.method-steps li:nth-child(3){box-shadow:inset 0 3px 0 #b374ff}
.method-steps li:nth-child(1) .method-number{color:#13eef5}
.method-steps li:nth-child(2) .method-number{color:#ff6b9f}
.method-steps li:nth-child(3) .method-number{color:#c090ff}
.method-steps li:nth-child(2) strong{color:#ffc2de}
.method-steps li:nth-child(3) strong{color:#d3b6ff}
.method-tail a{color:#25f3f4}
.experience{background:#101b36}
.slide-record{background:radial-gradient(ellipse at 88% 36%,rgba(255,57,146,.22),transparent 43%),radial-gradient(ellipse at 26% 91%,rgba(24,202,227,.15),transparent 48%),linear-gradient(130deg,#0c172d,#0b2734 77%)}
.slide-save{background:radial-gradient(ellipse at 84% 46%,rgba(255,119,169,.38),transparent 47%),linear-gradient(130deg,#e9f9fc,#c9e6e9)}
.slide-memory{background:radial-gradient(ellipse at 86% 45%,rgba(235,69,146,.43),transparent 46%),linear-gradient(133deg,#241137,#0d2031 79%)}
.slide-record .scene-heading em{color:#30f5fa}
.slide-memory .scene-heading em{color:#ff7da9}
.scene-proof,.scene-index{color:#19f2f3}
.scene-orbit{border-color:rgba(255,104,176,.3);box-shadow:0 0 120px rgba(27,223,232,.15)}
.experience-slide::after{background:repeating-linear-gradient(90deg,#ff4b94 0 11px,#16efeb 11px 23px,transparent 23px 29px)}
.league{background-color:#15102c}
.league-shade{background:linear-gradient(90deg,rgba(10,11,31,.95),rgba(14,16,38,.84) 45%,rgba(6,27,43,.29)),linear-gradient(0deg,rgba(16,8,34,.8),transparent 28%),url('assets/topography-v9.svg') 75% center/64vw auto no-repeat}
.league-ink{filter:hue-rotate(62deg) saturate(1.25);opacity:.42}
.league-heading em{color:#18f1ef}
.league-top>.eyebrow,.league-edition{color:#ff83b1}
.league-checks span{border-color:rgba(255,85,154,.38);background:rgba(28,20,47,.73)}
.league-checks b{color:#24f1f3}
.league .pill-mint{background:linear-gradient(112deg,#13eaf0,#8dfad7);color:#0a1823}
.rank-light{background:radial-gradient(circle,rgba(246,62,164,.23),rgba(21,186,221,.13) 48%,transparent 75%)}
.closing{background:#140f2a}
.closing-bg{background:linear-gradient(90deg,rgba(15,14,35,.83),rgba(11,17,32,.66)),url('assets/fish-pike-neon-v9.webp') 85% 60%/min(93vw,1150px) auto no-repeat,radial-gradient(circle at 76% 48%,#c22689,#182f53 49%,#0b1327 78%)}
.closing-ink{filter:hue-rotate(60deg);opacity:.35}
.closing-inner .eyebrow{color:#1bf0f0}
.closing h2 em{color:#ff619c}
.footer{background-color:#0e1427;border-top-color:rgba(255,83,155,.43)}
.footer-main>span{color:#b4cde0}
.footer a:hover{color:#16edf1}

/* Phone-first treatment: brighter edges, vivid fish lower down and focused text. */
@media(max-width:880px){
  .nav-bar{background:rgba(6,13,27,.88);border-bottom-color:rgba(26,233,241,.35)}
  .main-links{background:rgba(8,13,28,.98)}
  .hero{background-position:66% center;background-color:#10142f}
  .hero-film{background:linear-gradient(90deg,rgba(6,11,28,.75),rgba(7,13,34,.43)),linear-gradient(0deg,rgba(5,9,28,.92) 0%,rgba(6,13,28,.36) 53%,rgba(9,12,31,.55))}
  .hero-colorwash{opacity:1;background:radial-gradient(ellipse at 98% 13%,rgba(255,43,145,.78),transparent 48%),radial-gradient(ellipse at 93% 65%,rgba(15,219,244,.72),transparent 53%),radial-gradient(ellipse at 2% 91%,rgba(145,76,238,.62),transparent 48%),radial-gradient(ellipse at 22% 28%,rgba(23,105,183,.28),transparent 50%)}
  .hero-jersey{background-size:1120px auto;background-position:62% 41%;opacity:.89;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 30%,rgba(0,0,0,.75) 70%,#000 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 30%,rgba(0,0,0,.75) 70%,#000 100%)}
  .hero-ink{opacity:.19}
  .hero-fish-art{width:138vw;height:50vh;right:-56vw;bottom:2vh;opacity:.72;filter:saturate(2) contrast(1.14);-webkit-mask-image:linear-gradient(180deg,transparent,#000 27%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 27%,#000 82%,transparent)}
  .hero::after{height:2px}
  .hero-content{padding-top:clamp(170px,20vh,220px)}
  .hero-title-vivid{filter:drop-shadow(0 2px 15px rgba(0,0,0,.3))}
  .hero-title em{filter:drop-shadow(0 3px 19px rgba(0,0,0,.45))}
  .hero-intro p{color:#f3f7ff;text-shadow:0 2px 15px rgba(0,0,0,.48)}
  .hero .pill-bright{box-shadow:0 15px 38px rgba(255,61,142,.3)}
  .hero-gear{border-color:rgba(26,231,244,.55)}
  .method{background:radial-gradient(ellipse at 100% 14%,rgba(145,72,240,.24),transparent 48%),radial-gradient(ellipse at 5% 87%,rgba(21,196,215,.19),transparent 55%),#10172c}
  .method-ink{opacity:.23}
  .method-steps li{background:rgba(9,17,37,.72)}
  .experience-slide::before{filter:hue-rotate(55deg) saturate(1.25)}
  .league-shade{background:linear-gradient(0deg,rgba(13,12,35,.94),rgba(9,20,39,.79)),url('assets/topography-v9.svg') center/160vw auto no-repeat}
  .league-ink{opacity:.37}
  .closing-bg{background:linear-gradient(90deg,rgba(13,10,33,.68),rgba(12,19,36,.43)),url('assets/fish-pike-neon-v9.webp') 70% center/150vw auto no-repeat,radial-gradient(circle at 80% 45%,#bc287b,#192750 70%)}
}
@media(max-width:390px){
  .hero-jersey{background-size:1000px auto;background-position:61% 40%;opacity:.85}
  .hero-colorwash{opacity:.96}
  .hero-fish-art{right:-60vw;opacity:.65}
}
@media(prefers-reduced-motion:reduce){.hero-jersey,.hero-colorwash{animation:none}}