*{box-sizing:border-box}body{margin:0;background:#15152a;color:#fff4dc;font-family:system-ui,sans-serif}main{max-width:1280px;margin:auto;padding:28px}h1{font-size:30px;margin:0 0 24px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{color:inherit;text-decoration:none;background:#24243b;overflow:hidden;border-radius:12px;border:1px solid #ffffff24}.card canvas{display:block;width:100%;image-rendering:pixelated}.card h2{margin:0;padding:18px 20px;font-size:22px}.card:hover{border-color:#ffc568}.card:focus-visible{outline:3px solid #ffc568;outline-offset:4px}@media (max-width:650px){main{padding:18px}.cards{grid-template-columns:1fr;gap:18px}}