@font-face { font-family: 'Pixelify Sans'; font-weight: 600; font-display: swap; src: url('/fonts/pixelify-sans-600.woff2') format('woff2'); }
@font-face { font-family: 'Silkscreen'; font-weight: 700; font-display: swap; src: url('/fonts/silkscreen-700.woff2') format('woff2'); }
:root { --bg: #14141c; --panel: #1f1f2c; --line: #33334a; --text: #eef0ff; --mute: #a6a9c6; --cyan: #2ee6ff; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text); font: 17px/1.65 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
main { max-width: 760px; margin: 0 auto; padding: 28px 18px 60px; }
a { color: var(--cyan); }
.back { display: inline-block; margin-bottom: 18px; font: 700 16px/1 'Silkscreen', monospace; text-decoration: none; }
h1 { margin: 0 0 6px; font: 600 clamp(34px, 6vw, 48px)/1.05 'Pixelify Sans', monospace; }
.upd { margin: 0 0 26px; color: var(--mute); font-size: 15px; }
h2 { margin: 30px 0 8px; font: 600 22px/1.2 'Pixelify Sans', monospace; color: var(--cyan); }
p, li { color: #d6d9ef; }
.box { padding: 14px 16px; background: var(--panel); border: 2px solid var(--line); }
footer { margin-top: 40px; color: var(--mute); font-size: 14px; }