.az-gallery-root{min-height:100dvh;padding-top:3.5rem;padding-bottom:4rem;overflow-x:hidden}.az-gallery-hero{text-align:center;padding:5rem 1.5rem 3.5rem;position:relative;overflow:hidden}.az-gallery-hero-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.az-hero-orb{filter:blur(80px);opacity:.18;border-radius:50%;position:absolute}.az-hero-orb-1{background:radial-gradient(circle,#39f,#0000 70%);width:600px;height:600px;animation:28s ease-in-out infinite forge-drift;top:-200px;left:-150px}.az-hero-orb-2{background:radial-gradient(circle,#a655f6,#0000 70%);width:500px;height:500px;animation:35s ease-in-out infinite forge-drift-slow;top:-100px;right:-100px}.az-hero-orb-3{background:radial-gradient(circle,#0df2b9,#0000 70%);width:400px;height:400px;animation:12s ease-in-out infinite forge-breathe;bottom:-100px;left:50%;transform:translate(-50%)}.az-gallery-hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.az-gallery-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-forge-accent);margin-bottom:1rem;font-size:.75rem}.az-gallery-title{letter-spacing:-.02em;margin-bottom:1.25rem;font-size:clamp(2.8rem,6vw,5rem);font-weight:900;line-height:1}.az-gallery-title-azure{background:linear-gradient(135deg,#66b3ff 0%,#3cf 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.az-gallery-title-arcana{background:linear-gradient(135deg,#b877f8 0%,#f764de 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.az-gallery-subtitle{color:var(--color-forge-muted);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.7}.az-gallery-hero-stats{flex-wrap:wrap;justify-content:center;gap:2.5rem;display:flex}.az-hero-stat{flex-direction:column;align-items:center;gap:.25rem;display:flex}.az-hero-stat-val{color:var(--color-forge-accent);font-size:2rem;font-weight:800;font-family:var(--font-mono)}.az-hero-stat-label{letter-spacing:.15em;text-transform:uppercase;color:var(--color-forge-muted);font-size:.75rem}.az-gallery-controls{flex-direction:column;gap:.875rem;max-width:1400px;margin:0 auto 2rem;padding:0 1.5rem;display:flex}.az-controls-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.az-search-wrap{flex:1;min-width:200px;max-width:400px;position:relative}.az-search-icon{pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.az-search-input{background:var(--color-forge-surface);border:1px solid var(--color-forge-border);width:100%;color:var(--color-forge-text);border-radius:9999px;outline:none;padding:.6rem 1rem .6rem 2.5rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.az-search-input:focus{border-color:var(--color-forge-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-forge-accent)15%,transparent)}.az-filter-group{align-items:center;gap:.5rem;display:flex}.az-filter-label{color:var(--color-forge-muted);white-space:nowrap;font-size:.8rem}.az-select{background:var(--color-forge-surface);border:1px solid var(--color-forge-border);color:var(--color-forge-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%238BA3BC' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border-radius:.5rem;outline:none;padding:.55rem 2rem .55rem .875rem;font-size:.875rem;transition:border-color .2s}.az-select:focus{border-color:var(--color-forge-accent)}.az-filter-pills{flex-wrap:wrap;gap:.5rem;display:flex}.az-pill{border:1px solid var(--color-forge-border);color:var(--color-forge-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:9999px;padding:.35rem .875rem;font-size:.8rem;transition:all .18s}.az-pill:hover{border-color:var(--color-forge-accent);color:var(--color-forge-accent)}.az-pill.active{background:var(--color-forge-accent);border-color:var(--color-forge-accent);color:#0b121d;font-weight:600}.az-pill-sm{padding:.25rem .625rem;font-size:.73rem}.az-pill-common.active{color:#0b121d;background:#98a1b3;border-color:#98a1b3}.az-pill-uncommon.active{color:#0b121d;background:#33cc4c;border-color:#33cc4c}.az-pill-rare.active{color:#0b121d;background:#4299f0;border-color:#4299f0}.az-pill-epic.active{color:#0b121d;background:#be5eed;border-color:#be5eed}.az-pill-legendary.active{color:#0b121d;background:#fac938;border-color:#fac938}.az-results-count{color:var(--color-forge-muted);font-size:.82rem}.az-results-count strong{color:var(--color-forge-accent)}.az-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto;padding:0 1.5rem;display:grid}@media (max-width:480px){.az-card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}}.az-empty-state{text-align:center;color:var(--color-forge-muted);flex-direction:column;grid-column:1/-1;align-items:center;gap:1rem;padding:4rem 2rem;font-size:1.1rem;display:flex}.az-empty-state span{font-size:3rem}.az-card-wrapper{perspective:1000px;will-change:transform}.az-card-wrapper.legendary{filter:drop-shadow(0 0 16px color-mix(in srgb,var(--card-glow)40%,transparent))}.az-card-wrapper.epic{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--card-glow)25%,transparent))}.az-card{cursor:pointer;border:1px solid var(--color-forge-border);background:linear-gradient(160deg,var(--color-forge-surface)0%,color-mix(in srgb,var(--color-forge-base)80%,var(--card-accent))100%);transform-style:preserve-3d;-webkit-user-select:none;user-select:none;border-radius:16px;flex-direction:column;transition:transform .12s ease-out,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;transform:perspective(900px)rotateX(0)rotateY(0)scale(1)}.az-card:hover,.az-card.hovered{border-color:color-mix(in srgb,var(--card-accent)50%,var(--color-forge-border));box-shadow:0 20px 60px #00000080,0 0 30px color-mix(in srgb,var(--card-glow)20%,transparent)}.az-card:focus-visible{outline:2px solid var(--color-forge-accent);outline-offset:2px}.az-card-shimmer{pointer-events:none;z-index:10;border-radius:16px;transition:background 80ms;position:absolute;inset:0}.az-card-foil{pointer-events:none;z-index:9;background:linear-gradient(105deg,#0000 40%,#ffffff0a 45%,#ffffff12 50%,#ffffff0a 55%,#0000 60%);border-radius:16px;animation:4s ease-in-out infinite foil-sweep;position:absolute;inset:0}@keyframes foil-sweep{0%,to{background-position:-200% 0}50%{background-position:200% 0}}.az-card-header{border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:.6rem .875rem .5rem;display:flex}.az-card-number{font-family:var(--font-mono);color:var(--color-forge-muted);letter-spacing:.1em;font-size:.65rem}.az-card-set-badge{letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:600}.az-card-art{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:110px;padding:1.25rem 0;display:flex;position:relative}.az-card-icon-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000040;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.az-card-emoji{filter:drop-shadow(0 2px 8px #00000080);font-size:2.2rem;line-height:1;display:block}.az-card-stars{letter-spacing:.1em;font-size:.65rem;line-height:1}.az-card-identity{padding:.625rem .875rem .5rem}.az-card-class-badge{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.375rem;margin-bottom:.35rem;font-size:.65rem;font-weight:600;display:flex}.az-card-level{font-family:var(--font-mono);margin-left:auto;font-size:.62rem}.az-card-name{color:var(--color-forge-text);margin:0 0 .2rem;font-size:.95rem;font-weight:700;line-height:1.2}.az-card-service{color:var(--color-forge-muted);font-size:.65rem;font-family:var(--font-mono);margin:0 0 .3rem}.az-card-tagline{color:var(--color-forge-muted);margin:0;font-size:.72rem;font-style:italic;line-height:1.3}.az-card-stats{flex-direction:column;gap:.3rem;padding:.5rem .875rem;display:flex}.az-stat-row{grid-template-columns:2rem 1fr 2rem;align-items:center;gap:.4rem;display:grid}.az-stat-label{font-family:var(--font-mono);color:var(--color-forge-muted);letter-spacing:.08em;font-size:.6rem}.az-stat-bar-track{background:#ffffff0f;border-radius:9999px;height:4px;overflow:hidden}.az-stat-bar-fill{border-radius:9999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.az-stat-value{font-family:var(--font-mono);color:var(--color-forge-muted);text-align:right;font-size:.6rem}.az-card-ability{background:#00000026;border:1px solid;border-radius:6px;margin:.25rem .875rem 0;padding:.35rem .5rem}.az-card-ability-name{letter-spacing:.05em;font-size:.68rem;font-weight:700}.az-card-flavor{flex:1;padding:.4rem .875rem .5rem}.az-card-flavor p{color:var(--color-forge-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.63rem;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}.az-card-footer{border-top:1px solid var(--color-forge-border);justify-content:space-between;align-items:center;margin-top:auto;padding:.5rem .875rem .75rem;display:flex}.az-card-rarity-badge{letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:9999px;padding:.15rem .5rem;font-size:.6rem;font-weight:700}.az-like-btn{cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:.3rem;padding:.25rem .4rem;transition:transform .15s,background .15s;display:flex}.az-like-btn:hover{background:#ffffff0f;transform:scale(1.1)}.az-like-btn.liked .az-like-heart{animation:.3s like-pop}@keyframes like-pop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.az-like-heart{font-size:.85rem;line-height:1}.az-like-count{font-size:.68rem;font-family:var(--font-mono);color:var(--color-forge-muted)}.az-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;padding:1rem;animation:.2s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.az-modal{background:var(--color-forge-surface);border:1px solid var(--color-forge-border);width:100%;max-width:580px;max-height:90dvh;box-shadow:0 40px 100px #000000b3,0 0 60px color-mix(in srgb,var(--card-glow,#66b3ff)15%,transparent);overscroll-behavior:contain;border-radius:20px;outline:none;animation:.25s cubic-bezier(.34,1.56,.64,1) modal-slide-up;position:relative;overflow-y:auto}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.az-modal-close{z-index:10;border:1px solid var(--color-forge-border);background:var(--color-forge-base);width:2rem;height:2rem;color:var(--color-forge-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;transition:all .15s;display:flex;position:absolute;top:1rem;right:1rem}.az-modal-close:hover{border-color:var(--color-forge-accent);color:var(--color-forge-accent);transform:rotate(90deg)}.az-modal-banner{border-bottom:1px solid var(--color-forge-border);align-items:center;gap:1.25rem;padding:1.75rem 1.5rem 1.25rem;display:flex}.az-modal-banner-icon{background:#00000040;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.az-modal-emoji{font-size:2.4rem;line-height:1}.az-modal-banner-info{flex:1;min-width:0}.az-modal-meta-row{align-items:center;gap:.75rem;margin-bottom:.3rem;display:flex}.az-modal-number{font-family:var(--font-mono);color:var(--color-forge-muted);font-size:.7rem}.az-modal-rarity{border:1px solid;border-radius:9999px;padding:.1rem .5rem;font-size:.7rem;font-weight:700}.az-modal-title{color:var(--color-forge-text);margin:0 0 .25rem;font-size:1.4rem;font-weight:800;line-height:1.1}.az-modal-service{font-family:var(--font-mono);color:var(--color-forge-muted);margin:0 0 .5rem;font-size:.72rem}.az-modal-badges{flex-wrap:wrap;gap:.625rem;display:flex}.az-modal-badge{letter-spacing:.05em;font-size:.72rem;font-weight:600}.az-modal-body{flex-direction:column;gap:1.25rem;padding:1.25rem 1.5rem 1.75rem;display:flex}.az-modal-section-title{letter-spacing:.1em;text-transform:uppercase;margin:0 0 .875rem;font-size:.75rem;font-weight:700}.az-modal-stats-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.az-modal-stat{flex-direction:column;align-items:center;gap:.4rem;display:flex}.az-modal-stat-ring{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.az-modal-stat-val{font-size:1rem;font-weight:800;font-family:var(--font-mono)}.az-modal-stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-forge-muted);font-size:.62rem;font-family:var(--font-mono)}.az-modal-tagline{color:var(--color-forge-text);border-left:3px solid;padding:.75rem 1rem;font-size:1rem;font-style:italic;font-weight:600;line-height:1.4}.az-modal-ability-card{border:1px solid;border-radius:10px;padding:.875rem 1rem}.az-modal-ability-name{margin-bottom:.4rem;font-size:.9rem;font-weight:700}.az-modal-ability-desc{color:var(--color-forge-muted);margin:0;font-size:.85rem;line-height:1.5}.az-modal-flavor{background:#ffffff08;border-radius:8px;padding:.75rem 1rem .75rem 2rem;position:relative}.az-modal-flavor-quote{color:var(--color-forge-muted);opacity:.3;font-size:2rem;line-height:1;position:absolute;top:.3rem;left:.5rem}.az-modal-flavor p{color:var(--color-forge-muted);margin:0;font-size:.88rem;font-style:italic;line-height:1.6}.az-modal-info-text{color:var(--color-forge-text);margin:0;font-size:.88rem;line-height:1.65}.az-modal-funfact{border:1px solid;border-radius:10px;padding:.875rem 1rem}.az-modal-funfact-label{letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem;font-size:.72rem;font-weight:700;display:block}.az-modal-funfact p{color:var(--color-forge-text);margin:0;font-size:.85rem;line-height:1.55}.az-modal-actions{flex-wrap:wrap;gap:.875rem;padding-top:.25rem;display:flex}.az-modal-learn-btn{white-space:nowrap;border-radius:9999px;align-items:center;padding:.625rem 1.25rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-flex}.az-modal-learn-btn:hover{opacity:.9;transform:translateY(-1px)}.az-modal-like-btn{cursor:pointer;background:0 0;border:1px solid;border-radius:9999px;align-items:center;gap:.4rem;padding:.625rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.az-modal-like-btn:hover{background:#ffffff0d}.az-modal-like-btn.liked{animation:.3s like-pop}@media (max-width:600px){.az-gallery-hero{padding:4rem 1rem 2.5rem}.az-modal-banner{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem 1.25rem 1rem}.az-modal-body{padding:1rem 1.25rem 1.5rem}.az-modal-stats-grid{grid-template-columns:repeat(2,1fr)}.az-modal-actions{flex-direction:column}.az-modal-learn-btn,.az-modal-like-btn{justify-content:center;width:100%}.az-gallery-controls,.az-card-grid{padding:0 1rem}}:root.light .az-card{background:linear-gradient(160deg,#fff 0%,color-mix(in srgb,var(--color-forge-base)95%,var(--card-accent))100%);box-shadow:0 2px 12px #00000014}:root.light .az-card:hover,:root.light .az-card.hovered{box-shadow:0 20px 50px #00000026,0 0 30px color-mix(in srgb,var(--card-glow)15%,transparent)}:root.light .az-modal{background:#fff}:root.light .az-modal-overlay{background:#00000080}:root.light .az-gallery-hero-bg .az-hero-orb{opacity:.1}@media (prefers-reduced-motion:reduce){.az-hero-orb,.az-card-foil{animation:none!important}.az-card{transition:box-shadow .2s,border-color .2s!important}.az-card:hover,.az-card.hovered{transform:perspective(900px)rotateX(0)rotateY(0)scale(1)!important}.az-modal,.az-modal-overlay{animation:none!important}.az-like-btn{transition:background .15s!important;transform:none!important}.az-modal-close{transition:color .15s,border-color .15s!important}}