@font-face{font-family:GamePixel;src:url('../fonts/game-depixel.ttf') format('truetype');font-display:block;font-style:normal;font-weight:400}
@font-face{font-family:DePixelKlein;src:url('../fonts/depixelklein.woff2') format('woff2');font-display:swap;font-style:normal;font-weight:400}
:root{color-scheme:dark;--bg:#010102;--text:#f4f5fa;--muted:#969dae;--line:#242733;--yellow:#ffdc58;--cyan:#67deff;--pink:#ff89c8}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:GamePixel,monospace;font-size:13px;line-height:1.9;overflow-x:clip}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2,h3,.brand,.button,.footer-brand{font-family:GamePixel,monospace;font-weight:400}h1,h2,h3{line-height:1.35}.wrap{width:min(800px,calc(100% - 48px));margin-inline:auto}header,main,footer{position:relative;z-index:1}#starfield{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.9}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;top:12px;left:12px;padding:10px 20px;background:var(--yellow);color:var(--bg);z-index:10}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:30px}.brand{font-size:16px;white-space:nowrap}.brand>span{margin-right:8px;transition:transform .3s}.brand:hover>span{transform:translate(4px,-4px)}nav{display:flex;align-items:center;gap:24px;font-size:9px;letter-spacing:.06em}.nav-link{color:var(--muted)}nav a:hover{color:var(--yellow)}.nav-cta{border:1px solid #6b5b2b;padding:9px 13px;color:var(--yellow);background:#09090b;transition:border-color .2s,transform .2s}.nav-cta:hover{border-color:var(--yellow);transform:translateY(-2px)}
.hero{text-align:center;min-height:calc(100svh - 88px);padding:32px 0 22px;display:flex;flex-direction:column;align-items:center;position:relative;background-image:repeating-linear-gradient(90deg,var(--line) 0 3px,transparent 3px 9px);background-size:100% 1px;background-repeat:no-repeat;background-position:bottom}.hero:before{content:'';flex:1 1 0}.eyebrow{color:var(--muted);font-size:9px;letter-spacing:.14em}.status-dot{display:inline-block;width:6px;height:6px;margin-right:9px;background:var(--yellow);box-shadow:0 0 10px #ffdc5866}.hero h1{font-size:clamp(32px,5.5vw,58px);line-height:1.22;letter-spacing:-.03em;margin:24px 0}.hero h1>span,.signup h2>span{color:var(--yellow)}.hero-lede{font-size:12px;color:#aeb4c2;max-width:570px;margin:0 auto 29px;line-height:2.1}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:56px;padding:16px 26px;font-size:12px;border:0;border-radius:0;position:relative;transition:transform .18s,box-shadow .18s}.button-primary{background:var(--yellow);color:#161408;box-shadow:0 5px 0 #806522}.button-primary:hover{transform:translateY(-3px);box-shadow:0 8px 0 #806522,0 0 24px #ffdc5828}.button-primary:active{transform:translateY(3px);box-shadow:0 2px 0 #806522}.button>span{display:inline-block;transition:transform .2s}.button:hover>span{transform:translate(3px,-3px)}.cta-note{font-size:9px;color:#818897;margin-top:17px}.scroll-cue{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px;min-height:48px;padding-top:18px;color:#737b8b;font-size:7px;letter-spacing:.1em;transition:color .2s}.scroll-cue:hover{color:var(--yellow)}.pixel-down-arrow{display:block;position:relative;width:30px;height:20px}.pixel-down-arrow:before{content:'';position:absolute;left:1px;top:1px;width:4px;height:4px;background:currentColor;box-shadow:4px 4px currentColor,8px 8px currentColor,12px 12px currentColor,16px 8px currentColor,20px 4px currentColor,24px 0 currentColor;animation:arrow-drop 1.5s steps(3,end) infinite}@keyframes arrow-drop{50%{transform:translateY(4px)}}
.star-game-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;font-size:8px;letter-spacing:.04em;color:#929aa9}
.game-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:35px;gap:28px;background-image:repeating-linear-gradient(90deg,var(--line) 0 3px,transparent 3px 9px),repeating-linear-gradient(90deg,var(--line) 0 3px,transparent 3px 9px);background-size:100% 1px;background-repeat:no-repeat;background-position:top,bottom}.game-details article{min-width:0}.detail-number{display:inline-block;font-family:GamePixel,monospace;font-size:31px;color:var(--yellow);position:relative;line-height:1.3;margin:0 10px 17px 0}.cyan{color:var(--cyan)}.pink{color:var(--pink)}.game-details h3{font-size:11px;margin-bottom:10px}.game-details p{font-size:10px;color:var(--muted);line-height:2;max-width:210px}.section{padding-block:75px}.section-heading{text-align:center;margin-bottom:29px}.section-heading h2{font-size:25px;margin-top:13px}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.shot{min-width:0;perspective:800px}.shot-art{aspect-ratio:3/4;border:1px dashed #454958;background:#040508;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;overflow:hidden;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .2s,border-color .25s;will-change:auto}.shot:hover .shot-art{border-color:var(--accent,#67606c)}.shot-index{position:absolute;top:13px;left:15px;font-size:9px;color:#7d8596}.placeholder-label{font-size:8px;letter-spacing:.05em;color:#737d91;text-align:center;line-height:2.1}.shot figcaption{font-family:GamePixel,monospace;font-size:9px;margin-top:13px;display:flex;justify-content:space-between;color:#adb4c2}.shot figcaption span{color:#555e72}.shot-art img{width:100%;height:100%;object-fit:cover;display:block}
.signup{padding-top:10px;padding-bottom:65px}.signup-card{background:#040507f5;border:1px solid #48402a;text-align:center;padding:42px 36px 35px;position:relative;overflow:hidden}.signup .eyebrow{font-size:8px}.signup h2{font-size:clamp(26px,4vw,38px);line-height:1.3;margin:18px 0}.signup-copy{font-size:11px;color:var(--muted);margin-bottom:25px}.signup-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;max-width:700px;margin:auto}.signup-form input{min-width:0;background:#010102;border:1px solid #434653;border-radius:0;color:#fff;font-size:11px;padding:16px}.signup-form input::placeholder{color:#818797}.signup-form .button{font-size:11px;padding:14px 20px;gap:16px}.signup-form .button:disabled{cursor:wait;opacity:.72}.form-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.form-message{font-size:8px;color:#ff9bae;margin-top:20px;min-height:17px}.signup-success{padding-block:34px}.success-badge{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border:2px solid var(--yellow);color:var(--yellow);font-size:30px;box-shadow:0 0 0 7px #ffdc5812;animation:success-pop .6s steps(6,end) both}.signup-card.is-complete{animation:success-flash .8s steps(6,end)}.footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:25px 30px;background-image:repeating-linear-gradient(90deg,var(--line) 0 3px,transparent 3px 9px);background-size:100% 1px;background-repeat:no-repeat;background-position:top}.footer-identity{display:flex;align-items:center;gap:20px}.footer-brand{font-size:10px;white-space:nowrap;color:#acb1be}.footer-email{font-family:GamePixel,monospace;font-size:9px;color:#818997;white-space:nowrap}.footer p{font-size:8px;color:#818997;text-align:right}.footer p a{text-decoration:underline;text-underline-offset:3px}.footer a:hover{color:var(--yellow)}.footer-social{display:flex;align-items:center;gap:16px}.footer-social a{display:inline-flex;color:#818997;transition:color .15s steps(2,end)}.footer-social svg{width:16px;height:16px;fill:currentColor}
.entering{animation:enter .6s both}.reveal-pending{opacity:0;translate:0 18px}.reveal-pending.in-view{opacity:1;translate:0 0;transition:opacity .6s,translate .6s}
@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes success-pop{from{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}@keyframes success-flash{50%{border-color:var(--yellow);box-shadow:0 0 35px #ffdc5828}}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}.site-header{padding-block:23px}.brand{font-size:12px}.brand>span{margin-right:3px}nav{gap:12px;font-size:8px}.nav-cta{padding:8px 10px}.hero{padding-top:51px;padding-bottom:42px}.hero h1{font-size:clamp(28px,7.7vw,45px)}.hero-lede{font-size:11px}.hero-lede br{display:none}.eyebrow{font-size:8px}.game-details{gap:15px;padding-block:26px}.detail-number{font-size:26px}.game-details h3{font-size:9px}.game-details p{font-size:9px;line-height:1.8}.section{padding-block:49px}.section-heading h2{font-size:20px}.screenshot-grid{gap:10px}.shot-art{gap:13px}.placeholder-label{font-size:6px}.shot-index{top:8px;left:8px;font-size:7px}.shot figcaption{font-size:7px}.shot figcaption span{display:none}.signup{padding-top:0}.signup-card{padding:32px 18px}.signup-form{grid-template-columns:1fr;gap:10px}.signup-form .button{width:100%}.footer{flex-direction:column;align-items:flex-start;gap:10px}.footer-identity{flex-wrap:wrap;gap:8px 16px}.footer p{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;translate:none}}

/* Neutral boxes mark every image slot until final artwork is supplied. */
.asset-placeholder{display:inline-flex;align-items:center;justify-content:center;border:1px dashed currentColor;color:#737d91;background:#08090d;font-family:DePixelKlein,monospace;font-size:7px;line-height:1.35;letter-spacing:.04em;text-align:center;vertical-align:middle}.asset-placeholder-logo{width:28px;height:28px;color:#ff4c65}.detail-icon-placeholder{width:48px;height:48px;margin-bottom:17px}.signup-icon-placeholder{width:64px;height:64px;color:var(--yellow);margin-bottom:17px}.shot-art,.signup-card{box-shadow:4px 4px 0 #0d111d}.button-primary{box-shadow:4px 5px 0 #806522}.button-primary:hover{box-shadow:6px 8px 0 #806522,0 0 24px #ffdc5828}.status-dot{border-radius:0}

/* Signup consent and success state. */
.beta-optin{grid-column:1/-1;display:inline-flex;align-items:center;justify-self:start;gap:11px;margin-top:8px;color:#aeb4c2;font-size:9px;line-height:1.5;cursor:pointer;text-align:left}.beta-optin input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.pixel-checkbox{position:relative;flex:0 0 18px;width:18px;height:18px;border:1px solid #646a79;background:#010102}.beta-optin:hover .pixel-checkbox{border-color:var(--yellow)}.beta-optin input:focus-visible+.pixel-checkbox{outline:2px solid var(--cyan);outline-offset:4px}.beta-optin input:checked+.pixel-checkbox{border-color:var(--yellow);background:#171407}.beta-optin input:checked+.pixel-checkbox:after{content:'';position:absolute;width:3px;height:3px;left:3px;top:8px;background:var(--yellow);box-shadow:3px 3px var(--yellow),6px 0 var(--yellow),9px -3px var(--yellow),12px -6px var(--yellow)}.signup-disclaimer{max-width:650px;margin:14px auto 0;color:#6f7685;font-size:7px;line-height:1.8}.signup-success{position:relative;z-index:1;min-height:360px;padding:64px 24px 58px;display:flex;flex-direction:column;align-items:center;justify-content:center}.signup-success[hidden]{display:none}.signup-success .eyebrow{margin-bottom:2px}.signup-success h2{margin-block:18px 22px}.signup-success .signup-copy{margin-bottom:0}.success-badge{width:56px;height:56px;margin-bottom:18px;border-width:3px;box-shadow:5px 5px 0 #3d3518}.pixel-check{position:relative;display:block;width:35px;height:25px}.pixel-check:before{content:'';position:absolute;width:5px;height:5px;left:0;top:10px;background:var(--yellow);box-shadow:5px 5px var(--yellow),10px 10px var(--yellow),15px 5px var(--yellow),20px 0 var(--yellow),25px -5px var(--yellow),30px -10px var(--yellow)}.success-confetti{position:absolute;z-index:0;left:50%;top:38%;width:var(--confetti-size);height:var(--confetti-size);background:var(--confetti-color);pointer-events:none;animation:confetti-pop 1.45s steps(12,end) var(--confetti-delay) both}@keyframes confetti-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--confetti-x)),calc(-50% + var(--confetti-y))) rotate(180deg)}}

/* Native game lettering and little arcade rewards. */
body{font-synthesis:none}.hero h1{letter-spacing:0}.hero h1>span{display:inline-block;animation:title-glow 5s steps(6,end) infinite}
@keyframes title-glow{50%{text-shadow:0 3px 0 #6b491b,0 0 20px #ffdc581b}}

/* Game overview and platform availability. */
.about-section{padding-top:72px}.about-copy{max-width:680px;margin:0 auto 46px;text-align:center}.about-copy h2{font-size:clamp(25px,4vw,38px);margin:15px 0 22px}.about-copy h2 span{color:var(--yellow)}.about-copy>p:not(.eyebrow){max-width:650px;margin-inline:auto;color:#aeb4c2;font-size:11px;line-height:2}.about-copy>p+p{margin-top:12px}.platforms{padding-top:68px}.platforms .section-heading>p:last-child{max-width:560px;margin:14px auto 0;color:var(--muted);font-size:10px;line-height:1.9}.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.platform-card{min-height:154px;border:1px solid var(--line);background:#040508;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;text-align:center;transition:border-color .2s,transform .2s}.platform-card:hover{border-color:#565b6b;transform:translateY(-3px)}.platform-icon-placeholder{width:56px;height:56px;margin-bottom:16px}.platform-card h3{font-size:10px}.platform-card p{margin-top:7px;color:var(--yellow);font-size:7px;letter-spacing:.08em}.platform-card-soon{border-style:dashed}.platform-card-soon .platform-icon-placeholder{color:#676f80}
.pixel-divider{height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 3px,transparent 3px 9px)}
@media(max-width:640px){.site-header{flex-wrap:wrap}.site-header nav{width:100%;justify-content:flex-end}.hero{min-height:calc(100svh - 126px);padding:28px 0 18px}.scroll-cue{min-height:40px}.about-section{padding-top:49px}.about-copy{margin-bottom:32px}.about-copy>p:not(.eyebrow){font-size:10px}.platforms{padding-top:44px}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-card{min-height:138px}}

/* Cross-browser viewport alignment and responsive content flow. */
body{overflow-x:hidden;overflow-x:clip}#starfield{width:100vw;height:100vh;height:100dvh;transform:translateZ(0)}.hero{min-height:calc(100vh - 88px);min-height:calc(100svh - 88px);display:grid;grid-template-rows:minmax(0,1fr) auto}.hero:before{display:none}.hero-content{align-self:center;transform:translateY(-3.5vh)}.scroll-cue{align-self:end;justify-self:center;flex:none}.game-details{background-image:none}.screens{padding-bottom:75px}
@media(max-width:820px){.wrap{width:min(680px,calc(100% - 40px))}.site-header{flex-wrap:wrap}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shot:last-child{grid-column:1/-1;width:calc(50% - 10px);justify-self:center}.signup-form{grid-template-columns:1fr 1fr}.signup-form .button{grid-column:1/-1}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){html{scroll-padding-top:16px}.wrap{width:calc(100% - 28px)}.site-header{gap:14px;padding-block:18px}.site-header nav{justify-content:space-between;gap:7px}.nav-cta{padding:7px 8px}.hero{min-height:calc(100vh - 112px);min-height:calc(100svh - 112px);padding:20px 0 14px}.hero-content{transform:translateY(-2vh);width:100%}.hero h1{font-size:clamp(28px,12vw,44px)}.hero-lede{font-size:10px;line-height:1.9}.button{min-height:50px;padding:13px 18px}.scroll-cue>span:first-child{display:none}.about-section{padding-top:54px}.about-copy{text-align:left}.about-copy h2{font-size:clamp(23px,8vw,32px)}.game-details{grid-template-columns:1fr;gap:0;padding-block:10px}.game-details article{padding-block:25px}.game-details p{max-width:100%}.screens{padding-top:48px;padding-bottom:52px}.screenshot-grid{grid-template-columns:1fr;gap:28px}.shot,.shot:last-child{grid-column:auto;width:min(100%,420px);justify-self:center}.signup-card{padding:30px 16px}.signup-form{grid-template-columns:1fr}.signup-form .button{grid-column:auto}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.footer-identity{align-items:flex-start;flex-direction:column}.footer-email{white-space:normal}}
@media(max-width:370px){.brand{font-size:11px}.site-header nav{font-size:7px}.nav-cta{padding:6px}.platform-grid{grid-template-columns:1fr}}

/* Balanced feature cards and section rhythm. */
.game-details article{text-align:center;display:flex;flex-direction:column;align-items:center}.game-details h3{text-align:center}.game-details p{margin-inline:auto;text-align:center}.detail-icon-placeholder{margin-inline:auto}.gameplay-divider{margin-top:64px}.signup{padding-top:65px;padding-bottom:65px}
@media(max-width:640px){.gameplay-divider{margin-top:38px}.signup{padding-top:49px;padding-bottom:49px}}

/* Animated mission-status HUD. */
.mission-status{display:inline-flex;align-items:stretch;margin:18px auto 0;border:1px solid #3f3a23;background:#070708;box-shadow:3px 3px 0 #171508;font-family:GamePixel,monospace;font-size:7px;line-height:1;letter-spacing:.08em;cursor:default;transition:border-color .15s,color .15s}.mission-status-label{display:flex;align-items:center;padding:9px 10px;color:#777e8e;border-right:1px dashed #4e482d}.mission-status-value{display:flex;align-items:center;gap:8px;padding:9px 10px;color:var(--yellow)}.mission-status-light{width:5px;height:5px;background:var(--yellow);box-shadow:0 0 0 2px #322b12;animation:mission-pulse 1.8s steps(2,end) infinite}.mission-status-dots{display:inline-flex;align-items:flex-end;gap:3px;width:18px}.mission-status-dots i{display:block;width:3px;height:3px;background:currentColor;opacity:.18;animation:mission-dot 1.5s steps(2,end) infinite}.mission-status-dots i:nth-child(2){animation-delay:.25s}.mission-status-dots i:nth-child(3){animation-delay:.5s}.mission-status:hover{border-color:var(--cyan);box-shadow:3px 3px 0 #17333b;animation:mission-glitch .55s steps(6,end)}.mission-status:hover .mission-status-label{color:var(--cyan)}.mission-status:hover .mission-status-value{color:var(--pink)}.mission-status:hover .mission-status-light{background:var(--cyan);box-shadow:0 0 0 2px #17333b,0 0 10px #67deff77}.mission-status:hover .mission-status-dots i{animation-duration:.45s}@keyframes mission-pulse{50%{opacity:.35;box-shadow:0 0 0 2px #322b12,0 0 9px #ffdc5855}}@keyframes mission-dot{0%,35%{opacity:.18;transform:translateY(0)}50%,100%{opacity:1;transform:translateY(-2px)}}@keyframes mission-glitch{20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}100%{transform:none}}
@media(max-width:480px){.mission-status{font-size:6px}.mission-status-label,.mission-status-value{padding:8px}.mission-status-value{gap:6px}}

.mission-status{appearance:none;-webkit-appearance:none;cursor:pointer}.mission-status-message{display:inline-block;min-width:122px;text-align:left}.mission-status.is-updating{animation:mission-update .55s steps(6,end)}@keyframes mission-update{0%{filter:none}20%{transform:translateX(-3px);filter:brightness(1.8)}40%{transform:translateX(3px)}60%{transform:translateX(-1px);filter:brightness(.7)}80%{transform:translateX(1px)}100%{transform:none;filter:none}}

/* Screenshot target scanner. */
.shot-art:before{content:'';position:absolute;z-index:2;left:0;right:0;top:0;height:2px;background:var(--accent);box-shadow:0 5px 0 color-mix(in srgb,var(--accent),transparent 72%);opacity:0;pointer-events:none}.shot-art:after{content:attr(data-scan);position:absolute;z-index:3;left:10px;bottom:10px;padding:5px 7px;border-left:2px solid var(--accent);background:#010102d9;color:var(--accent);font-family:GamePixel,monospace;font-size:6px;letter-spacing:.08em;opacity:0;transform:translateY(5px);pointer-events:none}.shot:hover .shot-art:before,.shot-art:focus:before{animation:screenshot-scan 2.2s steps(20,end) 1 forwards}.shot:hover .shot-art:after,.shot-art:focus:after{animation:scanner-label 2.2s steps(10,end) 1 forwards}.shot:hover .shot-art,.shot-art:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent),transparent 78%),4px 4px 0 #0d111d}@keyframes screenshot-scan{0%{top:0;opacity:0}8%{opacity:.8}78%{top:calc(100% - 7px);opacity:.8}100%{top:calc(100% - 7px);opacity:0}}@keyframes scanner-label{0%{opacity:0;transform:translateY(5px)}12%,72%{opacity:1;transform:none}100%{opacity:0;transform:none}}

img.asset-placeholder{border:0;background:none;object-fit:contain}
img.asset-placeholder{opacity:.62;filter:saturate(.7);transition:opacity .3s,filter .3s,transform .3s steps(4,end)}
.platform-card:hover img.asset-placeholder{opacity:.85;filter:none}
.game-details img.detail-icon-placeholder{image-rendering:pixelated}
.game-details article:hover img.detail-icon-placeholder{opacity:1;filter:saturate(1.1) drop-shadow(0 0 6px #ffdc5840);transform:translateY(-3px);animation:icon-flicker .45s steps(3,end)}
.game-details article:nth-child(2):hover img.detail-icon-placeholder{filter:saturate(1.1) drop-shadow(0 0 6px #67deff40)}
.game-details article:nth-child(3):hover img.detail-icon-placeholder{filter:saturate(1.1) drop-shadow(0 0 6px #ff89c840)}
@keyframes icon-flicker{0%{opacity:.62}33%{opacity:1}66%{opacity:.8}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.game-details article:hover img.detail-icon-placeholder{animation:none;transform:none}}
@media(max-width:640px){
.site-header{flex-direction:column;align-items:center;flex-wrap:nowrap;gap:16px;padding-block:20px 0}
.site-header .brand{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px}
.site-header .brand>span{margin-right:0}
.site-header nav{width:100%;display:grid;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:8px;padding-block:12px;font-size:8px;background-image:repeating-linear-gradient(90deg,var(--line) 0 3px,transparent 3px 9px),repeating-linear-gradient(90deg,var(--line) 0 3px,transparent 3px 9px);background-size:100% 1px;background-repeat:no-repeat;background-position:top,bottom}
.site-header .nav-link{text-align:center;padding-block:8px}
.site-header .nav-cta{padding:8px 10px;text-align:center}
}
@media(max-width:370px){.site-header .brand{font-size:12px}.site-header nav{font-size:7px;gap:4px}.site-header .nav-cta{padding:7px 6px}}
.game-details img.detail-icon-placeholder{animation:icon-float 3.2s ease-in-out infinite}
.game-details article:nth-child(2) img.detail-icon-placeholder{animation-delay:-1.1s}
.game-details article:nth-child(3) img.detail-icon-placeholder{animation-delay:-2.2s}
.game-details article:hover img.detail-icon-placeholder{animation:icon-flicker .45s steps(3,end),icon-float 3.2s ease-in-out infinite}
@keyframes icon-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
.screenshot-grid,.screenshot-grid{display:flex!important;gap:19px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 8px 10px 0;outline:none}
.screenshot-grid::-webkit-scrollbar{display:none}
.screenshot-grid .shot,.screenshot-grid .shot:last-child{flex:0 0 calc((100% - 38px)/2.4);width:auto;scroll-snap-align:start}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px}
.carousel-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid #454958;background:#040508;color:#adb4c2;box-shadow:3px 3px 0 #0d111d;cursor:pointer;transition:color .15s,border-color .15s,transform .15s}
.carousel-btn:hover:not(:disabled){color:var(--yellow);border-color:var(--yellow);transform:translateY(-2px)}
.carousel-btn:disabled{opacity:.35;cursor:default}
.carousel-btn:focus-visible,.screenshot-grid:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.pixel-arrow{position:relative;display:block;width:12px;height:16px}
.pixel-arrow:before{content:'';position:absolute;left:2px;top:0;width:4px;height:4px;background:currentColor;box-shadow:4px 4px currentColor,8px 8px currentColor,4px 12px currentColor,0 16px currentColor;top:-2px}
.pixel-arrow.left{transform:scaleX(-1)}
.carousel-dots{display:flex;gap:8px}
.carousel-dot{width:10px;height:10px;padding:0;border:1px solid #555e72;background:transparent;cursor:pointer}
.carousel-dot[aria-current="true"]{background:var(--yellow);border-color:var(--yellow)}
@media(max-width:820px){.screenshot-grid .shot,.screenshot-grid .shot:last-child{flex-basis:calc((100% - 19px)/1.6)}}
@media(max-width:640px){.screenshot-grid .shot,.screenshot-grid .shot:last-child{flex-basis:78%}}
/* Embedded pixel masks: 4px blocks, ordered (Bayer 8x8) dither over a smoothstep ramp.
   Sources are assets/images/carousel-fade-{left,right}.svg. Embedding avoids file-origin mask restrictions. */
.screenshot-grid{
  margin-inline:-48px;
  --pixel-edge-left:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%22128%22%20viewBox%3D%220%200%2096%20128%22%20shape-rendering%3D%22crispEdges%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M16%200h4v4h-4zM24%200h4v4h-4zM32%200h4v4h-4zM40%200h4v4h-4zM48%200h48v4h-48zM36%204h4v4h-4zM44%204h4v4h-4zM52%204h4v4h-4zM60%204h12v4h-12zM76%204h20v4h-20zM24%208h4v4h-4zM32%208h4v4h-4zM40%208h4v4h-4zM48%208h4v4h-4zM56%208h40v4h-40zM44%2012h4v4h-4zM52%2012h4v4h-4zM60%2012h4v4h-4zM68%2012h12v4h-12zM84%2012h12v4h-12zM16%2016h4v4h-4zM24%2016h4v4h-4zM32%2016h4v4h-4zM40%2016h4v4h-4zM48%2016h48v4h-48zM36%2020h4v4h-4zM44%2020h4v4h-4zM52%2020h4v4h-4zM60%2020h4v4h-4zM68%2020h4v4h-4zM76%2020h20v4h-20zM24%2024h4v4h-4zM32%2024h4v4h-4zM40%2024h4v4h-4zM48%2024h4v4h-4zM56%2024h40v4h-40zM44%2028h4v4h-4zM52%2028h4v4h-4zM60%2028h4v4h-4zM68%2028h4v4h-4zM76%2028h4v4h-4zM84%2028h12v4h-12zM16%2032h4v4h-4zM24%2032h4v4h-4zM32%2032h4v4h-4zM40%2032h4v4h-4zM48%2032h48v4h-48zM36%2036h4v4h-4zM44%2036h4v4h-4zM52%2036h4v4h-4zM60%2036h12v4h-12zM76%2036h20v4h-20zM24%2040h4v4h-4zM32%2040h4v4h-4zM40%2040h4v4h-4zM48%2040h4v4h-4zM56%2040h40v4h-40zM44%2044h4v4h-4zM52%2044h4v4h-4zM60%2044h4v4h-4zM68%2044h12v4h-12zM84%2044h12v4h-12zM16%2048h4v4h-4zM24%2048h4v4h-4zM32%2048h4v4h-4zM40%2048h4v4h-4zM48%2048h48v4h-48zM36%2052h4v4h-4zM44%2052h4v4h-4zM52%2052h4v4h-4zM60%2052h4v4h-4zM68%2052h4v4h-4zM76%2052h20v4h-20zM24%2056h4v4h-4zM32%2056h4v4h-4zM40%2056h4v4h-4zM48%2056h4v4h-4zM56%2056h40v4h-40zM44%2060h4v4h-4zM52%2060h4v4h-4zM60%2060h4v4h-4zM68%2060h4v4h-4zM76%2060h4v4h-4zM84%2060h12v4h-12zM16%2064h4v4h-4zM24%2064h4v4h-4zM32%2064h4v4h-4zM40%2064h4v4h-4zM48%2064h48v4h-48zM36%2068h4v4h-4zM44%2068h4v4h-4zM52%2068h4v4h-4zM60%2068h12v4h-12zM76%2068h20v4h-20zM24%2072h4v4h-4zM32%2072h4v4h-4zM40%2072h4v4h-4zM48%2072h4v4h-4zM56%2072h40v4h-40zM44%2076h4v4h-4zM52%2076h4v4h-4zM60%2076h4v4h-4zM68%2076h12v4h-12zM84%2076h12v4h-12zM16%2080h4v4h-4zM24%2080h4v4h-4zM32%2080h4v4h-4zM40%2080h4v4h-4zM48%2080h48v4h-48zM36%2084h4v4h-4zM44%2084h4v4h-4zM52%2084h4v4h-4zM60%2084h4v4h-4zM68%2084h4v4h-4zM76%2084h20v4h-20zM24%2088h4v4h-4zM32%2088h4v4h-4zM40%2088h4v4h-4zM48%2088h4v4h-4zM56%2088h40v4h-40zM44%2092h4v4h-4zM52%2092h4v4h-4zM60%2092h4v4h-4zM68%2092h4v4h-4zM76%2092h4v4h-4zM84%2092h12v4h-12zM16%2096h4v4h-4zM24%2096h4v4h-4zM32%2096h4v4h-4zM40%2096h4v4h-4zM48%2096h48v4h-48zM36%20100h4v4h-4zM44%20100h4v4h-4zM52%20100h4v4h-4zM60%20100h12v4h-12zM76%20100h20v4h-20zM24%20104h4v4h-4zM32%20104h4v4h-4zM40%20104h4v4h-4zM48%20104h4v4h-4zM56%20104h40v4h-40zM44%20108h4v4h-4zM52%20108h4v4h-4zM60%20108h4v4h-4zM68%20108h12v4h-12zM84%20108h12v4h-12zM16%20112h4v4h-4zM24%20112h4v4h-4zM32%20112h4v4h-4zM40%20112h4v4h-4zM48%20112h48v4h-48zM36%20116h4v4h-4zM44%20116h4v4h-4zM52%20116h4v4h-4zM60%20116h4v4h-4zM68%20116h4v4h-4zM76%20116h20v4h-20zM24%20120h4v4h-4zM32%20120h4v4h-4zM40%20120h4v4h-4zM48%20120h4v4h-4zM56%20120h40v4h-40zM44%20124h4v4h-4zM52%20124h4v4h-4zM60%20124h4v4h-4zM68%20124h4v4h-4zM76%20124h4v4h-4zM84%20124h12v4h-12z%22%2F%3E%3C%2Fsvg%3E");
  --pixel-edge-right:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%22128%22%20viewBox%3D%220%200%2096%20128%22%20shape-rendering%3D%22crispEdges%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%200h48v4h-48zM52%200h4v4h-4zM60%200h4v4h-4zM68%200h4v4h-4zM76%200h4v4h-4zM0%204h20v4h-20zM24%204h12v4h-12zM40%204h4v4h-4zM48%204h4v4h-4zM56%204h4v4h-4zM0%208h40v4h-40zM44%208h4v4h-4zM52%208h4v4h-4zM60%208h4v4h-4zM68%208h4v4h-4zM0%2012h12v4h-12zM16%2012h12v4h-12zM32%2012h4v4h-4zM40%2012h4v4h-4zM48%2012h4v4h-4zM0%2016h48v4h-48zM52%2016h4v4h-4zM60%2016h4v4h-4zM68%2016h4v4h-4zM76%2016h4v4h-4zM0%2020h20v4h-20zM24%2020h4v4h-4zM32%2020h4v4h-4zM40%2020h4v4h-4zM48%2020h4v4h-4zM56%2020h4v4h-4zM0%2024h40v4h-40zM44%2024h4v4h-4zM52%2024h4v4h-4zM60%2024h4v4h-4zM68%2024h4v4h-4zM0%2028h12v4h-12zM16%2028h4v4h-4zM24%2028h4v4h-4zM32%2028h4v4h-4zM40%2028h4v4h-4zM48%2028h4v4h-4zM0%2032h48v4h-48zM52%2032h4v4h-4zM60%2032h4v4h-4zM68%2032h4v4h-4zM76%2032h4v4h-4zM0%2036h20v4h-20zM24%2036h12v4h-12zM40%2036h4v4h-4zM48%2036h4v4h-4zM56%2036h4v4h-4zM0%2040h40v4h-40zM44%2040h4v4h-4zM52%2040h4v4h-4zM60%2040h4v4h-4zM68%2040h4v4h-4zM0%2044h12v4h-12zM16%2044h12v4h-12zM32%2044h4v4h-4zM40%2044h4v4h-4zM48%2044h4v4h-4zM0%2048h48v4h-48zM52%2048h4v4h-4zM60%2048h4v4h-4zM68%2048h4v4h-4zM76%2048h4v4h-4zM0%2052h20v4h-20zM24%2052h4v4h-4zM32%2052h4v4h-4zM40%2052h4v4h-4zM48%2052h4v4h-4zM56%2052h4v4h-4zM0%2056h40v4h-40zM44%2056h4v4h-4zM52%2056h4v4h-4zM60%2056h4v4h-4zM68%2056h4v4h-4zM0%2060h12v4h-12zM16%2060h4v4h-4zM24%2060h4v4h-4zM32%2060h4v4h-4zM40%2060h4v4h-4zM48%2060h4v4h-4zM0%2064h48v4h-48zM52%2064h4v4h-4zM60%2064h4v4h-4zM68%2064h4v4h-4zM76%2064h4v4h-4zM0%2068h20v4h-20zM24%2068h12v4h-12zM40%2068h4v4h-4zM48%2068h4v4h-4zM56%2068h4v4h-4zM0%2072h40v4h-40zM44%2072h4v4h-4zM52%2072h4v4h-4zM60%2072h4v4h-4zM68%2072h4v4h-4zM0%2076h12v4h-12zM16%2076h12v4h-12zM32%2076h4v4h-4zM40%2076h4v4h-4zM48%2076h4v4h-4zM0%2080h48v4h-48zM52%2080h4v4h-4zM60%2080h4v4h-4zM68%2080h4v4h-4zM76%2080h4v4h-4zM0%2084h20v4h-20zM24%2084h4v4h-4zM32%2084h4v4h-4zM40%2084h4v4h-4zM48%2084h4v4h-4zM56%2084h4v4h-4zM0%2088h40v4h-40zM44%2088h4v4h-4zM52%2088h4v4h-4zM60%2088h4v4h-4zM68%2088h4v4h-4zM0%2092h12v4h-12zM16%2092h4v4h-4zM24%2092h4v4h-4zM32%2092h4v4h-4zM40%2092h4v4h-4zM48%2092h4v4h-4zM0%2096h48v4h-48zM52%2096h4v4h-4zM60%2096h4v4h-4zM68%2096h4v4h-4zM76%2096h4v4h-4zM0%20100h20v4h-20zM24%20100h12v4h-12zM40%20100h4v4h-4zM48%20100h4v4h-4zM56%20100h4v4h-4zM0%20104h40v4h-40zM44%20104h4v4h-4zM52%20104h4v4h-4zM60%20104h4v4h-4zM68%20104h4v4h-4zM0%20108h12v4h-12zM16%20108h12v4h-12zM32%20108h4v4h-4zM40%20108h4v4h-4zM48%20108h4v4h-4zM0%20112h48v4h-48zM52%20112h4v4h-4zM60%20112h4v4h-4zM68%20112h4v4h-4zM76%20112h4v4h-4zM0%20116h20v4h-20zM24%20116h4v4h-4zM32%20116h4v4h-4zM40%20116h4v4h-4zM48%20116h4v4h-4zM56%20116h4v4h-4zM0%20120h40v4h-40zM44%20120h4v4h-4zM52%20120h4v4h-4zM60%20120h4v4h-4zM68%20120h4v4h-4zM0%20124h12v4h-12zM16%20124h4v4h-4zM24%20124h4v4h-4zM32%20124h4v4h-4zM40%20124h4v4h-4zM48%20124h4v4h-4z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-image:linear-gradient(#000,#000),var(--pixel-edge-left),var(--pixel-edge-right);
  mask-image:linear-gradient(#000,#000),var(--pixel-edge-left),var(--pixel-edge-right);
  -webkit-mask-size:calc(100% - 192px) 100%,96px 128px,96px 128px;
  mask-size:calc(100% - 192px) 100%,96px 128px,96px 128px;
  -webkit-mask-position:center,left 0 top var(--fade-shift,0px),right 0 top var(--fade-shift-reverse,0px);
  mask-position:center,left 0 top var(--fade-shift,0px),right 0 top var(--fade-shift-reverse,0px);
  -webkit-mask-repeat:no-repeat,repeat-y,repeat-y;
  mask-repeat:no-repeat,repeat-y,repeat-y;
  mask-mode:alpha;
}
.carousel-btn,.carousel-dot{touch-action:manipulation}
.carousel{container-type:inline-size;--slide:34cqw}
.screenshot-grid .shot,.screenshot-grid .shot:last-child{flex:0 0 var(--slide);scroll-snap-align:center}
.screenshot-grid{padding-inline:calc((100cqw + 96px - var(--slide)) / 2)!important}
@media(max-width:820px){.carousel{--slide:48cqw}}
@media(max-width:640px){.carousel{--slide:62cqw}}
.shot-art{transform:none;perspective:none}

/* The video spans two portrait tiles, with the same media height. */
.screenshot-grid .shot.shot-video{flex-basis:var(--video-slide)}
.screenshot-grid:has(.shot-video){padding-left:calc((100cqw + 96px - var(--video-slide)) / 2)!important}
.shot-video .video-player{aspect-ratio:3/2;border-style:solid;display:block;background:#000}
.video-player:before,.video-player:after{display:none}
.video-player video{display:block;width:100%;height:100%;object-fit:contain}
.pixel-video-controls{position:absolute;inset:auto 0 0;z-index:4;display:flex;align-items:center;gap:9px;padding:10px;background:#050609f2;border-top:2px solid #3d4252}
.video-button{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid #687083;background:#111522;color:var(--yellow);box-shadow:2px 2px 0 #000;cursor:pointer}
.video-button:hover{background:#262c3a;border-color:var(--yellow)}.video-button:focus-visible,.video-seek:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.video-icon{width:16px;height:16px;display:block;background:currentColor}
.icon-play{clip-path:polygon(12% 0,37% 0,37% 12%,62% 12%,62% 25%,87% 25%,87% 37%,100% 37%,100% 62%,87% 62%,87% 75%,62% 75%,62% 87%,37% 87%,37% 100%,12% 100%)}
.icon-pause{background:linear-gradient(90deg,currentColor 0 31%,transparent 31% 69%,currentColor 69%)}
.icon-sound{clip-path:polygon(0 31%,25% 31%,25% 19%,44% 19%,44% 6%,63% 6%,63% 94%,44% 94%,44% 81%,25% 81%,25% 69%,0 69%)}
.video-mute[aria-pressed="true"]{color:#848a99}.video-mute[aria-pressed="true"] .icon-sound{background:repeating-linear-gradient(0deg,currentColor 0 3px,transparent 3px 5px)}
.icon-fullscreen{background:linear-gradient(currentColor,currentColor) left top/6px 2px,linear-gradient(currentColor,currentColor) left top/2px 6px,linear-gradient(currentColor,currentColor) right top/6px 2px,linear-gradient(currentColor,currentColor) right top/2px 6px,linear-gradient(currentColor,currentColor) left bottom/6px 2px,linear-gradient(currentColor,currentColor) left bottom/2px 6px,linear-gradient(currentColor,currentColor) right bottom/6px 2px,linear-gradient(currentColor,currentColor) right bottom/2px 6px;background-repeat:no-repeat}
.video-time{font-family:GamePixel,monospace;font-size:7px;white-space:nowrap;color:#c5cbd6}
.video-seek{min-width:24px;flex:1;height:28px;accent-color:var(--yellow);cursor:pointer;appearance:none;background:transparent}
.video-seek::-webkit-slider-runnable-track{height:5px;background:#505665}.video-seek::-webkit-slider-thumb{appearance:none;width:11px;height:15px;margin-top:-5px;background:var(--yellow);border:2px solid #171a21;border-radius:0}
.video-seek::-moz-range-track{height:5px;background:#505665}.video-seek::-moz-range-thumb{width:9px;height:13px;background:var(--yellow);border:2px solid #171a21;border-radius:0}
.video-status{position:absolute;top:12px;left:12px;right:12px;color:#e6e8ec;background:#050609cc;font-size:9px;text-align:center;pointer-events:none}.video-status:empty{display:none}
.video-player:fullscreen{aspect-ratio:auto;width:100%;height:100%;border:0}.video-player:fullscreen .pixel-video-controls{padding-bottom:max(10px,env(safe-area-inset-bottom))}
@media(max-width:820px){.carousel{--slide:36cqw}}
@media(max-width:640px){.pixel-video-controls{gap:5px;padding:7px}.video-button{width:32px;height:36px;flex-basis:32px}.video-time{display:none}}

/* The header uses the same engine and launch animation at icon scale. */
.site-header .brand{display:inline-flex;flex-direction:row;align-items:center;gap:9px;white-space:nowrap}
.site-header .brand .brand-rocket-shell{position:relative;display:block;width:22px;height:22px;flex-shrink:0;margin:0;transform:none;transition:none;--exhaust-distance:32px}
.brand-rocket-engine{position:absolute;top:0;left:0;width:56px;height:56px;transform:scale(.392857);transform-origin:top left;pointer-events:none}
.brand .launch-rocket-frame{top:0;left:0}
.brand:is(:hover,:focus-visible,:active) .brand-rocket-shell{--exhaust-distance:64px}
.brand:is(:hover,:focus-visible,:active) .launch-rocket-frame{animation:launch-blastoff 2s infinite}
.brand:is(:hover,:focus-visible,:active) .launch-rocket-frame img{animation-duration:.15s}
.brand:is(:hover,:focus-visible,:active) .launch-rocket-frame:before{animation:launch-boost-flame .22s steps(2,end) infinite;background:linear-gradient(to bottom,#fff 0 25%,#fff2a0 25% 45%,#ffdc58 45% 70%,#ff974b 70%)}
.brand:is(:hover,:focus-visible,:active) .launch-exhaust i{animation-duration:.4s}
@keyframes rocket-power-shake{0%,100%{translate:0 0}20%{translate:-1px 0}40%{translate:1px 1px}60%{translate:-1px -1px}80%{translate:1px 0}}
@media(max-width:640px){.site-header .brand .brand-rocket-shell{width:20px;height:20px}.brand-rocket-engine{transform:scale(.357143)}}

/* Continuously running pixel engine, with a hover-triggered launch loop. */
.launch-rocket{position:relative;display:block;width:84px;height:88px;margin:0 auto 18px;--exhaust-distance:32px}
.launch-rocket-frame{position:absolute;width:56px;height:56px;top:8px;left:14px;transform:rotate(35deg);isolation:isolate;pointer-events:none;animation:launch-idle 2s steps(8,end) infinite}
.launch-rocket-frame img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:none;animation:rocket-power-shake .3s steps(1,end) infinite}
.launch-rocket-frame:before{content:'';position:absolute;z-index:-1;top:43px;left:19px;width:18px;height:29px;transform-origin:center top;background:linear-gradient(to bottom,#fff2a0 0 28%,#ffdc58 28% 55%,#ff974b 55% 78%,#ff4c65 78%);clip-path:polygon(0 0,100% 0,100% 38%,78% 38%,78% 67%,61% 67%,61% 100%,39% 100%,39% 67%,22% 67%,22% 38%,0 38%);animation:launch-flame .45s steps(3,end) infinite}
.launch-exhaust{position:absolute;inset:0;z-index:-2;pointer-events:none}
.launch-exhaust i{position:absolute;top:49px;left:26px;width:4px;height:4px;background:#ffdc58;opacity:0;--drift:0px;animation:launch-pixels .9s steps(6,end) infinite}
.launch-exhaust i:nth-child(2){--drift:-8px;background:#ff974b;animation-delay:-.3s}.launch-exhaust i:nth-child(3){--drift:8px;background:#67deff;animation-delay:-.6s}
.launch-rocket:hover,.signup-card:focus-within .launch-rocket{--exhaust-distance:64px}
.launch-rocket:hover .launch-rocket-frame,.signup-card:focus-within .launch-rocket-frame{animation:launch-blastoff 2s infinite}
.launch-rocket:hover .launch-rocket-frame img,.signup-card:focus-within .launch-rocket-frame img{animation-duration:.15s}
.launch-rocket:hover .launch-rocket-frame:before,.signup-card:focus-within .launch-rocket-frame:before{animation:launch-boost-flame .22s steps(2,end) infinite;background:linear-gradient(to bottom,#fff 0 25%,#fff2a0 25% 45%,#ffdc58 45% 70%,#ff974b 70%)}
.launch-rocket:hover .launch-exhaust i,.signup-card:focus-within .launch-exhaust i{animation-duration:.4s}
@keyframes launch-idle{0%,100%{translate:0 0}50%{translate:2px -3px}}
@keyframes launch-flame{0%,100%{opacity:1;scale:1 .65}50%{opacity:1;scale:1 .95}}
@keyframes launch-boost-flame{0%,100%{scale:1 1.4}50%{scale:1 2}}
@keyframes launch-pixels{0%{opacity:.9;translate:0 0}80%{opacity:.6}100%{opacity:0;translate:var(--drift) var(--exhaust-distance)}}
@keyframes launch-blastoff{0%{translate:0 0;opacity:1;animation-timing-function:ease-in}18%{translate:2px -3px;opacity:1;animation-timing-function:cubic-bezier(.6,0,1,.5)}48%{translate:105px -150px;opacity:0}49%{translate:-14px 20px;opacity:0}68%{translate:-14px 20px;opacity:0;animation-timing-function:ease-out}86%,100%{translate:0 0;opacity:1}}
@media(prefers-reduced-motion:reduce){.launch-rocket-frame,.launch-rocket-frame img,.launch-rocket-frame:before,.launch-exhaust i{animation:none!important}.launch-rocket-frame{translate:none;opacity:1}.launch-rocket-frame:before{scale:1 .65}.launch-exhaust i{opacity:0}}

/* Match the wrench’s visual weight without changing the shared icon spacing. */
.game-details img.garage-detail-icon{padding:6px}

/* Full portrait screenshots, with no cropping or distortion. */
.shot-art.screenshot-art{aspect-ratio:2064/2752;border-style:solid;background:#000;display:block}
.shot-art.screenshot-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.game-details img.detail-icon-placeholder{width:52px;height:52px;opacity:.82;filter:saturate(.88) drop-shadow(2px 2px 0 #00000080)}
.game-details article:nth-child(3n+1):hover img.detail-icon-placeholder{filter:saturate(1.1) drop-shadow(2px 2px 0 #00000080) drop-shadow(0 0 6px #ffdc5840)}
.game-details article:nth-child(3n+2):hover img.detail-icon-placeholder{filter:saturate(1.1) drop-shadow(2px 2px 0 #00000080) drop-shadow(0 0 6px #67deff40)}
.game-details article:nth-child(3n):hover img.detail-icon-placeholder{filter:saturate(1.1) drop-shadow(2px 2px 0 #00000080) drop-shadow(0 0 6px #ff89c840)}
.game-details article:hover img.detail-icon-placeholder{opacity:1}
.game-details article:nth-child(4) img.detail-icon-placeholder{animation-delay:-.5s}
.game-details article:nth-child(5) img.detail-icon-placeholder{animation-delay:-1.6s}
.game-details article:nth-child(6) img.detail-icon-placeholder{animation-delay:-2.7s}
.brand img,.launch-rocket-frame img{image-rendering:pixelated}
.shot-video .video-player{aspect-ratio:16/9;border-style:solid;border-color:#454958}
.shot-video video{width:100%;height:100%;object-fit:contain;background:#000;display:block}
.shot-video .video-player:hover{border-color:var(--accent)}
/* Video slide: 16:9, sized so it stands exactly as tall as a 1206x2622 screenshot slide. */
/* Also kept clear of the pixel-fade zone at each end of the track (only its near-solid inner columns can touch it). */
.carousel{--video-slide:min(calc(var(--slide) * 2752 / 2064 * 16 / 9),92cqw,calc(100cqw - 56px))}
.shot-video .video-player{aspect-ratio:16/9;height:auto;width:100%}
.shot-video video{width:100%;height:100%;object-fit:contain}
/* While the trailer is the current slide, clip the track to the content column so no
   neighbouring screenshot peeks in on one side only; the video then reads as centred. */
.screenshot-grid.video-centred{
  -webkit-mask-image:linear-gradient(#000,#000);
  mask-image:linear-gradient(#000,#000);
  -webkit-mask-size:var(--video-slide) 100%;
  mask-size:var(--video-slide) 100%;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}
@media(max-width:640px){.carousel{--slide:62cqw}}
.signup-disclaimer a{text-decoration:underline;text-underline-offset:3px}.footer-link:hover,.signup-disclaimer a:hover{color:var(--yellow)}
.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.button-secondary{background:#040508;color:var(--cyan);border:1px solid var(--cyan);box-shadow:4px 5px 0 #1d4f5e}.button-secondary:hover{transform:translateY(-3px);box-shadow:6px 8px 0 #1d4f5e,0 0 24px #67deff28}.button-secondary:active{transform:translateY(3px);box-shadow:2px 2px 0 #1d4f5e}
@media(max-width:640px){.hero-actions{flex-direction:column;align-items:stretch;gap:14px;max-width:340px;margin-inline:auto}}
.site-header nav .nav-cta-beta{color:var(--cyan);border-color:#2c6373}.site-header nav .nav-cta-beta:hover{color:var(--cyan);border-color:var(--cyan)}
.screenshot-grid{overflow-y:hidden}