.gallery-panel{width:min(1240px,100%);margin:clamp(20px,5vh,44px) auto;padding:clamp(18px,2.4vw,28px);border-radius:var(--radius);background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow),inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px) saturate(1.15);backdrop-filter:blur(12px) saturate(1.15)}.panel-header{display:grid;gap:8px;margin-bottom:22px}.panel-title{font-family:var(--font-display);font-weight:800;font-size:clamp(26px,3.6vw,42px);letter-spacing:.04em;margin:0;text-align:center;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.panel-sub{margin:0;text-align:center;color:var(--muted)}.status{color:var(--muted);padding:8px 0;text-align:center}.status.error{color:#ffc7cf}.collection{margin-top:18px;padding:clamp(16px,2vw,22px);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border-soft)}.collection+.collection{margin-top:26px}.collection-banner{display:flex;align-items:center;gap:clamp(16px,3vw,28px);flex-wrap:wrap;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--border-soft)}.gallery-logo{width:clamp(120px,22vw,240px);height:auto;filter:drop-shadow(0 8px 22px rgba(231,178,74,.32))}.collection-meta{flex:1 1 260px;display:grid;gap:6px}.collection-name{margin:0;font-family:var(--font-display);font-size:clamp(22px,3vw,32px);letter-spacing:.03em;color:var(--heading)}.collection-description{margin:0;max-width:70ch;color:var(--muted);line-height:1.6}.collection-count{justify-self:start;margin:6px 0 0;padding:4px 12px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-1);background:#e7b24a1a;border:1px solid var(--border);border-radius:999px}.gallery-grid{display:grid;gap:clamp(14px,1.6vw,22px);grid-template-columns:repeat(5,minmax(180px,1fr));align-items:start}@media(max-width:1280px){.gallery-grid{grid-template-columns:repeat(4,minmax(170px,1fr))}}@media(max-width:1024px){.gallery-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:460px){.gallery-grid{grid-template-columns:1fr 1fr}}.card-tile{background:transparent;border:none;padding:0;cursor:pointer;transition:transform .18s ease,filter .18s ease}.card-tile:focus-visible{outline:2px solid var(--gold-2);outline-offset:4px;border-radius:12px}.card-tile:hover{transform:translateY(-10px) scale(1.015);filter:drop-shadow(0 18px 30px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(231,178,74,.25))}.card-wrap{perspective:1200px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070cdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:clamp(14px,3vw,28px);z-index:1000;animation:friends-fade .2s ease both}.modal-card{position:relative;display:flex;flex-direction:column;width:min(940px,96vw);max-height:92vh;padding:clamp(18px,2.4vw,30px);border-radius:var(--radius);border:1px solid var(--border-strong);background:radial-gradient(125% 80% at 100% 0%,rgba(231,178,74,.12),transparent 58%),linear-gradient(160deg,#181d2cfa,#0b0f19fc);box-shadow:var(--shadow);overflow:hidden}.modal-close{position:absolute;top:14px;right:16px;display:grid;place-items:center;width:36px;height:36px;background:#ffffff14;border:1px solid var(--border-soft);color:var(--text);font-size:22px;line-height:1;border-radius:50%;cursor:pointer;transition:background .15s ease,transform .2s ease;z-index:3}.modal-close:hover{background:#e7b24a38;transform:rotate(90deg)}.modal-inner{display:grid;grid-template-columns:auto minmax(240px,1fr);gap:clamp(22px,3vw,40px);align-items:center;min-height:0}.modal-card-wrap{height:min(72vh,600px);aspect-ratio:1444 / 1920;perspective:1200px;flex:0 0 auto}.modal-card-wrap>*{width:100%;height:100%}.meta{display:grid;gap:14px;align-content:center;min-width:0;max-height:min(72vh,600px);overflow-y:auto;padding-right:4px}.meta-eyebrow{margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.meta-collection{color:var(--gold-1);font-weight:700}.meta-number{color:var(--muted);border:1px solid var(--border-soft);border-radius:999px;padding:2px 10px;letter-spacing:.06em;font-variant-numeric:tabular-nums}.meta-title{margin:0;font-family:var(--font-display);font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.05;letter-spacing:.03em;color:var(--heading)}.meta-code{margin:0;color:var(--gold-2);font-size:13px;letter-spacing:.1em}.attrs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 2px}.attr{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border-radius:var(--radius-sm);background:var(--surface-3);border:1px solid var(--border-soft)}.attr-icon{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.attr-value{font-family:var(--font-display);font-size:1.4rem;font-weight:800;line-height:1;color:var(--heading);font-variant-numeric:tabular-nums}.attr-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.meta-desc{margin:4px 0 0;color:var(--text);opacity:.82;line-height:1.7;font-size:15px}@media(max-width:860px){.modal-card{max-height:94vh}.modal-inner{grid-template-columns:1fr;justify-items:center;gap:20px;overflow-y:auto}.modal-card-wrap{height:min(52vh,460px)}.meta{max-height:none;overflow:visible;text-align:center;justify-items:center}.meta-eyebrow,.attrs{justify-content:center}.attrs{width:100%;max-width:360px}}