.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}