*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--c-bg: #0f0f1a;--c-surface: #1a1a2e;--c-border: #2a2a4a;--c-primary: #7c3aed;--c-primary-hover: #6d28d9;--c-text: #e2e8f0;--c-text-muted: #94a3b8;--radius: 12px}body{font-family:system-ui,-apple-system,sans-serif;background:var(--c-bg);color:var(--c-text);min-height:100vh;display:flex;flex-direction:column}.site-header{padding:1rem 2rem;border-bottom:1px solid var(--c-border)}.logo{font-size:1.25rem;font-weight:700;color:var(--c-primary);text-decoration:none}.container{flex:1;max-width:960px;margin:0 auto;padding:2rem 1.5rem;width:100%}h1{font-size:1.5rem;margin-bottom:1.5rem}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.game-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:1.5rem;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}.game-card:hover{border-color:var(--c-primary);transform:translateY(-2px)}.game-card h2{font-size:1.1rem;margin-bottom:.5rem}.game-card p{font-size:.85rem;color:var(--c-text-muted);line-height:1.4}.game-card .tag{display:inline-block;margin-top:.75rem;padding:.2rem .6rem;font-size:.7rem;background:var(--c-primary);color:#fff;border-radius:999px}.site-footer{padding:1rem 2rem;border-top:1px solid var(--c-border);text-align:center;font-size:.8rem;color:var(--c-text-muted)}.game-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.game-header a{color:var(--c-text-muted);text-decoration:none;font-size:.9rem}.game-header a:hover{color:var(--c-text)}canvas{display:block;margin:0 auto;border-radius:var(--radius);background:#000}