.wiki-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.wiki-card{text-align:center}.wiki-card h3{font-family:Cinzel,serif;margin-bottom:var(--space-sm)}.wiki-card p{font-size:.85rem;color:var(--text-dim)}@media(max-width:768px){.wiki-cards{grid-template-columns:1fr}}.type-chart{overflow-x:auto;margin-top:var(--space-lg)}.type-chart table{width:100%;min-width:400px;border-collapse:collapse;font-size:.8rem;text-align:center}.type-chart th,.type-chart td{padding:var(--space-sm);border:1px solid #1e1830}.type-chart th{background:var(--bg-light);font-weight:700;text-transform:uppercase;font-size:.7rem}.type-chart .super{color:var(--green);font-weight:700}.type-chart .weak{color:var(--red);font-weight:700}.type-chart .neutral{color:var(--text-dim)}.filter-bar{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-lg);align-items:center}.filter-group{display:flex;gap:var(--space-xs);flex-wrap:wrap}.filter-label{font-size:.8rem;color:var(--text-dim);margin-right:var(--space-xs);align-self:center}.filter-btn{padding:4px 12px;border-radius:4px;border:1px solid #2a2240;background:var(--bg-card);color:var(--text-dim);font-size:.8rem;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#3a3050;color:var(--text)}.filter-btn.active{border-color:var(--gold);color:var(--gold);background:#d4a0201a}.creature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.creature-card{background:var(--bg-card);border:1px solid #2a2240;border-radius:8px;padding:var(--space-md);transition:border-color .2s}.creature-card:hover{border-color:#3a3050}.creature-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.creature-name{font-family:Cinzel,serif;font-size:.9rem;color:var(--text-bright);font-weight:700}.creature-level{font-size:.75rem;font-weight:700;padding:1px 6px;border-radius:3px;background:var(--bg-light)}.creature-stats{display:flex;gap:var(--space-md);margin:var(--space-sm) 0;font-size:.8rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-weight:700;color:var(--text-bright)}.creature-ability{font-size:.8rem;color:var(--text-dim);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid #1e1830}.creature-ability strong{color:var(--text)}.abilities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.ability-card h3{font-family:Cinzel,serif;font-size:1rem;margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-sm)}.ability-card p{font-size:.9rem;color:var(--text-dim);margin-bottom:var(--space-sm)}.ability-tip{font-size:.8rem;color:var(--text-dim);font-style:italic;border-left:2px solid #2a2240;padding-left:var(--space-sm)}@media(max-width:768px){.abilities-grid{grid-template-columns:1fr}}.mechanics-content{max-width:800px;margin:0 auto}.mechanics-content h2{margin-top:var(--space-xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid #1e1830}.mechanics-content h2:first-child{margin-top:0}.mechanics-content p{margin-bottom:var(--space-md);font-size:.95rem}.mechanics-content ul,.mechanics-content ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.mechanics-content li{margin-bottom:var(--space-xs);font-size:.95rem}