:root{--ink: #0a0a0a;--ink2: #171717;--ink3: #262626;--paper: #fafafa;--pixel: #eb4f52;--signal: #ff3d41;--grey: #a1a1a1;--mono: "JetBrains Mono", ui-monospace, monospace;--display: "Anybody", "Montserrat", sans-serif;--body: "Montserrat", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);line-height:1.5}a{color:inherit}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}header.top{position:sticky;top:0;z-index:10;background:#0a0a0ad1;backdrop-filter:blur(12px);border-bottom:1px solid var(--ink3)}header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}.brand img{display:block;height:29px;width:auto}nav.links{display:flex;gap:20px;font-family:var(--mono);font-size:12px;letter-spacing:.1em}nav.links a{text-decoration:none;color:var(--grey)}nav.links a:hover{color:var(--signal)}.hero{padding:96px 0 56px}.eyebrow{font-family:var(--display);font-stretch:150%;font-weight:800;font-size:13px;letter-spacing:.16em;color:var(--signal);text-transform:uppercase}.hero h1{font-family:var(--display);font-weight:800;font-size:clamp(44px,9vw,104px);line-height:.95;margin:16px 0 20px;text-transform:uppercase;letter-spacing:-.02em}.hero h1 span{color:var(--signal)}.hero p{max-width:520px;color:var(--grey);font-size:18px;margin:0}.section-title{font-family:var(--display);font-stretch:150%;font-weight:800;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--grey);margin:0 0 20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:20px;padding-bottom:80px}.card{--accent: var(--pixel);background:var(--ink2);border:1px solid var(--ink3);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:var(--accent)}.art{position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:24px 24px 0;height:150px;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 70%),linear-gradient(var(--ink2),var(--ink2))}.art .icon{width:96px;height:96px;border-radius:22px;object-fit:cover;margin-bottom:-28px;box-shadow:0 12px 32px #00000080}.genre{align-self:flex-start;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;padding:5px 10px;border-radius:999px;background:#0a0a0a99;color:var(--paper);border:1px solid color-mix(in srgb,var(--accent) 60%,transparent)}.body{padding:44px 24px 8px;flex:1}.card h3{font-family:var(--body);font-weight:800;font-size:22px;margin:0 0 8px;line-height:1.15}.card p{margin:0;color:var(--grey);font-size:15px}.stores{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 24px 24px}footer.foot{border-top:1px solid var(--ink3);padding:32px 0;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--grey)}footer.foot .wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}footer.foot nav{display:flex;gap:20px}footer.foot a{text-decoration:none}footer.foot a:hover{color:var(--signal)}@media(max-width:560px){nav.links{display:none}.hero{padding-top:56px}.brand img{height:24px}}.card h3 a{text-decoration:none}.card h3 a:hover{color:var(--accent)}.more{display:inline-block;margin-top:12px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--accent);text-decoration:none}.game{--accent: var(--pixel)}.crumbs{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--grey)}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--signal)}.g-hero{padding:40px 24px 32px}.g-head{display:flex;gap:28px;align-items:center;margin-top:28px}.g-icon{width:144px;height:144px;border-radius:32px;box-shadow:0 16px 48px color-mix(in srgb,var(--accent) 40%,transparent);flex:none}.g-head h1{font-family:var(--display);font-weight:800;font-size:clamp(32px,6vw,60px);line-height:1;margin:12px 0;letter-spacing:-.02em;text-transform:uppercase}.lede{color:var(--grey);font-size:18px;max-width:560px;margin:0 0 20px}.g-head .stores{padding:0}.g-head .stores img,.g-head .shots-wrap{overflow:hidden}.shots{display:flex;gap:16px;overflow-x:auto;padding:8px 0 24px;scroll-snap-type:x mandatory}.shots img{height:420px;width:auto;border-radius:16px;border:1px solid var(--ink3);scroll-snap-align:start;flex:none}.shots.landscape img{height:300px}.about{padding-top:24px;padding-bottom:40px}.prose{max-width:720px;color:#d4d4d4}.prose p{margin:0 0 16px}.prose h3{font-family:var(--display);font-stretch:125%;font-weight:800;font-size:14px;letter-spacing:.12em;color:var(--accent);margin:32px 0 12px}.prose ul{padding-left:20px;margin:0 0 16px}.prose li{margin-bottom:8px}.more-games{padding-bottom:80px}.mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.mini{display:flex;align-items:center;gap:14px;padding:14px;background:var(--ink2);border:1px solid var(--ink3);border-radius:14px;text-decoration:none}.mini:hover{border-color:var(--pixel)}.mini img{border-radius:14px}.mini b{display:block}.mini small{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--grey)}@media(max-width:640px){.g-head{flex-direction:column;align-items:flex-start}.g-icon{width:96px;height:96px;border-radius:22px}.shots img{height:340px}.shots.landscape img{height:220px}}.store{--h: 46px;display:inline-flex;align-items:center;gap:11px;height:var(--h);padding:0 18px 0 14px;border-radius:14px;text-decoration:none;color:var(--paper);background:linear-gradient(180deg,#1c1c1c,#0f0f0f);border:1px solid #3a3a3a;box-shadow:inset 0 1px #ffffff12,0 6px 16px #00000059;transition:transform .15s,border-color .15s,box-shadow .15s}.store.lg{--h: 54px;padding:0 22px 0 16px;gap:13px}.store svg{height:calc(var(--h) * .52);width:auto;flex:none}.store .txt{display:flex;flex-direction:column;line-height:1.05}.store small{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--grey)}.store b{font-family:var(--body);font-weight:700;font-size:17px;letter-spacing:-.01em;margin-top:3px}.store.lg b{font-size:20px}a.store:hover{transform:translateY(-2px);border-color:var(--pixel);box-shadow:inset 0 1px #ffffff1a,0 10px 24px color-mix(in srgb,var(--pixel) 30%,transparent)}.store.off{background:transparent;border:1px dashed var(--ink3);box-shadow:none;color:var(--grey)}.store.off svg{opacity:.4;filter:grayscale(1)}.store.off small{color:var(--pixel)}.store.off b{color:var(--grey)}
