@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#05080d;--panel:#0b111b;--yellow:#ffe239;--pink:#ff32ae;--cyan:#43d8f4;--muted:#a6b1c3;--line:#8aacc629;--gutter:max(6%,calc((100% - 1660px)/2))}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:#f2f4f8;font:14px Manrope,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}.skip{position:fixed;left:15px;top:-80px;padding:15px;background:var(--yellow);color:#000;z-index:50}.skip:focus{top:15px}.container{padding-inline:var(--gutter)}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#05080df2;backdrop-filter:blur(15px);position:sticky;top:0;z-index:20}.brand img{width:122px;display:block}nav{display:flex;align-items:center;gap:36px;font:11px 'IBM Plex Mono',monospace}nav>a:hover,.text-link:hover{color:var(--yellow)}.nav-buy{padding:14px 20px;border:1px solid #ffe23980;color:var(--yellow);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.nav-buy span{margin-left:30px}.hero{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:65px;align-items:center;min-height:810px;padding-top:70px;padding-bottom:85px;position:relative;overflow:hidden}.hero-copy,.hero-display{position:relative;z-index:1}.eyebrow{font:10px 'IBM Plex Mono',monospace;letter-spacing:2px;color:var(--cyan);line-height:1.8;margin:0 0 24px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px #43d8f4;vertical-align:middle;margin-right:8px}h1,h2,h3,p{margin-top:0}h1{margin:0 0 28px}h1 img{width:min(100%,440px);display:block;filter:drop-shadow(0 0 16px #ff32ae14)}h2,h3,.hero-tagline{font-family:'Barlow Condensed',sans-serif;font-weight:500;letter-spacing:-.7px}h2{font-size:clamp(40px,3.6vw,64px);line-height:1.05;margin-bottom:20px}h3{font-size:31px;line-height:1.12}em{font-style:normal;color:var(--yellow)}.hero-tagline{font-size:clamp(38px,3.2vw,57px);line-height:1.05;margin-bottom:25px}.hero-tagline em{color:#e1e9f4}.hero-description{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:30px}.actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;padding:17px 24px;font:600 12px 'IBM Plex Mono',monospace;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transition:background .2s}.primary{color:#0a0d14;background:var(--yellow)}.primary:hover{background:#fff18f}.text-link{display:inline-flex;align-items:center;gap:20px;font:11px 'IBM Plex Mono',monospace}.launch-note{font:8px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#8695ad;line-height:2;margin:27px 0 0;max-width:460px}.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 48%,#193a7329,transparent 50%),radial-gradient(ellipse at 40% 20%,#ff32ae0a,transparent 45%)}.hero-display{border:1px solid #3a4659;background:#04080e;min-width:0;box-shadow:20px 20px 0 -19px #ff32ae60,-20px -20px 0 -19px #ffe23960}.display-header{display:flex;justify-content:space-between;gap:20px;font:8px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#8c9db5;padding:17px;border-bottom:1px solid var(--line)}.signal{color:var(--cyan)}.canvas-wrap{height:470px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#19263b55,transparent 62%)}#piece-canvas{width:100%;height:100%;display:block}.canvas-fallback{position:absolute;inset:0;background:#000}.canvas-fallback img{width:100%;height:100%;object-fit:contain}.piece-caption{position:absolute;bottom:20px;left:24px;display:flex;align-items:center;gap:14px;pointer-events:none}.piece-caption>span{font-size:42px;color:var(--pink)}.piece-caption small{font:7px 'IBM Plex Mono',monospace;letter-spacing:1.5px;color:#8a9bb1}.piece-caption strong{display:block;font:500 24px 'Barlow Condensed',sans-serif;margin-top:6px}.display-controls{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:13px 17px}.display-controls>div{display:flex;gap:8px}.display-controls button{font:8px 'IBM Plex Mono',monospace;background:#0b1420;border:1px solid #93b2da22;color:#95a7bf;padding:8px 10px}.display-controls button.selected{border-color:#ffe23988;color:var(--yellow)}.render-caption{text-align:center;font:8px 'IBM Plex Mono',monospace;color:#74859d;margin:0;padding:0 12px 13px}.game-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-block:25px;border-block:1px solid var(--line);font:11px 'IBM Plex Mono',monospace;background:#0a1018}.game-strip i{font-style:normal;color:var(--pink)}.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:43px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:4px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.mode{background:linear-gradient(150deg,#101b27,#080d15);padding:30px 27px;border:1px solid var(--line);border-top:2px solid var(--cyan);position:relative}.mode-local{border-top-color:var(--yellow)}.mode-online{border-top-color:var(--pink)}.mode-number{font:10px 'IBM Plex Mono',monospace;letter-spacing:1px;color:var(--cyan)}.mode-local .mode-number{color:var(--yellow)}.mode-online .mode-number{color:var(--pink)}.mode-icon{font-size:53px;line-height:1;margin:23px 0;color:#667e98}.mode h3{font-size:35px;margin-bottom:20px}.mode>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:350px;min-height:90px}.mode-footer{font:8px 'IBM Plex Mono',monospace;color:#8d9eb6;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;padding-top:21px;margin-top:23px;line-height:1.8}.looks-section{padding-top:15px}.gallery-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:23px}.gallery-tabs button{padding:17px 0;border:0;border-bottom:2px solid transparent;background:none;color:#91a2b9;font:10px 'IBM Plex Mono',monospace}.gallery-tabs button[aria-selected=true]{border-bottom-color:var(--yellow);color:var(--yellow)}.gallery-frame{border:1px solid #3b4960;background:#020406}.gallery-topline{display:flex;justify-content:space-between;gap:20px;padding:16px 20px;font:9px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#a0b5cb;border-bottom:1px solid var(--line)}.expand-button{background:none;border:0;color:var(--cyan);font:9px 'IBM Plex Mono',monospace;padding:0}.gallery-frame>img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}.gallery-description{display:flex;justify-content:space-between;gap:40px;padding:25px 30px;background:#0b121e;border-top:1px solid var(--line)}.gallery-description h3{font-size:29px;margin:0;max-width:430px}.gallery-description p{font-size:12px;line-height:1.9;max-width:500px;margin:0;color:var(--muted)}.look-details{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:33px}.look-details>div>span{font:9px 'IBM Plex Mono',monospace;color:var(--pink)}.look-details h3{font-size:25px;margin:15px 0 12px}.look-details p{font-size:12px;color:var(--muted);line-height:1.9;max-width:370px}.capture-note{font:8px 'IBM Plex Mono',monospace;line-height:1.8;color:#7c8da5;margin:22px 0 0}.trainer-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:65px;align-items:center;border-block:1px solid var(--line);background:#090f18}.trainer-image{position:relative;border:1px solid var(--line);background:#000;min-width:0}.trainer-image img{display:block;width:100%}.image-label{display:block;padding:13px;font:8px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#95b8c7;background:#0c1621}.trainer-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9}.trainer-key{padding:0;list-style:none;margin:25px 0}.trainer-key li{display:flex;gap:12px;align-items:center;font-size:11px;color:#a4b3c7;margin:17px 0}.trainer-key i{width:7px;height:7px}.yellow{background:var(--yellow)}.red{background:#ff4863}.green{background:#8af15b}.trainer-key strong{font-weight:500;color:#dce6ed}.trainer-copy .small-note{font-size:10px!important;color:#8294ab!important}.creator-credit{display:flex;align-items:center;gap:30px;padding-block:45px;border-bottom:1px solid var(--line)}.credit-symbol{font-size:70px;color:var(--pink);line-height:1}.creator-credit .eyebrow{font-size:8px;margin-bottom:10px}.creator-credit h2{font-size:28px;margin-bottom:10px}.creator-credit p:last-child{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.creator-credit .text-link{margin-left:auto;flex-shrink:0}.buy-section{background:radial-gradient(ellipse at 50% 0%,#ff32ae09,transparent 55%)}.buy-heading{text-align:center;max-width:900px;margin:0 auto 43px}.buy-heading h2{font-size:65px}.buy-heading>p:last-child{font-size:14px;line-height:1.9;color:var(--muted)}.purchase-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1150px;margin:auto}.purchase-card{border:1px solid #ffe23955;background:linear-gradient(120deg,#1b2026,#0b131d);padding:35px}.steam-card{border-color:#6583b344;background:#0c1420}.purchase-label{font:9px 'IBM Plex Mono',monospace;letter-spacing:1.5px;color:var(--yellow)}.steam-card .purchase-label{color:var(--cyan)}.purchase-card h3{font-size:37px;margin:23px 0 18px}.purchase-card>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:440px}.availability{padding:17px 12px;border:1px dashed #ffe23955;color:#e4d973;text-align:center;font:9px 'IBM Plex Mono',monospace;line-height:1.8;margin-top:28px}.availability .status-dot{background:var(--yellow);box-shadow:none}.steam-status{border-color:#85a9d044;color:#94b9d9}.purchase-card .checkout-note{font-size:10px;color:#7e92ab;margin:17px 0 0}.faq{max-width:1150px;margin:35px auto 0}details{border-bottom:1px solid var(--line);padding:22px 0}summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:13px}summary::-webkit-details-marker{display:none}summary span{color:var(--yellow);font-size:18px}details[open] summary span{transform:rotate(45deg)}details>p{max-width:870px;color:var(--muted);font-size:12px;line-height:1.9;margin:17px 0 0}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-block:30px}footer .brand img{width:100px}footer p{font:9px 'IBM Plex Mono',monospace;color:#a3b3c8;line-height:2;margin:0}footer p span{font:10px Manrope,sans-serif;color:#71849d}footer>a:last-child{font:9px 'IBM Plex Mono',monospace;color:var(--yellow)}dialog{width:min(96vw,1700px);max-width:none;padding:55px 15px 15px;background:#050b13;border:1px solid var(--cyan);color:white}dialog::backdrop{background:#01040bea}dialog img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain}#close-dialog{position:absolute;top:15px;right:20px;border:0;background:none;color:var(--cyan);font:11px 'IBM Plex Mono',monospace}
@media(min-width:1700px){.hero{gap:95px;padding-block:90px 105px}.hero-display .canvas-wrap{height:610px}.hero-description{font-size:18px}.hero-tagline{font-size:65px}h1 img{width:500px}.hero .eyebrow{font-size:12px}.hero .button{font-size:14px;padding:20px 27px}.hero .text-link{font-size:13px}.launch-note{font-size:10px;max-width:600px}.display-header{font-size:10px}.display-controls button{font-size:10px}.render-caption{font-size:10px}.piece-caption strong{font-size:31px}.piece-caption small{font-size:9px}nav{font-size:13px}.section-heading>p{font-size:16px}.mode>p,.look-details p,.gallery-description p{font-size:15px;max-width:550px}.mode h3{font-size:43px}.mode-number{font-size:12px}.mode-footer{font-size:10px}.gallery-tabs button{font-size:12px}.trainer-copy>p:not(.eyebrow){font-size:16px}.trainer-key li{font-size:14px}.trainer-copy .small-note{font-size:12px!important}.creator-credit h2{font-size:36px}.creator-credit p:last-child{font-size:14px}.purchase-card>p{font-size:16px}.purchase-card h3{font-size:44px}.availability{font-size:11px}.purchase-card .checkout-note{font-size:12px}summary{font-size:16px}details>p{font-size:15px}}
@media(max-width:1000px){nav{gap:20px;font-size:10px}.hero{gap:30px;padding-block:50px 65px;min-height:0}.hero h1 img{max-width:330px}.hero-tagline{font-size:41px}.hero-description{font-size:12px}.canvas-wrap{height:400px}.hero .eyebrow{font-size:8px}.display-header{font-size:6px}.display-controls{padding:10px;gap:6px}.display-controls button{font-size:7px;padding:7px}.mode{padding:25px 20px}.mode h3{font-size:30px}.trainer-section{gap:35px}.creator-credit{gap:20px}.creator-credit h2{font-size:25px}.creator-credit .text-link{font-size:9px}.game-strip{font-size:9px}}
@media(max-width:700px){:root{--gutter:6%}html{scroll-padding-top:90px}header{height:82px}.brand img{width:94px}nav>a:not(.nav-buy){display:none}.nav-buy{padding:11px 12px;font-size:9px}.nav-buy span{margin-left:12px}.hero{grid-template-columns:1fr;gap:40px;padding-top:37px;padding-bottom:45px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero h1 img{width:300px;max-width:90%}.hero-tagline{font-size:44px}.hero-description{font-size:12px}.hero-description br{display:none}.actions{gap:23px}.button{padding:16px 19px;font-size:11px;gap:25px}.hero .text-link{font-size:10px}.launch-note{font-size:7px;max-width:300px}.canvas-wrap{height:380px}.display-header{font-size:7px;gap:8px;padding:13px}.signal{font-size:6px}.display-controls button{font-size:7px}.game-strip{flex-wrap:wrap;justify-content:center;gap:15px 20px;font-size:8px;padding-block:23px}.game-strip i:nth-of-type(2){display:none}.game-strip>span{width:38%;text-align:center}.section{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin:22px 0 0;font-size:12px}h2{font-size:44px}.eyebrow{font-size:9px;letter-spacing:1.7px}.mode-grid{grid-template-columns:1fr;gap:18px}.mode{padding:27px}.mode h3{font-size:34px}.mode>p{min-height:0;max-width:none}.mode-icon{position:absolute;right:30px;top:40px;font-size:48px;color:#66809b55}.mode-footer{font-size:8px}.looks-section{padding-top:0}.gallery-tabs{gap:14px;justify-content:space-between}.gallery-tabs button{font-size:7px;letter-spacing:-.1px}.gallery-topline{font-size:6px;letter-spacing:.5px;padding:12px;gap:8px}.expand-button{font-size:7px}.gallery-description{display:block;padding:23px}.gallery-description h3{font-size:27px;margin-bottom:14px}.gallery-description p{font-size:11px}.look-details{grid-template-columns:1fr;gap:14px}.look-details h3{font-size:27px}.look-details p{max-width:none}.trainer-section{grid-template-columns:1fr;gap:30px}.trainer-image{order:2}.trainer-copy h2{font-size:44px}.trainer-copy>p:not(.eyebrow){font-size:12px}.creator-credit{flex-wrap:wrap;padding-block:35px;gap:18px}.credit-symbol{font-size:45px}.creator-credit>div{width:calc(100% - 65px)}.creator-credit h2{font-size:26px}.creator-credit .eyebrow{font-size:7px}.creator-credit .text-link{margin-left:65px;font-size:10px}.creator-credit p:last-child{font-size:10px}.buy-heading h2{font-size:53px}.buy-heading>p:last-child{font-size:12px}.purchase-grid{grid-template-columns:1fr;gap:20px}.purchase-card{padding:28px 23px}.purchase-card h3{font-size:36px}.purchase-label{font-size:8px}.purchase-card>p{font-size:12px}.availability{font-size:8px}summary{font-size:12px;line-height:1.7}details>p{font-size:11px}footer{gap:23px;flex-wrap:wrap}footer p{font-size:8px}footer>a:last-child{width:100%;font-size:8px}dialog{padding-inline:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
