.gallery-page{min-height:100vh;padding-top:80px}.gallery-hero{text-align:center;padding:var(--space-3xl) 0 var(--space-xl)}.gallery-hero h1{font-size:2.5rem;color:var(--gold);text-shadow:0 0 30px rgba(212,175,55,.3);margin-bottom:var(--space-sm)}.gallery-hero p{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}.filters-bar{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;justify-content:center;padding:var(--space-lg) 0;margin-bottom:var(--space-lg)}.filter-group{display:flex;align-items:center;gap:var(--space-sm)}.filter-label{font-family:Cinzel,serif;font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.filter-select,.filter-input{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:8px 14px;border-radius:var(--radius-md);font-family:Raleway,sans-serif;font-size:.85rem;transition:border-color var(--transition-fast);outline:none}.filter-select:focus,.filter-input:focus{border-color:var(--gold);box-shadow:0 0 10px #d4af3726}.filter-select option{background:var(--bg-secondary)}.search-wrapper{position:relative}.search-wrapper:before{content:"🔍";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:.85rem;pointer-events:none}.search-input{padding-left:36px!important;min-width:220px}.filter-pills{display:flex;gap:var(--space-xs)}.filter-pill{padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer}.filter-pill.active{color:var(--gold);border-color:var(--gold);background:#d4af371a}.filter-pill:hover:not(.active){border-color:#ffffff4d;color:var(--text-primary)}.card-count{text-align:center;margin-bottom:var(--space-lg);font-size:.85rem;color:var(--text-dim)}.card-count span{color:var(--gold);font-weight:700}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-xl);justify-items:center;padding-bottom:var(--space-3xl)}.cards-grid .card-wrapper{animation:fadeInUp .5s ease forwards;opacity:0}.cards-grid .card-wrapper:nth-child(1){animation-delay:.05s}.cards-grid .card-wrapper:nth-child(2){animation-delay:.1s}.cards-grid .card-wrapper:nth-child(3){animation-delay:.15s}.cards-grid .card-wrapper:nth-child(4){animation-delay:.2s}.cards-grid .card-wrapper:nth-child(5){animation-delay:.25s}.cards-grid .card-wrapper:nth-child(6){animation-delay:.3s}.cards-grid .card-wrapper:nth-child(7){animation-delay:.35s}.cards-grid .card-wrapper:nth-child(8){animation-delay:.4s}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:2000;display:none;align-items:center;justify-content:center;padding:var(--space-lg);animation:fadeIn .3s ease}.modal-overlay.active{display:flex}.modal-content{background:var(--bg-secondary);border:1px solid rgba(212,175,55,.2);border-radius:var(--radius-xl);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;padding:var(--space-2xl);position:relative;animation:fadeInUp .4s ease}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#ffffff0d;color:var(--text-secondary);font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.modal-card-layout{display:flex;gap:var(--space-2xl);align-items:flex-start}.modal-card-preview{flex-shrink:0}.modal-card-details{flex:1}.modal-card-details h2{font-size:1.6rem;color:var(--gold);margin-bottom:var(--space-xs)}.modal-card-details .modal-title{font-style:italic;color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-md)}.modal-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-lg)}.modal-stat{background:#ffffff08;padding:10px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.modal-stat-label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.modal-stat-value{font-family:Cinzel,serif;font-weight:700;font-size:1rem;color:var(--text-primary)}.modal-ability{margin-bottom:var(--space-lg)}.modal-ability h3{font-size:.85rem;color:var(--gold);margin-bottom:var(--space-xs)}.modal-ability p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.modal-lore{background:#ffffff05;padding:var(--space-md);border-radius:var(--radius-md);border-left:3px solid var(--gold-dark)}.modal-lore p{font-size:.85rem;color:var(--text-secondary);line-height:1.7;font-style:italic}.modal-source{margin-top:var(--space-sm);font-size:.7rem;color:var(--text-dim);text-align:right}.no-results{grid-column:1 / -1;text-align:center;padding:var(--space-3xl);color:var(--text-dim)}.no-results .icon{font-size:3rem;margin-bottom:var(--space-md)}@media(max-width:768px){.gallery-hero h1{font-size:1.8rem}.filters-bar{flex-direction:column;align-items:stretch}.filter-group{justify-content:center}.modal-card-layout{flex-direction:column;align-items:center}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-lg)}}@media(max-width:480px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md)}}