@font-face{font-family:Krazy;src:url('/assets/KrazyDisplay-Slanted.ttf') format('truetype');font-display:swap}@font-face{font-family:Barlow;src:url('/assets/BarlowSemiCondensed-Regular.ttf') format('truetype');font-display:swap}
:root{--ink:#171b1e;--white:#f7f3eb;--gold:#ffd000}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--white);color:var(--ink);font:22px/1.4 Barlow,Arial,sans-serif}img{max-width:100%}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #369ceb;outline-offset:6px}button{font:inherit}[hidden]{display:none!important}.skip-link{position:fixed;z-index:20;top:8px;left:10px;padding:10px 20px;background:var(--white);color:var(--ink);transform:translateY(-180%)}.skip-link:focus{transform:none}
h1,h2,.button,.game-title,.site-header nav,.follow{font-family:Krazy,Impact,sans-serif;font-weight:400;text-transform:uppercase}h1,h2,p{margin:0}.hero{position:relative;overflow:hidden;min-height:990px;background:var(--ink) url('/assets/hero-background-v2.webp') center center/cover no-repeat;color:var(--white)}.site-header{position:relative;z-index:3;width:min(100%,1440px);margin:auto;display:flex;align-items:center;gap:70px;padding:16px 55px 0}.brand{display:block;flex-shrink:0}.brand img{display:block;width:175px;height:auto}.site-header nav{display:flex;gap:55px;align-items:center;padding:0 0 0 10px;font-size:20px}.site-header nav a{text-decoration:none;position:relative}.site-header nav a:first-child:after{content:'';position:absolute;height:3px;background:var(--gold);left:0;bottom:-11px;width:100%}.site-header nav a:hover{color:var(--gold)}.hero-content{position:relative;max-width:1440px;min-height:840px;margin:auto;padding:36px 65px 70px}.hero-copy{position:relative;z-index:2;width:58%;max-width:745px}h1{font-size:clamp(80px,10.5vw,151px);line-height:.88;letter-spacing:-.015em;margin:0 0 28px}h1>span{display:block}.gold{color:var(--gold)}.hero-copy>p{font-size:26px;line-height:1.3;margin:22px 0 28px;max-width:600px}.button{background:var(--gold);color:#080c0e;padding:17px 28px;display:inline-flex;gap:22px;align-items:center;justify-content:center;min-height:64px;border:0;text-decoration:none;line-height:1.05;font-size:27px;border-radius:4px;cursor:pointer;transform:skewX(-8deg);transition:background .18s,translate .18s}.button>*{transform:skewX(8deg)}.button img{flex-shrink:0}.button:hover{background:#ffe261;translate:0 -3px}.button:active{translate:0 0}.hero-socials{display:flex;align-items:center;gap:30px;margin-top:38px}.social-links{display:flex;align-items:center;gap:25px}.social-links a{display:grid;place-items:center;min-width:40px;min-height:44px}.hero .social-links img,.hero .follow img{filter:invert(1)}.social-links a:hover{transform:translateY(-2px)}.follow{font-family:Barlow,sans-serif;text-decoration:none;font-size:20px;line-height:1.12;border-left:1px solid #b6b7b4;padding-left:25px;position:relative;padding-right:40px}.follow img{position:absolute;right:0;top:12px}.hero-visual{position:absolute;right:20px;top:-115px;width:640px;height:1110px;pointer-events:none}.device{width:100%;position:absolute;top:0;left:0;transform:rotate(8deg)}.device-frame{display:block;width:100%;height:auto}.game-screen{position:absolute;left:12.3%;top:3.4%;width:75.6%;height:93%;object-fit:cover;border-radius:11%/5.3%}.game-title{position:absolute;right:0;bottom:220px;z-index:3;font-size:80px;line-height:.83;color:var(--gold);transform:rotate(-11deg);text-shadow:3px 3px 0 #060b0f,-3px -3px 0 #060b0f,4px -4px 0 #060b0f,-4px 4px 0 #060b0f,7px 7px 0 var(--white),-7px -7px 0 var(--white),7px -7px 0 var(--white),-7px 7px 0 var(--white);padding:15px 28px}.game-title span{color:var(--white)}
.game-feature{display:grid;grid-template-columns:1.65fr 1fr;gap:45px;padding:45px max(6vw,35px);align-items:center;background:var(--white);scroll-margin-top:0}.game-feature h2{font-size:clamp(45px,5.8vw,84px);line-height:.9;transform:rotate(-4deg);padding:5px 0 10px}.game-feature h2 span{color:#e5b900}.feature-copy{border-left:1px solid #989994;padding-left:55px}.feature-copy>p:first-of-type{font-size:30px;line-height:1.4}.feature-copy .game-detail{font-size:19px;line-height:1.35;margin-top:15px;max-width:380px;color:#515655}.coming{background:var(--white) url('/assets/teaser-background.webp') center/cover no-repeat;text-align:center;padding:32px 25px 35px}.coming h2{font-size:clamp(42px,6.6vw,96px);line-height:.93;letter-spacing:-.01em}.creator-support{background:var(--ink) url('/assets/hero-background-v2.webp') 30% 84%/cover;color:var(--white);display:grid;grid-template-columns:155px minmax(0,1fr) auto;gap:28px;align-items:center;padding:27px max(5vw,35px)}.support-icon{filter:invert(1);transform:rotate(-10deg);width:125px;height:auto}.creator-support h2{font-size:30px;line-height:1.1;color:var(--gold);margin-bottom:8px}.creator-support p{font-size:25px;line-height:1.3}.support-action .button{font-size:22px;padding:17px 23px;gap:12px;white-space:nowrap}.support-action{max-width:360px}.support-action p{font-size:18px;margin-top:15px;max-width:320px}.support-action a{color:var(--gold)}.site-footer{display:flex;gap:32px;align-items:center;justify-content:space-between;padding:18px max(5vw,35px) 28px}.site-footer .brand img{width:125px}.site-footer .social-links{margin-left:auto}.site-footer nav{display:flex;gap:30px;font-size:18px;border-left:1px solid #999;padding-left:30px}.site-footer nav a{text-decoration:none}.site-footer nav a:hover{text-decoration:underline}
@media(min-width:1600px){.hero{background-size:cover}.hero-content{min-height:860px}}
@media(max-width:1100px) and (min-width:761px){.site-header{padding-left:35px;gap:40px}.site-header nav{gap:35px}.hero{min-height:800px}.hero-content{min-height:650px;padding:30px 40px 50px}.hero-copy{width:58%}h1{font-size:10.8vw}.hero-copy>p{font-size:22px;max-width:440px}.hero-visual{width:49%;top:-60px;right:5px;height:900px}.game-title{font-size:6.5vw;bottom:230px}.hero-copy .button{font-size:22px;padding:16px 22px}.hero-socials{gap:20px}.social-links{gap:16px}.follow{font-size:17px;padding-left:18px}.hero-socials{margin-top:26px}.game-feature{gap:30px}.feature-copy{padding-left:30px}.feature-copy>p:first-of-type{font-size:24px}.creator-support{grid-template-columns:90px 1fr auto;gap:20px;padding:25px 35px}.support-icon{width:90px}.creator-support h2{font-size:25px}.creator-support p{font-size:21px}.support-action .button{font-size:18px;padding:15px}.site-footer nav{gap:20px}}
@media(max-width:760px){body{font-size:20px}.hero{min-height:0;background-position:60% center}.site-header{padding:13px 22px 0;justify-content:space-between;gap:15px}.site-header .brand img{width:116px}.site-header nav{font-size:14px;gap:18px;padding:0}.hero-content{padding:34px 25px 0;min-height:0;display:flex;flex-direction:column}.hero-copy{width:100%;max-width:none}h1{font-size:clamp(62px,16.5vw,118px);line-height:.91;max-width:630px}.hero-copy>p{font-size:22px;margin:22px 0 25px;max-width:440px}.hero-copy .button{font-size:22px;min-height:58px;padding:15px 22px;gap:20px}.hero-socials{margin-top:26px;gap:20px}.social-links{gap:17px}.follow{font-size:17px;padding-left:20px}.hero-visual{position:relative;top:auto;right:auto;width:min(100%,440px);height:auto;aspect-ratio:1/1.63;align-self:center;margin-top:38px}.device{width:100%;transform:rotate(7deg);top:-3%;left:0}.game-title{font-size:64px;bottom:35px;right:-8px}.game-feature{grid-template-columns:1fr;padding:38px 30px;gap:28px}.game-feature h2{font-size:clamp(43px,10.5vw,68px)}.feature-copy{border-left:0;border-top:1px solid #b9b8b1;padding:23px 0 0}.feature-copy>p:first-of-type{font-size:25px}.feature-copy .game-detail{max-width:550px;font-size:20px}.coming{padding:35px 25px;background-position:center}.coming h2{font-size:clamp(38px,9.5vw,66px);line-height:1}.creator-support{grid-template-columns:65px minmax(0,1fr);gap:18px;padding:32px 25px;background-position:0 30%}.support-icon{width:65px}.creator-support h2{font-size:27px}.creator-support p{font-size:21px}.support-action{grid-column:1/-1;max-width:none}.support-action .button{width:100%;font-size:22px;margin-top:8px}.support-action p{max-width:none}.site-footer{padding:20px 25px 30px;flex-wrap:wrap;gap:15px}.site-footer .brand img{width:110px}.site-footer .social-links{gap:15px}.site-footer nav{width:100%;border-left:0;border-top:1px solid #bbb;padding:20px 0 0;justify-content:space-between;font-size:18px}}
@media(max-width:370px){.site-header{padding-inline:16px}.site-header nav{gap:12px;font-size:12px}.site-header .brand img{width:100px}.hero-content{padding-inline:22px}h1{font-size:61px}.hero-copy .button{font-size:20px}.hero-socials{gap:15px}.social-links{gap:12px}.follow{padding-left:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Match the approved wide display lettering while retaining the canonical font. */
@media(min-width:761px){h1{transform:scaleX(1.2) rotate(-3deg);transform-origin:left center}}
.creator-support{background:var(--ink)}
.skip-link:not(:focus){width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;transform:none;white-space:nowrap}
@media(max-width:760px){.hero{background-image:none}.site-header{padding-inline:20px;gap:12px}.site-header .brand img{width:95px}.site-header nav{font-size:13px;gap:14px;white-space:nowrap}.hero-visual:before{content:'';position:absolute;inset:-25px -25px 0;background:url('/assets/hero-background-v2.webp') center/cover no-repeat}}
@media(max-width:370px){.site-header{padding-inline:16px;gap:8px}.site-header .brand img{width:85px}.site-header nav{font-size:12px;gap:11px}}
.site-header nav a{display:flex;align-items:center;min-height:44px}
.site-header nav a:first-child:after{bottom:0}
@media(max-width:1100px) and (min-width:761px){.hero{background-position:left center;background-size:auto 100%}}
@media(max-width:350px){.site-header{flex-direction:column;gap:3px}.site-header .brand img{width:96px}.site-header nav{font-size:14px;gap:24px;justify-content:center;width:100%}}
@media(min-width:1101px){h1{font-size:clamp(138px,12.5vw,180px);line-height:.74;transform:scaleX(1.05) rotate(-4deg)}.game-title{font-size:96px}}
/* Fidelity correction: render the approved sticker as an asset, never as shadowed text. */
.game-title{display:block;position:absolute;width:340px;height:auto;right:-48px;bottom:180px;padding:0;transform:none;text-shadow:none;object-fit:contain}
.headline-reaction{position:absolute;width:100px;height:135px;object-fit:contain;top:330px;left:615px;pointer-events:none}
.game-feature{position:relative;isolation:isolate}.feature-art{position:absolute;left:15px;top:12px;width:220px;height:240px;object-fit:contain;z-index:-1;pointer-events:none}.game-feature h2{position:relative;z-index:1}
.support-icon{filter:none;transform:none;object-fit:contain}.support-reaction{position:absolute;width:50px;height:65px;object-fit:contain;left:calc(5vw + 175px);top:20px;pointer-events:none}.creator-support{position:relative;isolation:isolate;overflow:hidden}
@media(min-width:1101px){
.hero{min-height:990px}.hero-content{padding-bottom:44px}.hero-visual{right:90px}
h1{line-height:.70;transform:scaleX(1.05) rotate(-5deg)}
.hero-copy>p{font-size:28px}.hero-copy>.button{width:500px;max-width:100%;min-height:74px;font-size:32px;gap:28px}
.site-header nav a:first-child:after{width:64px}
.game-feature{height:290px;padding:30px 65px;gap:30px;grid-template-columns:1.67fr 1fr}.game-feature h2{font-size:90px;line-height:.83;padding-left:95px;transform:rotate(-5deg)}.game-feature h2 span{white-space:nowrap}.feature-copy{padding:20px 0 20px 45px;min-height:170px}.feature-copy>p:first-of-type{font-size:30px;line-height:1.4}
.coming{padding:18px 25px 16px}
.creator-support{grid-template-columns:300px minmax(0,1fr) auto;gap:28px;padding:20px 65px;min-height:164px}.support-icon{position:absolute;left:95px;top:50%;transform:translateY(-50%);width:190px;height:auto;max-height:175px}.creator-support>div:not(.support-action){grid-column:2}.support-action{grid-column:3}.creator-support h2{font-size:30px}.support-action .button{min-height:68px;font-size:24px}
}
@media(min-width:761px) and (max-width:1100px){.headline-reaction{display:none}.game-title{width:260px;right:-5px;bottom:230px}.feature-art{width:150px;height:170px;left:-20px;top:40px;opacity:.7}.game-feature h2{padding-left:20px}.support-reaction{display:none}}
@media(max-width:760px){.game-title{width:245px;right:-5px;bottom:25px}.headline-reaction{left:auto;right:5px;top:210px;width:70px;height:100px}.feature-art{left:5px;top:18px;width:145px;height:180px;opacity:.7}.game-feature h2{padding-left:35px}.support-icon{position:static;width:80px;height:auto;max-height:none;transform:none}.creator-support{grid-template-columns:80px minmax(0,1fr);gap:18px}.support-reaction{display:none}.creator-support>div:not(.support-action){grid-column:2}.support-action{grid-column:1/-1}.hero-visual{isolation:isolate}}
@media(max-width:370px){.game-title{width:210px}.headline-reaction{width:55px;right:0}}

.headline-reaction.upper{top:100px;left:580px;width:85px;transform:rotate(-12deg)}
@media(min-width:1101px){.game-feature h2 span{display:inline-block;text-align:center}.support-reaction{left:265px;top:15px;width:65px;height:80px}}
@media(max-width:1100px){.headline-reaction.upper{display:none}}

.game-feature h2{text-shadow:2px 2px var(--white),-2px -2px var(--white),2px -2px var(--white),-2px 2px var(--white)}
@media(max-width:760px){.headline-reaction{top:150px}.feature-art{opacity:.45}}

@media(min-width:761px) and (max-width:1100px){.game-title{width:220px;right:35px}}

@media(min-width:1101px){.creator-support h2{font-size:34px}.feature-copy{position:relative}.feature-reaction{position:absolute;right:-15px;top:0;width:105px;height:115px;object-fit:contain}}
.feature-reaction{pointer-events:none}@media(max-width:1100px){.feature-reaction{display:none}}

.creator-support{background:var(--ink) url('/assets/support-background.webp') center 70%/cover no-repeat}@media(min-width:1101px){.feature-reaction{width:160px;height:180px;right:-35px;top:-25px}}@media(max-width:760px){.creator-support{background-image:none}}

/* Keep the support action readable when rendered as an external link. */
.support-action a.button{color:#080c0e}
