*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08090e;--surface:#0f111a;--border:#1c2030;--text:#dde2f0;--muted:#767d93;--vanguard:#ffb248;--bastion:#8cc8ff;--nexus:#c08cff;--neutral:#9aa3ad}body{background:var(--bg);color:var(--text);font:16px/1.6 Barlow,system-ui,sans-serif}a{color:inherit}nav{display:flex;align-items:center;justify-content:space-between;padding:20px 48px}.nav-logo{font:800 20px Barlow Condensed,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.nav-links{display:flex;align-items:center;gap:24px}.nav-link{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--muted);text-decoration:none}.nav-link.active,.nav-link:hover{color:var(--text)}main{max-width:1280px;margin:0 auto;padding:24px 48px 80px}h1{font:800 clamp(32px,5vw,48px) Barlow Condensed,sans-serif;letter-spacing:.04em;text-transform:uppercase}.lede{color:var(--muted);margin:8px 0 24px}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filters input,.filters select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 12px;font:inherit;font-size:14px}.count{color:var(--muted);font-size:14px;align-self:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px}.card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--neutral);border-radius:10px;padding:14px 16px}.card[data-faction=vanguard]{border-top-color:var(--vanguard)}.card[data-faction=bastion]{border-top-color:var(--bastion)}.card[data-faction=nexus]{border-top-color:var(--nexus)}.card header{display:flex;justify-content:space-between;align-items:center;gap:8px}.card h3{font:700 20px Barlow Condensed,sans-serif;letter-spacing:.04em}.cost{font:800 15px Barlow Condensed,sans-serif;min-width:26px;text-align:center;padding:1px 6px;border-radius:999px;border:1px solid var(--muted)}.art{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:6px;margin-bottom:10px;background:var(--bg)}.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:14px;gap:14px;margin-bottom:40px}.board figure{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px}.board img{display:block;width:100%;height:auto;border-radius:6px}.board figcaption{font:600 14px Barlow Condensed,sans-serif;letter-spacing:.08em;color:var(--muted);margin-top:8px}.board figcaption,h2{text-transform:uppercase}h2{font:700 26px Barlow Condensed,sans-serif;letter-spacing:.06em;margin-bottom:14px}.card{cursor:pointer;transition:border-color .15s,transform .12s}.card:focus-visible,.card:hover{border-color:var(--muted);transform:translateY(-2px);outline:none}dialog{margin:auto;width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-top:4px solid var(--neutral);border-radius:12px;padding:24px}dialog::-webkit-backdrop{background:rgba(4,5,9,.8)}dialog::backdrop{background:rgba(4,5,9,.8)}dialog[data-faction=vanguard]{border-top-color:var(--vanguard)}dialog[data-faction=bastion]{border-top-color:var(--bastion)}dialog[data-faction=nexus]{border-top-color:var(--nexus)}.m-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.m-head h2{margin:0}.m-close{background:none;border:1px solid var(--border);color:var(--text);border-radius:8px;width:34px;height:34px;font-size:20px;line-height:1;cursor:pointer}.m-close:hover{border-color:var(--muted)}.m-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:20px;gap:20px;margin-top:14px}.m-pics{display:flex;flex-direction:column;gap:12px}.m-pics figure{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px}.m-pics img{display:block;width:100%;height:auto;border-radius:6px}.m-pics figcaption{font:600 12px Barlow Condensed,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px}.m-noart{color:var(--muted);font-size:14px;border:1px dashed var(--border);border-radius:8px;padding:24px 12px;text-align:center}.m-desc{font-size:17px;margin:8px 0 14px}dl{display:grid;grid-template-columns:auto 1fr;grid-gap:4px 14px;gap:4px 14px;font-size:14px}dt{color:var(--muted)}.m-anim{overflow:hidden;border-radius:6px;aspect-ratio:var(--ar)}.m-anim img{display:block;height:100%;width:auto;max-width:none;border-radius:0;animation:m-idle var(--dur) steps(var(--n)) infinite}@keyframes m-idle{to{transform:translateX(-100%)}}@media (prefers-reduced-motion:reduce){.m-anim img{animation:none}}@media (max-width:640px){.m-body{grid-template-columns:minmax(0,1fr)}}.meta{font-size:12px;color:var(--muted);letter-spacing:.04em;margin:2px 0 8px}.r{text-transform:capitalize}.desc{font-size:15px}[hidden]{display:none!important}footer{text-align:center;color:var(--muted);font-size:13px;padding:32px 16px;border-top:1px solid var(--border)}@media (max-width:640px){main,nav{padding-left:16px;padding-right:16px}.nav-links{gap:14px}}