:root{--bg:#0b1220;--panel:#0e1a2b;--text:#e7eefc;--muted:#a6b6d6;--border:#1b2a48;--amber:#f6b73c}
*{box-sizing:border-box} body{margin:0;background:#0b1220;color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto}
.wrap{max-width:1120px;margin:36px auto;padding:0 16px}
h1{margin:.2rem 0 1rem}.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;padding:12px;display:flex;flex-direction:column}
.imgwrap{position:relative;aspect-ratio:1/1;background:#0b1628;border-radius:10px;overflow:hidden;margin-bottom:8px}
.imgwrap img{width:100%;height:100%;object-fit:cover;display:block}
.badge{position:absolute;top:8px;left:8px;background:var(--amber);color:#2a1d00;padding:4px 8px;border-radius:999px;font-weight:800;font-size:.85rem}
.strike{text-decoration:line-through;opacity:.65;margin-left:6px}
.btn{display:inline-block;background:var(--amber);color:#2a1d00;text-decoration:none;font-weight:800;padding:10px 12px;border-radius:10px;margin-top:auto;text-align:center}