:root{--navy:#020b19;--navy2:#041426;--panel:#061426;--cyan:#11e5ed;--blue:#078df6;--pink:#fa159d;--orange:#ff8a1d;--violet:#7b42ff;--white:#f7fbff;--muted:#afc4d8;--line:rgba(60,223,245,.34);--shadow:0 18px 55px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{--cb-accent-font:'Fredoka',sans-serif;--cb-body-font:'Nunito Sans',sans-serif;margin:0;background:var(--navy);color:var(--white);font-family:var(--cb-body-font)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.shell{width:min(1460px,calc(100% - 42px));margin:auto}
.site-header{height:76px;position:sticky;top:0;z-index:1000;background:rgba(2,11,25,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;width:158px;height:64px;align-items:center}.brand img{width:100%;height:100%;object-fit:contain}.primary-nav{margin-left:auto}.menu{display:flex;gap:28px;align-items:center;list-style:none;margin:0;padding:0}.menu a,.footer-nav a{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.menu a:hover,.footer-nav a:hover{color:var(--cyan)}.nav-toggle{display:none;margin-left:auto;background:none;border:0;color:white;font-size:1.6rem}.button{font-family:'Oxanium',sans-serif;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:999px;text-transform:uppercase;letter-spacing:.07em;font-size:.78rem;font-weight:800;transition:.18s ease}.button:hover{transform:translateY(-2px)}.button-hot{background:linear-gradient(105deg,var(--pink),var(--orange));box-shadow:0 0 28px rgba(255,20,157,.32)}.button-outline{border:2px solid var(--cyan);background:rgba(2,11,25,.5)}.button.small{min-height:38px;padding:0 18px;font-size:.68rem}
/* Wavy hero: real paint asset + curved edge + flowing linework. */
.hero{position:relative;overflow:hidden;min-height:700px;background:radial-gradient(circle at 50% 30%,#0a2948 0,#041226 38%,#020b19 74%)}.hero-paint{position:absolute;inset:0;background:url('../images/paint/hero-paint.svg') center/cover no-repeat;opacity:.98;pointer-events:none}.hero::after{content:'';position:absolute;z-index:1;left:-2%;right:-2%;bottom:-2px;height:58px;background:url('../images/paint/wave-divider.svg') center bottom/100% 58px no-repeat;filter:drop-shadow(0 0 8px rgba(17,229,237,.25))}.hero-grid{position:relative;z-index:2;min-height:700px;display:grid;grid-template-columns:.85fr 1.25fr .72fr;gap:54px;align-items:center}.hero-logo-panel{display:flex;align-items:center;justify-content:center}.hero-logo-panel img{width:min(410px,100%);filter:drop-shadow(0 16px 28px rgba(0,0,0,.3))}.hero-copy h1{font-family:'Bangers',Impact,sans-serif;font-size:clamp(3.6rem,6.4vw,6.8rem);line-height:.9;letter-spacing:-.025em;margin:0;text-transform:uppercase;background:none;color:#ffffff;-webkit-text-fill-color:#ffffff;text-shadow:0 3px 0 rgba(2,48,77,.42),0 10px 28px rgba(0,35,65,.32)}.subtitle{font-family:var(--cb-accent-font);font-size:1.12rem;letter-spacing:.22em;font-weight:700;line-height:1.55;margin:30px 0 24px}.platforms{display:flex;gap:18px;flex-wrap:wrap}.platforms span{font-family:'Oxanium',sans-serif;padding-right:18px;border-right:1px solid var(--cyan);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.platforms span:last-child{border-right:0}.event-facts{display:grid;gap:20px;align-content:center}.event-facts>div{font-family:'Oxanium',sans-serif;display:flex;align-items:center;gap:13px;font-size:.9rem;letter-spacing:.07em;font-weight:700}.event-facts b{font-size:1.3rem;color:var(--cyan)}
/* Each phase is a water-paint band, with a real wave divider instead of rectangular stacking. */
.game-phases{background:#020b19}.phase{position:relative;overflow:hidden;min-height:275px;margin-top:-1px;padding:18px 0 22px;border:0}.phase::before{content:'';position:absolute;z-index:3;left:-2%;right:-2%;top:-2px;height:54px;background:url('../images/paint/wave-divider.svg') center top/100% 54px no-repeat;opacity:.8}.phase-art{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,11,25,.26),rgba(2,11,25,.69) 29%,rgba(2,11,25,.69) 75%,rgba(2,11,25,.28)),var(--paint);background-position:center;background-size:cover;opacity:.98}.phase-grid{position:relative;z-index:4;display:grid;grid-template-columns:255px minmax(0,1fr) 225px;gap:28px;align-items:center;padding-top:36px;padding-bottom:30px}.phase-pill{font-family:'Oxanium',sans-serif;display:inline-flex;padding:5px 10px;border-radius:999px;background:#051427;border:1px solid var(--cyan);color:var(--cyan);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.phase-copy h2{font-family:var(--cb-accent-font);margin:10px 0 7px;font-size:1.72rem;line-height:1.02;text-transform:uppercase;letter-spacing:-.01em}.phase-copy p{margin:0 0 16px;color:#e1edf6;font-size:.9rem;line-height:1.5}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.game-card{position:relative;min-height:145px;border:1px solid rgba(71,226,255,.56);border-radius:20px 20px 30px 30px / 20px 20px 18px 18px;background:linear-gradient(180deg,rgba(6,24,44,.93),rgba(2,13,26,.94));display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;box-shadow:inset 0 0 34px rgba(0,0,0,.28),0 10px 28px rgba(0,0,0,.16);transition:.18s ease}.game-card::before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--orange));opacity:.7}.game-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(0,0,0,.24)}.game-image img{display:block;max-height:84px;width:auto;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}.game-wordmark{width:100%;text-align:center}.game-wordmark span{font-family:'Oxanium',sans-serif;display:inline-block;font-weight:800;text-transform:uppercase;font-size:1.25rem;line-height:1.05;letter-spacing:.01em;text-shadow:0 5px 14px rgba(0,0,0,.5)}
.game--splatoon-3 .game-wordmark span{color:white;transform:rotate(-3deg);font-size:1.5rem}.game--marvel-rivals .game-wordmark span{font-style:italic;font-size:1.42rem}.game--overwatch .game-wordmark span{color:#f6f7f8}.game--pubg-mobile .game-wordmark span{border:3px solid white;padding:7px 11px}.game--call-of-duty-mobile .game-wordmark span{font-size:1.12rem}.game--garena-free-fire .game-wordmark span{letter-spacing:.06em}.game--contractors-showdown-exfilzone .game-wordmark span{font-size:1rem}.game--breachers .game-wordmark span{font-size:1.42rem}.game--forefront .game-wordmark span{font-size:1.38rem}.game--counter-strike-2 .game-wordmark span{font-style:italic}.game--rainbow-six-siege .game-wordmark span{font-size:1rem}.game--valorant .game-wordmark span{color:#ff4655;font-size:1.5rem}.game--apex-legends .game-wordmark span{font-family:Impact,sans-serif;font-size:1.6rem;letter-spacing:.08em}.game--call-of-duty-warzone .game-wordmark span{font-size:1.35rem}.phase-6 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.game--wardogs,.game--hell-let-loose-vietnam{min-height:150px}.game--wardogs .game-wordmark span{font-size:2rem;letter-spacing:.04em}.game--fortnite .game-wordmark span{font-family:Impact,'Arial Black',sans-serif;font-size:1.75rem;letter-spacing:.02em}.game--hell-let-loose-vietnam .game-wordmark span{font-size:1.05rem;line-height:1.05;letter-spacing:.02em}.traits{list-style:none;margin:0;padding:0;display:grid;gap:17px}.traits li{font-family:'Oxanium',sans-serif;display:flex;align-items:center;gap:11px;font-size:.68rem;line-height:1.3;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.traits i{font-style:normal;color:var(--cyan);font-size:1.2rem}
/* Functional sections stay coastal without inventing extra slogans. */
.updates{position:relative;overflow:hidden;min-height:260px;display:flex;align-items:center;background:#03101f}.updates::before{content:'';position:absolute;inset:0;background:url('../images/paint/hero-paint.svg') center 61%/cover no-repeat;transform:scaleY(.62);opacity:.78}.updates::after{content:'';position:absolute;left:-2%;right:-2%;top:0;height:52px;background:url('../images/paint/wave-divider.svg') center/100% 52px no-repeat}.updates-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:32px}.eyebrow{color:var(--cyan);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.updates h2,.info-section h2{font-family:var(--cb-accent-font);font-size:2.15rem;line-height:1.08;margin:9px 0 0}.info-section{position:relative;padding:72px 0;background:#041224;border-top:1px solid var(--line)}.info-section.schedule{background:#020b19}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.info-section p{color:var(--muted);line-height:1.7}.info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.info-cards div{padding:22px;border:1px solid var(--line);border-radius:28px 18px 28px 18px;background:#06162a;display:flex;gap:10px;align-items:center}.site-footer{position:relative;background:#010713;border-top:1px solid var(--line);padding:38px 0 30px}.site-footer::before{content:'';position:absolute;left:0;right:0;top:-28px;height:42px;background:url('../images/paint/wave-divider.svg') center/100% 42px no-repeat;opacity:.55}.footer-inner{display:grid;grid-template-columns:205px 1fr auto;gap:28px;align-items:center}.footer-brand{width:190px;height:110px;display:flex;align-items:center}.footer-brand img{width:100%;height:100%;object-fit:contain}.footer-nav{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.footer-meta{display:grid;gap:6px;text-align:right;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.content-page{min-height:70vh;padding:90px 0}.content-page h1{font-family:var(--cb-accent-font);font-size:3rem}.entry{line-height:1.75;color:#dbe7f2}.back{color:var(--cyan);font-weight:700}
@media(prefers-reduced-motion:no-preference){.hero-paint{animation:cbDrift 14s ease-in-out infinite alternate}.phase-art{animation:cbPhaseDrift 18s ease-in-out infinite alternate}@keyframes cbDrift{from{transform:scale(1.01) translateX(-.5%)}to{transform:scale(1.035) translateX(.5%)}}@keyframes cbPhaseDrift{from{background-position:48% center}to{background-position:52% center}}}
@media(max-width:1120px){.hero-grid{grid-template-columns:.8fr 1.25fr}.event-facts{grid-column:1/-1;grid-template-columns:repeat(3,auto);justify-content:center}.phase-grid{grid-template-columns:210px 1fr}.traits{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.shell{width:min(100% - 24px,1460px)}.site-header{height:68px}.brand{width:124px;height:56px}.nav-toggle{display:block}.header-cta{display:none}.primary-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#020b19;border-bottom:1px solid var(--line)}.primary-nav.open{display:block}.menu{display:grid;gap:0;padding:12px 22px}.menu a{display:block;padding:12px 0}.hero{min-height:auto}.hero-grid{min-height:auto;grid-template-columns:1fr;gap:24px;padding-top:42px;padding-bottom:58px;text-align:center}.hero-logo-panel img{width:min(280px,78vw)}.hero-copy h1{font-size:clamp(3rem,14vw,4.7rem)}.subtitle{font-size:.82rem;letter-spacing:.15em;margin:24px auto 18px;max-width:520px}.platforms{justify-content:center}.event-facts{grid-column:auto;display:flex;flex-wrap:wrap;justify-content:center}.event-facts .button{flex-basis:100%;max-width:240px}.phase{min-height:auto;padding:10px 0 14px}.phase-grid{grid-template-columns:1fr;gap:20px;padding-top:36px;padding-bottom:28px}.phase-copy{text-align:left}.cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.game-card{min-width:72vw;max-width:300px;scroll-snap-align:start}.traits{grid-template-columns:1fr;gap:11px}.updates-inner,.info-grid{display:grid;grid-template-columns:1fr}.updates{text-align:center}.updates-inner .button{justify-self:center}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-brand{margin:auto;width:170px}.footer-meta{text-align:center}.footer-nav{gap:16px}}


/* CoastBurst Current 4.0 — stronger coastal flow without sacrificing readability. */
.hero{isolation:isolate}
.hero::before{content:'';position:absolute;z-index:1;left:-9%;right:-9%;bottom:-90px;height:250px;background:
 radial-gradient(65% 75% at 15% 48%,rgba(16,229,237,.66),transparent 62%),
 radial-gradient(55% 70% at 43% 54%,rgba(250,21,157,.62),transparent 65%),
 radial-gradient(50% 70% at 75% 46%,rgba(255,138,29,.48),transparent 65%);
 border-radius:48% 52% 0 0 / 46% 60% 0 0;filter:blur(10px);opacity:.72;transform:rotate(-1.5deg);pointer-events:none}
.hero-copy{position:relative}
.hero-copy h1::after{content:'';display:block;width:min(440px,78%);height:12px;margin:18px auto 0 0;border-radius:50%;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--orange));clip-path:path('M0 6 C70 -2 130 16 205 7 C278 -2 346 12 440 3 L440 12 L0 12 Z');opacity:.9}
.subtitle{max-width:610px;text-transform:uppercase;letter-spacing:.11em}
.phase{clip-path:polygon(0 1.8%,5% 0,13% 1.3%,21% .2%,31% 1.5%,42% .3%,54% 1.4%,65% .1%,76% 1.5%,87% .4%,95% 1.2%,100% .2%,100% 98%,94% 99.2%,84% 98%,74% 99.4%,63% 98.1%,52% 99.5%,41% 98.2%,30% 99.3%,19% 98.1%,8% 99.3%,0 98%)}
.phase-art::after{content:'';position:absolute;inset:18% -5% auto;height:58%;background:repeating-radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.035) 0 2px,transparent 3px 38px);transform:skewY(-2deg);mix-blend-mode:screen;opacity:.48}
.phase-copy h2{font-weight:700;letter-spacing:.01em}
.phase-copy h2::after{content:'';display:block;width:84px;height:5px;margin-top:9px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--pink));transform:skewX(-28deg)}
.game-card{border-radius:28px 22px 30px 20px / 22px 30px 20px 30px}
.game-card:nth-child(even){border-radius:20px 30px 22px 30px / 30px 20px 30px 22px}
.game-card::after{content:'';position:absolute;left:7%;right:7%;bottom:7px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.34;filter:blur(.2px)}
.traits li i{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(17,229,237,.55);border-radius:50% 45% 55% 42%}
.updates{clip-path:polygon(0 4%,10% 0,22% 3%,34% .5%,47% 3.5%,60% .7%,72% 3%,84% .4%,94% 3%,100% 1%,100% 96%,90% 100%,78% 97%,64% 99.5%,51% 97%,39% 99.7%,25% 97%,12% 99.5%,0 96%)}
.info-section::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:35px;background:url('../images/paint/wave-divider.svg') center bottom/100% 35px no-repeat;opacity:.38;pointer-events:none}
@media(max-width:820px){.hero-copy h1::after{margin-left:auto;margin-right:auto}.phase{clip-path:none}.subtitle{letter-spacing:.08em}.phase-copy h2{font-size:1.8rem}}


/* =============================================================
   CoastBurst Deep Ocean 5.0
   The page now reads as one continuous ocean: dark, submerged body
   with restrained caustics; the footer becomes the sandy shoreline.
   ============================================================= */
body{
  background-color:#00111f;
  background-image:
    radial-gradient(ellipse at 18% -8%,rgba(20,229,237,.12),transparent 34%),
    radial-gradient(ellipse at 82% 4%,rgba(83,117,255,.10),transparent 30%),
    linear-gradient(180deg,#032c49 0%,#001d35 19%,#00172d 45%,#001225 72%,#000d1c 100%);
  background-attachment:fixed;
}
body::before{
  content:'';position:fixed;inset:76px 0 0;z-index:0;pointer-events:none;opacity:.36;
  background-image:
    repeating-radial-gradient(ellipse at 48% -10%,transparent 0 46px,rgba(128,239,255,.055) 49px 52px,transparent 55px 94px),
    linear-gradient(112deg,transparent 0 21%,rgba(93,222,255,.035) 23%,transparent 26% 48%,rgba(93,222,255,.028) 50%,transparent 53%);
  background-size:620px 240px,880px 420px;
  mix-blend-mode:screen;
}
.site-header,main,.site-footer{position:relative;z-index:1}
.site-header{
  background:linear-gradient(180deg,rgba(0,19,35,.97),rgba(0,17,31,.91));
  border-bottom:1px solid rgba(110,230,246,.22);
  box-shadow:0 10px 35px rgba(0,6,15,.22);
}
.hero{
  background:
    radial-gradient(ellipse at 50% -15%,rgba(93,225,255,.20),transparent 42%),
    linear-gradient(180deg,rgba(4,50,78,.72),rgba(0,23,43,.80) 54%,rgba(0,15,30,.94));
}
.hero::before{opacity:.48;filter:blur(18px);bottom:-110px}
.hero-paint{opacity:.82;mix-blend-mode:screen}
.hero-grid::before{
  content:'';position:absolute;inset:4% 18% 18%;z-index:-1;border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse,rgba(26,187,218,.06),transparent 68%);
  box-shadow:0 0 100px rgba(9,178,221,.08);
}
.game-phases{background:transparent}
.phase{
  background:linear-gradient(90deg,rgba(0,17,34,.76),rgba(0,27,49,.55) 48%,rgba(0,14,29,.78));
  box-shadow:inset 0 22px 50px rgba(0,8,18,.18),inset 0 -22px 50px rgba(0,8,18,.18);
}
.phase-art{opacity:.66;mix-blend-mode:screen}
.phase-art::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
   radial-gradient(ellipse at 24% 0%,rgba(120,245,255,.06),transparent 40%),
   repeating-linear-gradient(168deg,transparent 0 38px,rgba(115,240,255,.025) 41px 44px,transparent 47px 82px);
}
.phase-copy,.cards,.traits{position:relative}
.game-card{
  background:linear-gradient(180deg,rgba(3,35,59,.88),rgba(0,16,32,.94));
  border-color:rgba(95,220,243,.46);
  box-shadow:inset 0 1px 0 rgba(209,251,255,.06),inset 0 -26px 45px rgba(0,5,15,.24),0 14px 32px rgba(0,4,10,.16);
}
.game-card::after{opacity:.48}
.phase-pill{background:rgba(0,24,43,.76)}
.info-section,.info-section.schedule{
  background:
    radial-gradient(ellipse at 15% 20%,rgba(17,229,237,.05),transparent 38%),
    linear-gradient(180deg,rgba(0,23,43,.94),rgba(0,14,28,.98));
}
.updates{
  background:
    radial-gradient(ellipse at 50% 20%,rgba(39,209,234,.13),transparent 38%),
    linear-gradient(180deg,#001c34,#001326 70%,#00172b);
}
.info-cards div{background:rgba(2,31,54,.78);box-shadow:inset 0 1px rgba(255,255,255,.04)}

/* Shore transition: the ocean breaks into foam, then becomes sand. */
.site-footer{
  color:#08283d;
  border-top:0;
  padding:76px 0 34px;
  background-color:#e1bf86;
  background-image:
    radial-gradient(circle at 12% 25%,rgba(255,255,255,.20) 0 1px,transparent 1.7px),
    radial-gradient(circle at 67% 68%,rgba(102,67,33,.09) 0 1px,transparent 1.8px),
    radial-gradient(circle at 86% 32%,rgba(255,255,255,.18) 0 1.2px,transparent 2px),
    linear-gradient(180deg,#f1d8a5 0%,#e5c48d 36%,#d6ad70 100%);
  background-size:34px 34px,42px 42px,57px 57px,100% 100%;
  box-shadow:inset 0 12px 28px rgba(112,76,38,.08);
}
.site-footer::before{
  content:'';position:absolute;left:0;right:0;top:-88px;height:100px;
  background:url('../images/paint/shoreline.svg') center bottom/100% 100% no-repeat;
  opacity:1;filter:none;pointer-events:none;
}
.site-footer::after{
  content:'';position:absolute;left:0;right:0;top:2px;height:22px;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.22),transparent);
  opacity:.55;
}
.site-footer .footer-nav a,.site-footer .footer-meta{color:#08283d}
.site-footer .footer-nav a:hover{color:#007e97}
.site-footer .footer-brand img{filter:drop-shadow(0 6px 10px rgba(63,44,24,.15))}
.site-footer .footer-meta{font-weight:800}

/* A soft shallow-water cue immediately before the shore. */
.info-section.schedule{
  padding-bottom:112px;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(22,185,203,.15),transparent 46%),
    linear-gradient(180deg,#001426,#001a30 58%,#05324a 100%);
}
.info-section.schedule::after{height:58px;opacity:.30}

@media(prefers-reduced-motion:no-preference){
  body::before{animation:cbCaustics 22s linear infinite alternate}
  @keyframes cbCaustics{from{background-position:0 0,0 0}to{background-position:64px 18px,-80px 28px}}
}
@media(max-width:820px){
  body{background-attachment:scroll}
  body::before{inset:68px 0 0;opacity:.22;background-size:420px 180px,600px 340px}
  .site-footer{padding-top:60px}
  .site-footer::before{top:-64px;height:76px}
  .info-section.schedule{padding-bottom:86px}
}


/* =============================================================
   CoastBurst Ocean Depth 6.0
   Simplified vertical environment:
   sky-blue header -> surface-blue hero -> progressively deeper
   ocean sections -> sandy seafloor footer.
   ============================================================= */
:root{
  --sky:#74c9f4;
  --surface:#0b78b5;
  --depth1:#0a6295;
  --depth2:#084f7c;
  --depth3:#073f68;
  --depth4:#052f53;
  --depth5:#042542;
  --depth6:#031b32;
  --abyss:#021427;
}
body{
  background:#021427;
  background-image:none;
}
body::before{display:none}

/* Sky */
.site-header{
  background:linear-gradient(180deg,#83d4fa 0%,#6ac4f1 100%);
  border-bottom:1px solid rgba(4,42,72,.20);
  box-shadow:0 5px 20px rgba(0,39,70,.12);
  backdrop-filter:none;
}
.site-header .menu a{color:#062845}
.site-header .menu a:hover{color:#006d8d}
.site-header .button-hot{box-shadow:0 6px 18px rgba(197,30,116,.20)}
.site-header .nav-toggle{color:#062845}

/* Surface */
.hero{
  min-height:650px;
  background:
    radial-gradient(ellipse at 50% -5%,rgba(255,255,255,.23),transparent 35%),
    linear-gradient(180deg,#1597cf 0%,#0d82bd 42%,#0a6ea7 100%);
}
.hero-paint{display:none}
.hero::before{
  left:0;right:0;bottom:-74px;height:150px;
  background:radial-gradient(ellipse at 18% 15%,rgba(255,255,255,.15),transparent 34%),
             radial-gradient(ellipse at 58% 18%,rgba(255,255,255,.10),transparent 35%),
             radial-gradient(ellipse at 88% 24%,rgba(255,255,255,.08),transparent 33%);
  border-radius:48% 52% 0 0 / 28% 34% 0 0;
  filter:none;opacity:.55;transform:none;
}
.hero::after{
  height:24px;bottom:-1px;
  background:linear-gradient(180deg,rgba(255,255,255,.13),transparent);
  filter:none;
}
.hero-grid::before{display:none}
.hero-logo-panel img{filter:drop-shadow(0 12px 24px rgba(0,35,65,.28))}
.hero-copy h1{background:none;color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 3px 0 rgba(2,48,77,.42),0 10px 28px rgba(0,35,65,.34)}
.hero-copy h1::after{opacity:.62;height:7px}
.subtitle{color:#f7fbff}
.platforms span{border-right-color:rgba(255,255,255,.55)}
.event-facts b{color:#dffaff}
.button-outline{border-color:rgba(255,255,255,.78);background:rgba(0,40,72,.18)}
.button-outline:hover{background:rgba(255,255,255,.10)}

/* Dive: each section is calmer and darker than the one above. */
.game-phases{background:transparent}
.phase{clip-path:none;margin:0;padding:24px 0;border-top:1px solid rgba(179,235,255,.12);box-shadow:none}
.phase::before{display:none}
.phase-art{display:none}
.phase-art::before,.phase-art::after{display:none}
.phase-1{background:var(--depth1)}
.phase-2{background:var(--depth2)}
.phase-3{background:var(--depth3)}
.phase-4{background:var(--depth4)}
.phase-5{background:var(--depth5)}
.phase-6{background:var(--depth6)}
.phase-grid{padding-top:22px;padding-bottom:22px}
.phase-pill{background:rgba(0,20,38,.28);border-color:rgba(139,240,255,.65)}
.phase-copy h2::after{height:4px;opacity:.78}
.game-card{
  background:rgba(2,18,35,.56);
  border-color:rgba(149,231,255,.35);
  border-radius:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 24px rgba(0,8,18,.12)
}
.game-card:nth-child(even){border-radius:18px}
.game-card::before{height:3px;opacity:.52}
.game-card::after{display:none}
.traits li i{border-color:rgba(139,240,255,.44)}

/* Deeper utility sections */
.updates{
  clip-path:none;
  background:linear-gradient(180deg,#021a31 0%,#021628 100%);
  min-height:220px;
}
.updates::before,.updates::after{display:none}
.info-section{
  background:#021426;
  border-top:1px solid rgba(149,231,255,.10)
}
.info-section.schedule{
  padding-bottom:110px;
  background:linear-gradient(180deg,#011224 0%,#020f1e 62%,#063047 100%);
}
.info-section::after{display:none}
.info-cards div{background:rgba(4,28,48,.74);border-color:rgba(149,231,255,.20)}

/* Seafloor / shore remains intact. */
.site-footer{
  color:#08283d;
  border-top:0;
  padding:76px 0 34px;
  background-color:#e1bf86;
  background-image:
    radial-gradient(circle at 12% 25%,rgba(255,255,255,.20) 0 1px,transparent 1.7px),
    radial-gradient(circle at 67% 68%,rgba(102,67,33,.09) 0 1px,transparent 1.8px),
    radial-gradient(circle at 86% 32%,rgba(255,255,255,.18) 0 1.2px,transparent 2px),
    linear-gradient(180deg,#f1d8a5 0%,#e5c48d 36%,#d6ad70 100%);
  background-size:34px 34px,42px 42px,57px 57px,100% 100%;
  box-shadow:inset 0 12px 28px rgba(112,76,38,.08)
}
.site-footer::before{
  content:'';position:absolute;left:0;right:0;top:-88px;height:100px;
  background:url('../images/paint/shoreline.svg') center bottom/100% 100% no-repeat;
  opacity:1;filter:none;pointer-events:none
}
.site-footer::after{
  content:'';position:absolute;left:0;right:0;top:2px;height:22px;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.22),transparent);opacity:.55
}
.site-footer .footer-nav a,.site-footer .footer-meta{color:#08283d}
.site-footer .footer-nav a:hover{color:#007e97}

@media(max-width:820px){
  .site-header{background:#74c9f4}
  .primary-nav{background:#74c9f4;border-bottom:1px solid rgba(4,42,72,.16)}
  .primary-nav .menu a{color:#062845}
  .hero{min-height:auto}
  .phase{padding:14px 0}
}

@media(max-width:820px){.phase-6 .cards{grid-template-columns:1fr}}

/* =============================================================
   CoastBurst Ocean Depth 6.3
   Clean abyss-to-seafloor transition:
   - Schedule stays in the deepest ocean blues.
   - No shallow/light-blue wave before the footer.
   - Sand begins only inside the footer boundary.
   ============================================================= */
.info-section.schedule{
  padding-bottom:72px;
  background:linear-gradient(180deg,
    #021427 0%,
    #011b30 28%,
    #011526 58%,
    #000f1d 82%,
    #000b16 100%);
  border-top:1px solid rgba(149,231,255,.08);
}
.info-section.schedule::after{display:none!important}

/* The seafloor begins exactly at the footer. */
.site-footer{
  padding:42px 0 34px;
}
.site-footer::before,
.site-footer::after{
  display:none!important;
  content:none!important;
}

@media(max-width:820px){
  .info-section.schedule{padding-bottom:58px}
  .site-footer{padding-top:36px}
}


/* CoastBurst 6.4 readability patch: sandy hero headline + optional Super Malibu. */
body{--cb-hero-font:'Bangers',Impact,sans-serif;--cb-sand-hero:#f1d8a5;--cb-sand-hero-deep:#d6ad70;--cb-hero-outline:#06314a}
.hero-copy h1{
  font-family:var(--cb-hero-font)!important;
  background:none!important;
  color:var(--cb-sand-hero)!important;
  -webkit-text-fill-color:var(--cb-sand-hero)!important;
  -webkit-text-stroke:1.5px var(--cb-hero-outline);
  text-shadow:
    0 2px 0 #0a4461,
    0 5px 0 rgba(4,40,61,.55),
    0 12px 24px rgba(0,22,38,.36)!important;
  letter-spacing:.01em;
}
.hero-copy h1::after{
  background:linear-gradient(90deg,#f1d8a5,#e5c48d,#d6ad70)!important;
  opacity:.9!important;
}
/* Keep Valorant readable against its deep-ocean card until final brand art is supplied. */
.game--valorant .game-wordmark span{color:#fff!important;text-shadow:0 5px 14px rgba(0,0,0,.55)!important}
.game--valorant .game-image img{filter:brightness(0) invert(1) drop-shadow(0 8px 14px rgba(0,0,0,.45))!important}