*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,h1,h2,h3,p,figure{margin:0}body{-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}img,picture,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}a{color:inherit}ul,ol{margin:0;padding:0;list-style:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--font-display:"Luckiest Guy", cursive;--font-heading:"Nunito", sans-serif;--font-body:"Inter", sans-serif;--color-bg-start:#28af60;--color-bg-mid:#0d7750;--color-bg-end:#042f21;--color-section-movement:#106d72;--color-section-pve:#3e1749;--color-section-pvp:#806600;--color-section-editor:#303;--color-section-customization:#103572;--color-section-gallery:#1f2937;--color-text:#fff;--color-text-muted:#e5e7eb;--color-steam-bg:#1b2838;--color-steam-bg-hover:#0f1621;--color-placeholder-bg:#00000040;--container-max:80rem;--radius:.75rem;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--space-6:4rem;--transition-fast:.15s ease}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg-mid);background-image:radial-gradient(circle, var(--color-bg-start) 0%, var(--color-bg-mid) 60%, var(--color-bg-end) 100%);background-attachment:fixed}.container{width:100%;max-width:var(--container-max);padding-inline:var(--space-2);margin-inline:auto}@media (width>=48rem){.container{padding-inline:var(--space-4)}}.feature{padding-block:var(--space-6)}.feature__heading{font-family:var(--font-display);text-align:center;letter-spacing:.02em;text-shadow:2px 2px 4px #0000004d;margin-bottom:var(--space-4);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:400}.feature__block{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.feature__block:last-child{margin-bottom:0}.feature__media{width:100%}.feature__desc{font-family:var(--font-heading);text-align:center;max-width:36rem;font-size:1.125rem;font-weight:600}@media (width>=64rem){.feature__block{gap:var(--space-5);flex-direction:row}.feature__media,.feature__desc{width:50%;max-width:none}.feature__desc{text-align:left}}.feature__subheading{font-family:var(--font-heading);text-align:center;margin-bottom:var(--space-3);font-size:1.25rem;font-weight:900}@media (width>=64rem){.feature__subheading{text-align:left}}.site-footer{padding-block:var(--space-4);text-align:center;font-family:var(--font-heading);color:var(--color-text-muted);font-size:.875rem}.site-footer a{text-decoration:underline}.skip-link{top:-3rem;left:var(--space-2);z-index:100;color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius);transition:top var(--transition-fast);background:#000;position:absolute}.skip-link:focus{top:var(--space-2)}:focus-visible{outline-offset:2px;outline:3px solid #fff}.cta-button{align-items:center;gap:var(--space-2);background-color:var(--color-steam-bg);color:#fff;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-4);border-radius:var(--radius);transition:background-color var(--transition-fast), transform var(--transition-fast);font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 .5rem 1.5rem #00000059}.cta-button:hover,.cta-button:focus-visible{background-color:var(--color-steam-bg-hover)}@media (prefers-reduced-motion:no-preference){.cta-button:hover,.cta-button:focus-visible{transform:scale(1.05)}}.cta-button__icon{flex-shrink:0;width:1.75rem;height:1.75rem}.cta-button--ghost{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff1f;border:1.5px solid #fff9}.cta-button--ghost:hover,.cta-button--ghost:focus-visible{background-color:#ffffff38}.feature__video{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);background-color:var(--color-placeholder-bg);outline:none;width:100%;height:auto;display:block}:root{--hero-sky-color:#3983f8;--hero-logo-left:4%;--hero-logo-top:5%;--hero-logo-width:min(47.5vw, 37.5rem);--hero-play-bottom:29%;--hero-trailer-bottom:20%;--hero-news-bottom:11%;--hero-toolbar-top:6%;--hero-toolbar-right:5%}.hero{isolation:isolate;width:100%;min-height:100svh;position:relative}.site-bg{z-index:-1;background-color:var(--hero-sky-color);position:fixed;inset:0;overflow:hidden}.site-bg__image{position:absolute;inset:0}.site-bg__image img{object-fit:cover;object-position:center;will-change:filter;width:100%;height:100%}.site-bg__scrim{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}@media (aspect-ratio<=4/5){.site-bg__image img{object-fit:contain}}.hero__logo-heading{left:var(--hero-logo-left);top:var(--hero-logo-top);z-index:1;width:var(--hero-logo-width);margin:0;position:absolute}.hero__logo{filter:drop-shadow(0 .25rem .5rem #00000059);width:100%;height:auto}.hero__play-btn{left:50%;bottom:var(--hero-play-bottom);z-index:1;position:absolute;transform:translate(-50%)}.hero__trailer-btn{left:50%;bottom:var(--hero-trailer-bottom);z-index:1;position:absolute;transform:translate(-50%)}.hero__news-btn{left:50%;bottom:var(--hero-news-bottom);z-index:1;position:absolute;transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){.hero__play-btn:hover,.hero__play-btn:focus-visible,.hero__trailer-btn:hover,.hero__trailer-btn:focus-visible,.hero__news-btn:hover,.hero__news-btn:focus-visible{transform:translate(-50%)scale(1.05)}}.hero__toolbar{top:var(--hero-toolbar-top);right:var(--hero-toolbar-right);z-index:2;align-items:center;gap:var(--space-2);display:flex;position:absolute}@media (width<=30rem){:root{--hero-logo-width:min(75vw, 25rem)}.hero__play-btn,.hero__trailer-btn,.hero__news-btn{padding:.6rem 1rem;font-size:.9rem}}.icon-button{color:#fff;cursor:pointer;width:2.75rem;height:2.75rem;transition:background-color var(--transition-fast);background:#00000073;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover,.icon-button:focus-visible{background:#000000a6}.icon-button__icon{width:1.4rem;height:1.4rem}@media (prefers-reduced-motion:no-preference){#music-toggle{animation:2.4s ease-out .6s both audio-hint-glow}}@keyframes audio-hint-glow{0%,to{box-shadow:0 0 #60a5fa00,0 0 #f472b600}25%{box-shadow:0 0 .75rem .2rem #60a5faa6,0 0 1.5rem .45rem #f472b666}}#music-toggle .icon-button__icon--unmuted,#music-toggle[data-state=unmuted] .icon-button__icon--muted{display:none}#music-toggle[data-state=unmuted] .icon-button__icon--unmuted{display:block}.trailer-modal{z-index:10;border-radius:var(--radius);background:#000;border:none;width:min(90vw,60rem);margin:auto;padding:0;position:fixed;inset:0;overflow:visible;box-shadow:0 1.5rem 4rem #0009}.trailer-modal::backdrop{background:#000000bf}.trailer-modal__frame{aspect-ratio:16/9;width:100%;position:relative}.trailer-modal__frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.trailer-modal__close{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex;position:absolute;top:-2.75rem;right:0}.trailer-modal__close svg{width:1.25rem;height:1.25rem}.trailer-modal__close:hover,.trailer-modal__close:focus-visible{background:#000000d9}@media (prefers-reduced-motion:no-preference){.trailer-modal[open]{animation:.2s trailer-modal-in}}@keyframes trailer-modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.showcase-section{position:relative}.showcase__panel{width:100%;padding-block:var(--space-6);justify-content:center;align-items:center;display:flex}.showcase__card{width:100%;max-width:var(--container-max);padding-inline:var(--space-2);margin-inline:auto}@media (width>=48rem){.showcase__card{padding-inline:var(--space-4)}}.showcase__card-inner{background-color:var(--panel-color,transparent);border-radius:calc(var(--radius) * 2);padding:var(--space-4);background-image:linear-gradient(#0000002e,#0000002e);border:1.5px solid #ffffff26;box-shadow:0 1rem 2.5rem #00000040}.gallery-section,.steam-section,.resources-section{width:100%;padding-block:var(--space-6);justify-content:center;align-items:center;display:flex}.gallery__card{max-width:88rem}.gallery{gap:var(--space-3);flex-direction:column;display:flex}.gallery__display{aspect-ratio:16/9;border-radius:var(--radius);background:#00000059;width:100%;overflow:hidden}.gallery__image{object-fit:cover;width:100%;height:100%;transition:opacity .3s;display:block}.gallery__image--loading{opacity:.4}.gallery__thumbs{gap:var(--space-1);flex-wrap:wrap;justify-content:center;display:flex}.gallery__thumb{border-radius:calc(var(--radius) - .25rem);cursor:pointer;width:5.5rem;transition:border-color var(--transition-fast), transform var(--transition-fast);background:0 0;border:2px solid #0000;flex-shrink:0;padding:0;line-height:0;overflow:hidden}.gallery__thumb img{aspect-ratio:16/9;object-fit:cover;opacity:.7;width:100%;height:auto;transition:opacity var(--transition-fast);display:block}.gallery__thumb:hover img,.gallery__thumb:focus-visible img{opacity:1}.gallery__thumb[aria-pressed=true]{border-color:#fff}.gallery__thumb[aria-pressed=true] img{opacity:1}@media (prefers-reduced-motion:no-preference){.gallery__thumb:hover{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.gallery__image{transition:none}}.steam-embed{justify-content:center;display:flex}.steam-embed iframe{aspect-ratio:646/190;border-radius:var(--radius);border:none;width:100%;max-width:40.375rem;height:auto;display:block}.section-divider{color:#ffffffb3;justify-content:center;align-items:center;height:clamp(4rem,10vh,7rem);display:flex}.section-divider__chevron{filter:drop-shadow(0 2px 4px #00000080);width:2rem;height:2rem}@media (prefers-reduced-motion:no-preference){.section-divider__chevron{animation:1.8s ease-in-out infinite section-divider-bounce}}@keyframes section-divider-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(.35rem)}}.resources__links{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.resources__link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:#fff;font-family:var(--font-heading);transition:background-color var(--transition-fast), transform var(--transition-fast);background:#ffffff14;border:1.5px solid #ffffff4d;border-radius:999px;font-weight:700;text-decoration:none;display:inline-flex}.resources__link svg{flex-shrink:0;width:1.4rem;height:1.4rem}.resources__link:hover,.resources__link:focus-visible{background:#ffffff2e}@media (prefers-reduced-motion:no-preference){.resources__link:hover,.resources__link:focus-visible{transform:scale(1.05)}}