@import url('https://fonts.googleapis.com/css2?family=Chewy&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#f6ebd5;--muted:#b9c7ca;--paper:#101c2b;--ice:#192c3c;--blue:#f5a15d;--teal:#6bc9c1;--yellow:#f3ce83}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}.site-header{width:100%;margin:0;padding:0}.brand{font-weight:900;letter-spacing:.18em;font-size:21px;color:var(--yellow)}.brand span{display:block;font-size:10px;font-weight:400;letter-spacing:.33em;margin-top:8px;color:var(--muted)}.site-header nav{display:flex;flex-wrap:wrap;gap:24px;font-size:11px;letter-spacing:.18em;font-weight:700}.site-header nav a:hover,footer a:hover{color:var(--teal)}.hero-art{min-height:490px;background:linear-gradient(180deg,#263c56 0%,#c47768 57%,#f3b47d 70%,#243b50 70%,#101c2b 100%);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:35% -5% 0;background:#314e60;clip-path:polygon(0 100%,0 55%,19% 18%,33% 58%,50% 0,68% 61%,83% 26%,100% 65%,100% 100%)}.hero-art:after{content:"";position:absolute;inset:58% -5% 0;background:#172b3c;clip-path:polygon(0 100%,0 68%,22% 18%,39% 65%,63% 7%,82% 55%,100% 18%,100% 100%)}.art-label{position:relative;z-index:1;font-size:12px;letter-spacing:.25em;color:var(--ink);background:#101c2bc9;padding:16px 22px;border:1px solid #f3ce8366}.hero-copy{text-align:center;padding:78px 20px 90px;max-width:760px;margin:auto}.eyebrow{letter-spacing:.28em;font-size:11px;font-weight:800;color:var(--teal)}h1,h2,h3{letter-spacing:.09em;line-height:1.18}h1{font-size:clamp(38px,6vw,74px);margin:20px 0;color:var(--yellow)}h2{font-size:clamp(26px,3vw,39px)}h3{font-size:23px;color:var(--yellow)}.hero-copy>p:not(.eyebrow),.content-section>p:not(.eyebrow){font-size:17px;line-height:1.85;color:var(--muted)}.platforms{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px}.pill{padding:15px 22px;background:var(--blue);color:#14212b;font-size:11px;font-weight:800;letter-spacing:.12em}.pill:hover{background:var(--yellow)}.pill:nth-child(2){background:var(--teal)}.content-section{max-width:1100px;margin:auto;padding:90px 28px;text-align:center}.content-section>p:not(.eyebrow){max-width:690px;margin:20px auto 65px}.feature{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:65px;margin:70px 0;text-align:left}.feature.reverse .placeholder{order:2}.feature p{line-height:1.9;color:var(--muted)}.placeholder{background:linear-gradient(155deg,#385c6d,#243b50 65%,#162938);min-height:310px;display:grid;place-content:center;text-align:center;color:var(--yellow);border:1px solid #6bc9c14d;letter-spacing:.15em;font-size:12px;line-height:2.2;position:relative}.placeholder:before{content:"✦";font-size:24px;color:var(--teal)}.placeholder small{letter-spacing:normal;color:var(--muted)}.trailer-section{text-align:center;background:var(--ice);padding:90px 25px;border-block:1px solid #6bc9c126}.note{color:var(--muted);font-size:13px}.video{max-width:850px;margin:40px auto 0}.video iframe{width:100%;aspect-ratio:16/9;border:0;background:#263843}.video-fallback{padding:20px}.video-fallback a{font-size:12px;letter-spacing:.15em;text-decoration:underline;color:var(--teal)}.shot-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.shot-grid .placeholder{min-height:230px}footer{background:#0b1521;color:var(--muted);padding:40px 6%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:10px;letter-spacing:.14em}footer div{display:flex;gap:25px}.policy{max-width:820px;padding:70px 28px 110px;margin:auto}.policy h1{font-size:43px}.policy h2{font-size:21px;margin-top:42px;color:var(--yellow)}.policy p{line-height:1.9;color:var(--muted)}.policy .notice{background:#3c302c;padding:22px;color:#f3ce83;border-left:3px solid var(--blue)}@media(max-width:700px){.site-header{padding:22px;display:block;text-align:center}.site-header nav{justify-content:center;margin-top:25px;gap:15px}.hero-art{min-height:310px}.hero-copy{padding:55px 22px}.content-section{padding:65px 22px}.feature{grid-template-columns:1fr;gap:20px;margin:55px 0}.feature.reverse .placeholder{order:0}.shot-grid{grid-template-columns:1fr}.shot-grid .placeholder{min-height:200px}footer{justify-content:center;text-align:center}}

/* Retro alpine refresh — playful display type, readable body type */

:root{--ink:#fff2e7;--muted:#c3d4d6;--paper:#101a2a;--ice:#17283a;--blue:#f17db3;--teal:#55d5cb;--yellow:#ffcae2;--pink:#f17db3}
body{font-family:'DM Sans',Arial,sans-serif;background:var(--paper)}
h1,h2,h3,.brand{font-family:'Chewy','Trebuchet MS',cursive;font-weight:400;letter-spacing:.025em}
h1{color:var(--pink);font-size:clamp(48px,7vw,90px);text-shadow:3px 4px 0 #081623}
h2{color:var(--ink);font-size:clamp(34px,4vw,51px)}h3{color:var(--teal);font-size:clamp(27px,3vw,36px)}
.brand{color:var(--teal);font-size:30px;letter-spacing:.02em}.brand span{font-family:'DM Sans',sans-serif;font-weight:700}
.eyebrow{color:var(--pink);font-size:12px;letter-spacing:.19em}
.hero-art{background:linear-gradient(180deg,#1a3150 0%,#754a86 43%,#ed86b2 67%,#60cfc7 69%,#17374c 100%)}
.hero-art:before{background:#327b8c}.hero-art:after{background:#152e49}
.art-label{border-color:var(--pink);background:#101a2add;color:#fff2e7}
.pill{background:var(--pink);color:#172032;border-radius:8px;box-shadow:4px 4px 0 #07111c;transition:transform .15s,box-shadow .15s}
.pill:hover{background:#ffb3d4;transform:translateY(-2px);box-shadow:4px 6px 0 #07111c}.pill:nth-child(2){background:var(--teal)}
.placeholder{background:linear-gradient(145deg,#264a62,#2d4b65 55%,#3b315c);border:2px dashed #55d5cb88;border-radius:12px;color:#ffe4f0}
.placeholder:before{color:var(--pink)}.trailer-section{background:#192a40;border-block-color:#55d5cb44}
.video iframe{border:2px solid #55d5cb66;border-radius:12px}.video-fallback a{color:var(--teal)}
.policy h1{color:var(--pink)}.policy h2{color:var(--teal);font-size:30px}.policy .notice{background:#3a2845;border-left-color:var(--pink);color:var(--ink)}
::selection{background:var(--pink);color:#101a2a}

/* Press kit section */
.press-kit { text-align: center; max-width: 850px; margin-inline: auto; }
.press-kit .pill { display: inline-flex; margin: 1.25rem auto .75rem; }
.press-kit .note { font-size: .9rem; opacity: .75; }

/* Full-bleed blurred trailer behind a replaceable transparent PNG logo */
.hero-art{min-height:clamp(380px,48vw,680px);isolation:isolate;background:#13263a}
.hero-art::before,.hero-art::after{display:none}
.hero-video{position:absolute;inset:-65px;overflow:hidden;filter:blur(15px) saturate(1.25);transform:scale(1.06);z-index:-2;pointer-events:none}
.hero-video iframe{position:absolute;top:50%;left:50%;width:max(100%,177.78vh);height:max(100%,56.25vw);transform:translate(-50%,-50%);border:0;pointer-events:none}
.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,24,41,.5),rgba(17,27,47,.30) 40%,rgba(16,26,42,.85))}
.hero-logo{width:min(70%,640px);max-height:350px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.55))}
.platforms .pill{border-radius:999px;padding:15px 24px}
.platforms .pill:nth-child(3){background:#ffcae2}
@media(max-width:700px){.hero-art{min-height:350px}.hero-logo{width:85%}.hero-video iframe{width:max(100%,177.78vh);height:max(100%,56.25vw)}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero-art{background:linear-gradient(145deg,#214a61,#663b72,#17283a)}}

/* Local hero video */
.hero-art{background:linear-gradient(140deg,#173e55 5%,#663e76 50%,#1b3449 95%)}
.hero-video{inset:-24px;filter:blur(12px) saturate(1.2);transform:scale(1.06)}
.hero-video video{width:100%;height:100%;object-fit:cover;display:block}
.hero-overlay{background:linear-gradient(180deg,rgba(12,24,41,.35),rgba(12,24,41,.28) 45%,rgba(16,26,42,.8))}
.video{width:min(100%,850px)}
.trailer-poster,.trailer-player{width:100%;aspect-ratio:16/9;border:2px solid #55d5cb66;border-radius:12px;display:block;overflow:hidden;background:#15283a}
.trailer-poster{position:relative;cursor:pointer;padding:0;color:#fff}
.trailer-poster img{width:100%;height:100%;object-fit:cover;display:block}
.trailer-poster::after{content:"";position:absolute;inset:0;background:rgba(8,15,27,.22)}
.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;border-radius:50%;width:76px;height:76px;display:grid;place-items:center;background:#f17db3;color:#101a2a;font-size:30px;box-shadow:0 5px 20px #0007}
.trailer-label{position:absolute;bottom:18px;left:20px;z-index:1;font-weight:800;letter-spacing:.12em;font-size:12px}
.trailer-poster:hover .play-icon{background:#55d5cb}
.video-fallback{padding:14px;margin:0}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}}

/* Gameplay screenshots and tuned hero video */
.hero-video{filter:blur(4px) saturate(1.2)}
.gameplay-media{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#264a62;border:2px solid #55d5cb66}
.gameplay-media img{display:block;width:100%;height:100%;object-fit:cover}
.feature.reverse .gameplay-media{order:2}
@media(max-width:700px){.feature.reverse .gameplay-media{order:0}}

/* Privacy policy additions */
.policy-intro {border-left:4px solid #55d5cb;padding:1rem 1.5rem;background:rgba(85,213,203,.06);border-radius:0 12px 12px 0;margin:1.5rem 0;}
.policy-intro h2 {color:#55d5cb;}
.policy-section {margin:2rem 0;}
.policy-section h2 {color:#f17db3;}
.policy-section p {line-height:1.85;}

/* Sticky full-width header. Adjust this one value to change desktop spacing. */
:root { --header-content-width: 1200px; }
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: rgba(16, 26, 42, .96);
  border-bottom: 1px solid rgba(85, 213, 203, .22);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}
@supports (backdrop-filter: blur(10px)) {
  .site-header { backdrop-filter: blur(10px); }
}
.header-inner {
  width: 100%;
  max-width: var(--header-content-width);
  margin-inline: auto;
  padding: 20px 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
}
html { scroll-padding-top: 110px; }
@media (max-width: 700px) {
  .header-inner {
    padding: 12px 18px;
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
  .site-header nav { justify-content: center; margin-top: 0; }
  .brand { font-size: 24px; }
  html { scroll-padding-top: 130px; }
}

/* Privacy policy body and bullets */
.policy-section ul { list-style: disc outside; padding-left: 1.7rem; margin: 1rem 0 1.5rem; }
.policy-section li { display: list-item; color: inherit; line-height: 1.85; margin-bottom: .8rem; }
.policy-section li::marker { color: #f17db3; }
.policy-section p, .policy-section li { color: rgba(235,242,248,.75); }
.policy-section strong { color: inherit; font-weight: 700; }

/* Third-party services list */
.policy-section ul { list-style: disc; padding-left: 28px; margin: 16px 0 24px; }
.policy-section li { color: rgba(235,242,248,.75); margin-bottom: 12px; line-height: 1.7; }
.policy-section li a { color: #69e1d3; }


/* Privacy policy links */
.policy-section a {
    color: #57E6D5;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    font-weight: 600;
    transition: color 0.2s ease;
}

.policy-section a:hover {
    color: #FFFFFF;
}

.policy-section a:focus-visible {
    outline: 2px solid #57E6D5;
    outline-offset: 3px;
    border-radius: 2px;
}