@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg-0:#0b1210;--bg-1:#121c18;--bg-2:#1a2820;--bg-3:#24352b;--line:#2e4538;--text:#e8f0ea;--muted:#8fa396;--accent:#e8b84a;--accent-dim:#a87f28;--good:#3dcf8e;--warn:#e8b84a;--bad:#e06b5c;--rookie:#5eb0e0;--taken:#4a5c52;--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--radius:6px;--max:720px}*,:before,:after{box-sizing:border-box}html,body{background:radial-gradient(ellipse 120% 80% at 10% -20%, #1a3a2a 0%, transparent 55%), radial-gradient(ellipse 90% 60% at 100% 0%, #2a2410 0%, transparent 45%), linear-gradient(180deg, var(--bg-0), var(--bg-1) 40%, #0a100e);min-height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:15px;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}.app-shell{max-width:var(--max);min-height:100vh;margin:0 auto;padding:0 14px 48px}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb, var(--bg-0) 88%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:14px 0 10px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text);font-size:1.55rem;font-weight:800;line-height:1}.brand span{color:var(--accent)}.nav{gap:4px;display:flex}.nav a{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-radius:var(--radius);padding:6px 10px;font-size:.95rem;font-weight:700;text-decoration:none;transition:color .15s,background .15s}.nav a:hover{color:var(--text);background:var(--bg-2)}.nav a[aria-current=page]{color:var(--bg-0);background:var(--accent)}.page-head{padding:18px 0 8px}.page-head h1{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin:0 0 4px;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:800;line-height:1.05}.page-head p{color:var(--muted);margin:0;font-size:.92rem}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);background:var(--bg-2);color:var(--muted);margin-top:20px;padding:20px 16px}.empty-state strong{color:var(--accent);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:1.2rem;display:block}.attr-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:28px;padding-top:12px;font-size:.78rem}.attr-footer ul{margin:6px 0 0;padding-left:1.1em}.badge{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;background:var(--bg-3);color:var(--muted);border-radius:3px;padding:2px 6px;font-size:.75rem;font-weight:700;display:inline-block}.badge.rookie{background:color-mix(in srgb, var(--rookie) 25%, var(--bg-3));color:var(--rookie)}.badge.tier{background:color-mix(in srgb, var(--accent) 18%, var(--bg-3));color:var(--accent)}.badge.value{background:color-mix(in srgb, var(--good) 20%, var(--bg-3));color:var(--good)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-line{0%,to{opacity:.4}50%{opacity:1}}.fade-up{animation:.35s both fade-up}
