*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1420;color:#e6e9f0}
a{color:#7cc4ff}main{max-width:1200px;margin:auto;padding:0 16px}
.top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#151b2b;position:sticky;top:0;z-index:5;flex-wrap:wrap;gap:8px}
.brand{font-weight:800;font-size:1.2rem;color:#fff;text-decoration:none}nav a{margin-left:14px;text-decoration:none;color:#c9d3e6}
.hero{padding:28px 0 8px}.hero h1{margin:0;font-size:clamp(1.6rem,4vw,2.6rem)}.stats{color:#9fb0c9}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;position:sticky;top:56px;background:#0f1420;padding:8px 0;z-index:4}
input,select,textarea,button{font:inherit;border-radius:8px;border:1px solid #2a3550;background:#151b2b;color:#e6e9f0;padding:8px 10px}
#q{flex:1;min-width:180px}.chk{display:flex;align-items:center;gap:6px}
button{background:#3b82f6;border:0;color:#fff;cursor:pointer;font-weight:600}.ghost{background:transparent;border:1px solid #3b82f6}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.card{background:#151b2b;border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid #1f2840;transition:transform .1s}
.card:hover{transform:translateY(-2px);border-color:#3b82f6}.card img{width:100%;aspect-ratio:460/215;object-fit:cover;display:block;background:#222}
.card .b{padding:10px}.card h3{margin:0 0 6px;font-size:1rem;line-height:1.25}
.badge{display:inline-block;font-size:.72rem;padding:2px 7px;border-radius:99px;background:#24304d;margin:0 4px 4px 0}
.badge.playtest{background:#7c3aed}.badge.demo{background:#0e7490}.badge.new{background:#16a34a}.badge.feat{background:#d97706}
dialog{max-width:560px;width:92vw;border:0;border-radius:14px;background:#151b2b;color:#e6e9f0;padding:0}
dialog img{width:100%}dialog .b{padding:16px}dialog::backdrop{background:#000a}
.cta{display:inline-block;background:#16a34a;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:700}
.narrow{max-width:680px;margin:auto;padding:20px 0}form label{display:block;margin:10px 0}form label input,form label select,form label textarea{width:100%;margin-top:4px}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.plan{background:#151b2b;padding:16px;border-radius:12px;border:1px solid #2a3550}
.plan.hot{border-color:#d97706}.price{font-size:1.4rem;font-weight:800}
.news{max-width:680px;margin:40px auto;padding:20px;background:#151b2b;border-radius:14px;text-align:center}
.newsletter{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.newsletter input{min-width:220px}
.muted{color:#9fb0c9}.small{font-size:.85rem}footer{text-align:center;padding:24px;color:#6b7a94;font-size:.85rem}
@media(max-width:600px){nav a{margin-left:10px}.filters{top:90px}.filters select{flex:1}}