/* Directional card motion uses the Web Animations API; no automatic playback. */
.stack-front{animation:none}.stack-outgoing{position:absolute!important;top:0;left:0;width:calc(100% - 39px)!important;height:auto;aspect-ratio:16/9;z-index:4;pointer-events:none;will-change:transform,opacity}.stack-front:not(.stack-outgoing){will-change:transform,opacity}
.viewer-zoom-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 14px;min-height:36px}.viewer-zoom-toolbar button,.viewer-zoom-toolbar a{display:inline-flex;align-items:center;justify-content:center;background:#243447;color:#dbe8f7;border:1px solid #3b4d63;border-radius:8px;padding:8px 13px;min-height:36px;font-size:11px;line-height:1.4}.viewer-zoom-toolbar button:hover,.viewer-zoom-toolbar a:hover{background:#345374}.viewer-zoom-toolbar button:disabled{opacity:.35;cursor:default}.viewer-zoom-toolbar #zoom-in,.viewer-zoom-toolbar #zoom-out{width:38px;font-size:19px;padding:5px}.viewer-zoom-toolbar output{font-size:11px;min-width:47px;text-align:center;font-variant-numeric:tabular-nums;color:#b5c9e0}
#image-viewport{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;aspect-ratio:16/9;min-height:200px;max-height:calc(96dvh - 345px);overflow:hidden;border-radius:14px;background:#09131f;touch-action:none;user-select:none;cursor:zoom-in;overscroll-behavior:contain}
#image-viewport.is-zoomed{cursor:grab}#image-viewport.is-dragging{cursor:grabbing}#image-viewport:focus-visible{outline:2px solid #8abbf0;outline-offset:3px}.viewer-stage #gallery-image{display:block;flex:none;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;user-select:none;pointer-events:none;will-change:transform}.viewer-stage{align-items:center}.viewer-help{line-height:1.8}
@media(max-width:760px){.stack-outgoing{width:calc(100% - 26px)!important}.viewer-zoom-toolbar{gap:6px;margin-bottom:13px}.viewer-zoom-toolbar button,.viewer-zoom-toolbar a{min-height:40px;padding:8px 10px;font-size:10px}.viewer-zoom-toolbar #zoom-in,.viewer-zoom-toolbar #zoom-out{width:40px}.viewer-zoom-toolbar output{min-width:40px;font-size:10px}#image-viewport{min-height:190px;max-height:calc(96dvh - 330px);border-radius:9px}.viewer-stage #gallery-image{max-height:100%}}