@font-face{font-family:FusionPixel;src:url(/fonts/fusion-pixel-10px-monospaced-zh_hans.ttf) format("truetype");font-display:swap}:root{--bg:#120d1b;--bg-panel:#17121f;--frame:#765c96;--divider:#4a385c;--gold:#f0c85a;--gold-bright:#ffd966;--amber:#e8a04c;--teal:#6ed2be;--text:#f5f0e0;--text-dim:#8c80a3;--goo:#5a96ff;--rainbow-1:#ff6b8a;--rainbow-2:#ffd966;--rainbow-3:#a8e66c;--rainbow-4:#6ed2be;--rainbow-5:#78a8ff;--rainbow-6:#c18cff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:FusionPixel,Courier New,monospace;font-size:20px;line-height:1.6;-webkit-font-smoothing:none;font-smooth:never}::selection{background:var(--frame);color:var(--text)}img,video{image-rendering:pixelated;image-rendering:crisp-edges}a{color:var(--teal);text-decoration:none}@keyframes rainbow{0%{color:var(--rainbow-1)}16.66%{color:var(--rainbow-2)}33.33%{color:var(--rainbow-3)}50%{color:var(--rainbow-4)}66.66%{color:var(--rainbow-5)}83.33%{color:var(--rainbow-6)}to{color:var(--rainbow-1)}}.pix-arrow{display:inline-block;width:12px;height:20px;position:relative;flex:0 0 auto;animation:rainbow 1.2s step-end infinite}.pix-arrow:before{content:"";position:absolute;top:0;left:0;width:4px;height:4px;background:currentColor;box-shadow:0 4px currentColor,4px 4px currentColor,0 8px currentColor,4px 8px currentColor,8px 8px currentColor,0 12px currentColor,4px 12px currentColor,0 16px currentColor}.game-frame{position:relative}.game-frame>canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.game-frame-body{position:relative;z-index:1;padding:30px}.frame-title{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);color:var(--gold-bright);font-size:20px;white-space:nowrap;z-index:2}.cta-link{display:inline-block}.cta-link .game-frame-body{padding:14px 28px;display:flex;align-items:center;gap:14px;color:var(--gold-bright);font-size:20px}.cta-link:hover .game-frame-body{color:var(--text)}.pix-morph{width:24px;height:24px;flex:0 0 auto}.platform-icons{display:inline-flex;align-items:center;gap:14px}.platform-icon{width:22px;height:22px;display:block;color:var(--text)}.hero-note .platform-icon{color:var(--text-dim)}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:28px 16px;gap:28px 16px}.attachment-item{text-align:center}.attachment-item img{width:40px;height:40px;margin-bottom:8px}.attachment-name{color:var(--text-dim);font-size:20px}.page{max-width:1080px;margin:0 auto;padding:0 24px 80px}.section{margin-top:100px}.section-head{text-align:center;margin-bottom:50px}.section-head h2{color:var(--gold-bright);font-size:40px;font-weight:400;letter-spacing:2px}.section-head p{color:var(--text-dim);max-width:760px;margin:14px auto 0}.accent-teal{color:var(--teal)}.accent-gold{color:var(--gold-bright)}.accent-goo{color:var(--goo)}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:flex-end;padding:16px 24px;background:linear-gradient(rgba(18,13,27,.9),transparent)}.lang-toggle{font-family:inherit;font-size:20px;background:none;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;gap:10px;padding:6px 10px}.lang-toggle:hover{color:var(--gold-bright)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding-bottom:20vh}.hero-bg{background:url(/img/hero-bg.png) center 70%/cover no-repeat;image-rendering:pixelated;z-index:-2}.hero-bg,.hero-bg:after{position:absolute;inset:0}.hero-bg:after{content:"";background:linear-gradient(rgba(18,13,27,.55) 0,rgba(18,13,27,.25) 40%,rgba(18,13,27,.95) 92%,var(--bg) 100%)}.hero-logo{width:min(600px,84vw);height:auto;margin-bottom:30px}.hero-tagline{max-width:680px;padding:0 24px;margin-bottom:40px;text-shadow:2px 2px 0 var(--bg)}.hero-note{margin-top:18px;color:var(--text-dim);font-size:20px;display:flex;align-items:center;justify-content:center;gap:14px}.ability-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:34px;gap:34px}.ability-card .game-frame-body{padding:20px}.ability-card video{display:block;width:100%;height:auto;background:#0b0812}.feature-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:34px;gap:34px}.feature-panel video{display:block;width:100%;height:auto;background:#0b0812;margin-bottom:16px}.feature-panel .video-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:16px}.feature-panel .video-pair video{margin-bottom:0}.feature-panel p{color:var(--text)}.feature-panel p+p{margin-top:12px}.shot-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:18px;gap:18px}.shot-grid a{display:block;grid-column:span 2;border:2px solid var(--divider);transition:border-color .15s steps(2)}.shot-grid a:nth-child(4),.shot-grid a:nth-child(5){grid-column:span 3}.shot-grid a:hover{border-color:var(--gold)}.shot-grid img{display:block;width:100%;height:auto}.facts{max-width:720px;margin:0 auto}.fact-row{display:flex;gap:24px;padding:14px 4px;border-bottom:2px solid var(--divider)}.fact-row:last-child{border-bottom:none}.fact-key{flex:0 0 140px;color:var(--gold)}.fact-val{color:var(--text);display:flex;align-items:center;min-height:32px}.footer{margin-top:120px;text-align:center;color:var(--text-dim)}.footer .footer-links{display:flex;justify-content:center;gap:34px;margin-bottom:20px}.footer a{display:inline-flex;align-items:center;gap:8px}.footer a .pix-arrow{visibility:hidden}.footer a:hover .pix-arrow{visibility:visible}.footer-logo{width:200px;height:auto;margin-bottom:20px;opacity:.9}@media (max-width:860px){.ability-grid,.feature-grid{grid-template-columns:1fr}.shot-grid a,.shot-grid a:nth-child(4),.shot-grid a:nth-child(5){grid-column:span 6}.section-head h2{font-size:30px}.fact-key{flex-basis:110px}}