/* Zoom is an overlay: the gallery and purchase controls never move. */
.collectible-detail-photos figure>a[data-collectible-zoom]{position:relative;cursor:zoom-in;touch-action:manipulation}
.collectible-detail-photos figure>a[data-collectible-zoom]:focus-visible{outline:2px solid var(--accent,#62e9ff);outline-offset:6px}
.collectible-detail-photos figure>a[data-collectible-zoom]::after{content:'+';position:absolute;right:7px;bottom:7px;display:grid;place-items:center;width:25px;height:25px;border:1px solid #ffffff36;border-radius:50%;background:#101416c9;color:#e4faff;font-size:19px;line-height:1;pointer-events:none;opacity:.76}
@media(hover:hover) and (pointer:fine){
 .collectible-detail-photos figure>a[data-collectible-zoom]:hover{transform:none}
 .collectible-detail-photos figure>a[data-collectible-zoom]:hover::after{opacity:0}
}
.collectible-photo-lens{position:fixed;z-index:1200;pointer-events:none;border:1px solid #8cecffbb;border-radius:50%;background-color:#111517;background-repeat:no-repeat;box-shadow:0 0 0 4px #0a1218bb,0 10px 30px #0009,inset 0 0 0 1px #ffffff20;contain:paint}
.collectible-photo-lens[hidden]{display:none}
.collectible-zoom-dialog{box-sizing:border-box;width:min(1100px,calc(100vw - 40px));height:min(900px,calc(100dvh - 40px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #ffffff26;border-radius:19px;color:#e9f0f3;background:#131719;box-shadow:0 35px 120px #000a;overflow:hidden;overscroll-behavior:contain}
.collectible-zoom-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:collectible-zoom-open 180ms ease-out}
.collectible-zoom-dialog::backdrop{background:#050809df;backdrop-filter:blur(8px)}
.collectible-zoom-header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 24px;border-bottom:1px solid #ffffff12;background:#191e20;min-width:0}
.collectible-zoom-title{min-width:0}.collectible-zoom-eyebrow{display:block;font-size:9px;letter-spacing:.15em;color:#8eabb4;margin-bottom:7px}
.collectible-zoom-title h2{margin:0;font-family:inherit;font-weight:600;font-size:15px;line-height:1.4;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.collectible-zoom-dialog button{display:inline-grid;place-items:center;min-width:36px;min-height:36px;padding:7px 10px;border:1px solid #ffffff20;border-radius:8px;background:#ffffff05;color:#d9e9ef;font-family:inherit;font-weight:500;font-size:19px;line-height:1;cursor:pointer;flex-shrink:0}
.collectible-zoom-dialog button:hover{border-color:#62e9ff70;background:#62e9ff10;color:#8eefff}
.collectible-zoom-dialog button:focus-visible{outline:2px solid #62e9ff;outline-offset:3px}
.collectible-zoom-dialog button:disabled{opacity:.35;cursor:default}
.collectible-zoom-dialog .collectible-zoom-close{font-size:25px;line-height:1;border-radius:50%}
.collectible-zoom-stage{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:#687b83 #131719;position:relative;background:radial-gradient(ellipse at center,#242b2e 0%,#111517 78%);outline:none}
.collectible-zoom-stage:focus-visible{box-shadow:inset 0 0 0 2px #62e9ff80}
.collectible-zoom-stage[data-zoomed=true]{cursor:grab}.collectible-zoom-stage[data-dragging=true]{cursor:grabbing;user-select:none}
.collectible-zoom-canvas{position:relative;min-width:100%;min-height:100%}
.collectible-zoom-photo{position:absolute;display:block;max-width:none;max-height:none;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none;filter:drop-shadow(0 16px 28px #0007)}
.collectible-zoom-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-top:1px solid #ffffff12;background:#191e20}
.collectible-zoom-buttons{display:flex;align-items:center;gap:7px}
.collectible-zoom-level{min-width:42px;text-align:center;font-size:13px;color:#b3d8e3;font-variant-numeric:tabular-nums}
.collectible-zoom-dialog .collectible-zoom-reset{font-size:12px;margin-left:4px}
.collectible-zoom-help{font-size:11px;line-height:1.6;color:#93aab3;margin:0;text-align:right}
@keyframes collectible-zoom-open{from{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}
html[data-theme=light] .collectible-zoom-dialog{background:#f5f7f8;color:#172c35;border-color:#17232c25}
html[data-theme=light] .collectible-zoom-header,html[data-theme=light] .collectible-zoom-controls{background:#f0f3f4;border-color:#17232c16}
html[data-theme=light] .collectible-zoom-stage{background:radial-gradient(ellipse at center,#fff,#e3e9eb);scrollbar-color:#78929d #e3e9eb}
html[data-theme=light] .collectible-zoom-dialog button{color:#234652;border-color:#183d4c2b;background:#fff8}
html[data-theme=light] .collectible-zoom-dialog button:hover{color:#006780;background:#007f9e0c;border-color:#007f9e66}
html[data-theme=light] .collectible-zoom-eyebrow,html[data-theme=light] .collectible-zoom-help{color:#566d77}
html[data-theme=light] .collectible-zoom-level{color:#006780}
@media(max-width:600px){.collectible-zoom-dialog{width:calc(100vw - 16px);height:calc(100dvh - 20px);border-radius:14px}.collectible-zoom-header{padding:16px;gap:12px}.collectible-zoom-title h2{font-size:13px}.collectible-zoom-controls{padding:12px 14px;gap:10px;flex-wrap:wrap}.collectible-zoom-help{font-size:10px;text-align:left}.collectible-zoom-dialog button{min-width:40px;min-height:40px}}
@media(prefers-reduced-motion:reduce){.collectible-zoom-dialog[open]{animation:none}}
html:is(.motion-paused,[data-animation=off],[data-animation=reduced],[data-effects=off]) .collectible-zoom-dialog[open]{animation:none}