:root{--bg: #0f1220;--card: #12162a;--card-2:#151a33;--text: #e8eaf3;--muted:#a7b0c0;--accent:#7c5cff;--ring:#2a2f4a;--chip:#1c2140;--shadow: 0 10px 25px rgba(0,0,0,.35)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 800px at 10% -10%,#1b2140 0%,var(--bg) 45%) fixed}.wrap{max-width:1200px;margin:40px auto;padding:0 16px}h1{font-size:clamp(22px,2.8vw,32px);font-weight:700;letter-spacing:.2px;margin:0 0 18px;text-align:center}.subhead{color:var(--muted);margin-bottom:26px;font-size:14px}.card-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:25px 18px}@media (min-width: 600px){.card-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.card-list{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.card-list{grid-template-columns:repeat(4,1fr)}}.card{background:linear-gradient(180deg,var(--card) 0%,var(--card-2) 100%);border:1px solid var(--ring);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000073;border-color:color-mix(in oklab,var(--accent) 45%,var(--ring))}.card figure{margin:0;position:relative;background:#0b0f1f}.card img{width:100%;aspect-ratio:4 / 3;object-fit:contain;display:block;padding:5%}.badge{position:absolute;top:10px;left:10px;background:#7c5cff24;color:#cfc8ff;border:1px solid rgba(124,92,255,.35);padding:6px 10px;border-radius:999px;font-size:11px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.content{padding:14px 14px 16px;display:grid;gap:10px}.name{font-size:20px;font-weight:700;line-height:1.6;letter-spacing:.2px;text-transform:capitalize;text-align:center}.subtitle{color:var(--muted);font-size:14px;font-weight:400}.stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.chip{background:var(--chip);border:1px solid var(--ring);border-radius:999px;padding:8px 12px;font-size:12px;line-height:1;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.dot{width:6px;height:6px;border-radius:50%;background:#fc0;display:inline-block}.card footer{margin-top:auto;border-top:1px dashed var(--ring);padding:10px 14px 12px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.mini{opacity:.9}.search-input{display:flex;justify-content:center;margin-bottom:40px;margin-top:30px}.search-input input{width:100%;max-width:450px;padding:8px 16px;border-radius:20px;border:none;border-bottom:4px solid #ffcc00;outline:none;font-size:1rem;transition:all .3s ease}.search-input input:focus{border-bottom:4px solid var(--accent)}