@font-face{font-family:'Silkscreen';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/silkscreen-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Silkscreen';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/silkscreen-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}
:root{--ground:#0e0b14;--card:#17121f;--line:#2a2236;--ink:#f1ecf7;--dim:#a79fb6;--faint:#6f6780;--gold:#f2c230;--acc:#b48cf0;}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){--ground:#f4f1f8;--card:#ffffff;--line:#e2dbec;--ink:#150f1c;--dim:#544a63;--faint:#857c94;--gold:#9a6b00;--acc:#6838a8;}}
:root[data-theme="light"]{--ground:#f4f1f8;--card:#ffffff;--line:#e2dbec;--ink:#150f1c;--dim:#544a63;--faint:#857c94;--gold:#9a6b00;--acc:#6838a8;}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding-inline:16px;-webkit-font-smoothing:antialiased}
.wrap{max-width:860px;margin:0 auto;padding-block:40px 64px}
.mark{font-family:Silkscreen,"Courier New",monospace;color:var(--gold);letter-spacing:2px;font-size:18px;text-decoration:none}
nav.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:56px}
nav.top a.small{color:var(--dim);font-size:14px;text-decoration:none}
h1{font-size:clamp(28px,5vw,40px);line-height:1.15;margin:0 0 10px;text-wrap:balance;letter-spacing:-.01em}
.lede{color:var(--dim);margin:0 0 48px;max-width:52ch}
.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.game{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.game img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;background:#000}
.game img.pixel{image-rendering:pixelated}
.game .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.game h2{margin:0;font-size:19px}
.game p{margin:0;color:var(--dim);font-size:15px}
.game .meta{color:var(--faint);font-size:13px}
.game .cta{margin-top:auto;padding-top:8px}
.btn{display:inline-block;padding:8px 14px;border-radius:6px;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}
.btn:hover{border-color:var(--acc);color:var(--acc)}
a{color:var(--acc)}
a:focus-visible,.btn:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
footer{margin-top:64px;padding-top:18px;border-top:1px solid var(--line);color:var(--faint);font-size:13px;display:flex;flex-wrap:wrap;gap:6px 16px}
footer a{color:var(--dim);text-decoration:none}
footer a:hover{color:var(--ink)}
article h1{font-size:30px}
article h2{font-size:17px;margin:32px 0 6px}
article p,article li{color:var(--dim);max-width:65ch}
article .upd{color:var(--faint);font-size:14px;margin:0 0 8px}
article hr{border:0;border-top:1px solid var(--line);margin:48px 0}
address{font-style:normal;color:var(--dim)}