:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141413;--surface:#1b1b1a;--ink:#fafafa;--mono:#a8aeb2;--rule:#2c2c2a;--soft:#202020;--btn-bg:#fafafa;--btn-fg:#141413;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.95' numOctaves='5' seed='9' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--noise-tile:256px;--font-display:"Inter Tight", Inter, system-ui, sans-serif;--font-body:Inter, system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--pill:9999px;--r:12px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#fafafa;--ink:#0a0a0a;--mono:#737373;--rule:#e5e5e5;--soft:#f5f5f5;--btn-bg:#0a0a0a;--btn-fg:#fff}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:var(--pill)}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0}p{margin:0}img{max-width:100%}.wrap{width:100%;max-width:1120px;margin-inline:auto;padding-inline:20px}.btn{border-radius:var(--pill);border:1px solid var(--btn-bg);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;font-size:.95rem;font-weight:500;line-height:1.2;font-family:var(--font-body);transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);justify-content:center;align-items:center;gap:.45rem;padding:.8rem 1.8rem;display:inline-flex}.btn:hover{color:var(--ink);border-color:var(--ink);background:0 0}.btn.sm{padding:.5rem 1.1rem;font-size:.85rem}.btn.ghost{color:var(--mono);border:1px solid var(--rule);border-radius:var(--r);background:0 0}.btn.ghost:hover{color:var(--ink);border-color:var(--ink)}.grain{isolation:isolate;position:relative}.grain:before{content:"";border-radius:inherit;background-image:var(--noise);background-size:var(--noise-tile) var(--noise-tile);opacity:.22;mix-blend-mode:overlay;pointer-events:none;z-index:1;background-repeat:repeat;position:absolute;inset:0}.section{border-top:1px solid var(--rule);padding:clamp(3.5rem,8vw,6.5rem) 0}.section-head{flex-direction:column;align-items:flex-start;gap:1rem;max-width:640px;margin-bottom:2.5rem;display:flex}.section h2{letter-spacing:-.03em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.05}.section .sub{color:var(--mono);font-size:1.05rem}.badge{border-radius:var(--pill);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.74rem;font-weight:500;display:inline-flex;overflow:hidden}.actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.nav{z-index:20;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);position:sticky;top:0}@media (hover:none) and (pointer:coarse){.nav{-webkit-backdrop-filter:none;background:color-mix(in srgb, var(--bg) 96%, transparent)}}.nav .wrap{justify-content:space-between;align-items:center;gap:1rem;height:60px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:600;display:flex}.brand svg{width:26px;height:26px;display:block}.navlinks{color:var(--mono);gap:1.6rem;font-size:.92rem;display:flex}.navlinks a:hover{color:var(--ink)}@media (width<=640px){.navlinks{display:none}}.nav-end{align-items:center;gap:.5rem;display:flex}.theme-toggle{border:1px solid var(--rule);border-radius:var(--pill);width:34px;height:34px;color:var(--mono);cursor:pointer;transition:color .25s var(--ease), border-color .25s var(--ease);background:0 0;place-items:center;padding:0;display:grid}.theme-toggle:hover{color:var(--ink);border-color:var(--ink)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.hero{padding:clamp(2rem,5vw,4rem) 0 clamp(3rem,6vw,5rem);position:relative;overflow:hidden}.hero-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:860px;margin-inline:auto;display:flex;position:relative}.hero-art-drift{z-index:0;width:min(720px,100%);margin-bottom:-11%;position:relative}.hero-inner>:not(.hero-art-drift){z-index:1;position:relative}.hero-art{--fade:linear-gradient(to bottom, #000 40%, #0000002e 78%, #00000014 100%);width:100%;height:auto;-webkit-mask-image:var(--fade);-webkit-mask-image:var(--fade);mask-image:var(--fade);display:block}.hero h1{letter-spacing:-.035em;margin-bottom:1.4rem;font-size:clamp(2.5rem,7.2vw,4.4rem);font-weight:600;line-height:.98}.hero .lede{color:var(--mono);max-width:520px;margin-bottom:2.25rem;font-size:clamp(1rem,2vw,1.125rem)}@media (prefers-reduced-motion:no-preference){.hero-art{animation:heroArtEnter 1s var(--ease) 60ms both}@keyframes heroArtEnter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}.hero-inner>:not(.hero-art-drift){animation:rise .9s var(--ease) .25s both}@keyframes rise{0%{opacity:.5;transform:translateY(14px)}to{opacity:1;transform:none}}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.hero-art-drift{animation:linear both heroArtDrift;animation-timeline:scroll(root);animation-range:0 100vh}@keyframes heroArtDrift{0%{transform:none}to{transform:translateY(18vh)}}}}@media (width<=640px){.hero-art-drift{width:100%;margin-bottom:-12%}}.game{cursor:pointer;color:inherit;flex-direction:column;gap:.75rem;display:flex}.cover{aspect-ratio:4/3;max-width:100%;transition:transform .35s var(--ease);border-radius:14px;align-items:flex-end;padding:.9rem;display:flex;position:relative;overflow:hidden}.game:hover .cover{transform:translateY(-3px)}.cover .tag{z-index:2;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--pill);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;padding:.25rem .55rem;font-size:.7rem;position:relative}.cover .art{z-index:0;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.cover:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000014}.game-meta{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.game h3{letter-spacing:-.015em;font-size:1.02rem;font-weight:600}.game .plays{font-family:var(--font-mono);color:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.76rem}.game .desc{color:var(--mono);font-size:.9rem;line-height:1.5}.games{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem;display:grid}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem;display:flex}.chip{border-radius:var(--pill);border:1px solid var(--rule);color:var(--mono);font-family:var(--font-body);cursor:pointer;transition:all .2s var(--ease);background:0 0;padding:.4rem .9rem;font-size:.85rem}.chip:hover{color:var(--ink);border-color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.band{color:#fafafa;background:#141413;border-top:1px solid #2c2c2a;position:relative;overflow:hidden}.band .section-head{color:#fafafa}.band .sub{color:#a8aeb2}.band .wrap{z-index:2;position:relative}.band-bg{z-index:0;opacity:.9;pointer-events:none;position:absolute;inset:0}.band-bg svg{width:100%;height:100%;display:block}.band-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:2.5rem;display:grid}@media (width<=800px){.band-grid{grid-template-columns:1fr}}.stats{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=480px){.stats{grid-template-columns:1fr 1fr}}.stat{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141413b3;border:1px solid #2c2c2a;border-radius:14px;padding:1.1rem 1.2rem}.stat .v{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:600;line-height:1.1}.stat .k{font-family:var(--font-mono);color:#a8aeb2;letter-spacing:.06em;text-transform:uppercase;margin-top:.3rem;font-size:.72rem}.band .btn{color:#141413;background:#fafafa;border-color:#fafafa}.band .btn:hover{color:#fafafa;background:0 0}footer{border-top:1px solid var(--rule);color:var(--mono);padding:3rem 0 2.5rem;font-size:.88rem}.foot{grid-template-columns:1.4fr repeat(3,1fr);gap:2rem;display:grid}@media (width<=760px){.foot{grid-template-columns:1fr 1fr}}@media (width<=440px){.foot{grid-template-columns:1fr}}.foot h4{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0 0 .8rem;font-size:.72rem;font-weight:500}.foot ul{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.foot a:hover{color:var(--ink)}.foot .brand{color:var(--ink);margin-bottom:.7rem}.legal{border-top:1px solid var(--rule);font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:2.5rem;padding-top:1.25rem;font-size:.76rem;display:flex}