#inspect,#zoom{box-sizing:border-box;width:min(94vw,600px);max-width:94vw;height:auto;max-height:calc(100dvh - 28px);margin:auto;padding:0;border:1px solid #8abbaa;border-radius:16px;background:#06251f;overflow:hidden;color:#f8ebcc}#inspect[open],#zoom[open]{display:flex;flex-direction:column}.viewerhead{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto;padding:10px 12px;background:#082c25;border-bottom:1px solid #577e68;z-index:5}.viewerhead span{font:11px Arial;color:#cce1d4}.viewerclose{flex-shrink:0;min-width:82px;min-height:44px;border:1px solid #d7c68e;border-radius:22px;background:#174b3d;color:#fff4d4;font:bold 13px Arial;cursor:pointer;margin:0!important}.viewerbody{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:10px 12px 18px;-webkit-overflow-scrolling:touch}#inspectimg,#zoomimg{display:block;width:auto;max-width:100%;height:auto;max-height:52dvh;object-fit:contain;margin:0 auto}#inspect>button{display:none}#inspectdetail{width:100%;min-width:0;overflow-wrap:anywhere}#inspectdetail .fighterinfo{max-width:100%}#inspectdetail .moves{flex-wrap:wrap}#inspectdetail .move{flex:1 1 100px;min-width:0}#inspectdetail .fighterinfo h3{font-size:18px}#inspectdetail .move small{font-size:9px}dialog::backdrop{background:#00120de3}@supports not (height:100dvh){#inspect,#zoom{max-height:85vh}#inspectimg,#zoomimg{max-height:45vh}}
#inspect .cardviewer{width:100%;padding-top:8px}
#inspect .cardstage{width:min(100%,330px,36dvh);aspect-ratio:5/7;margin:0 auto 16px;perspective:1200px;touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;-webkit-user-select:none;outline-offset:7px}
#inspect .cardstage:focus-visible{outline:2px solid #70f9d2;border-radius:8px}
#inspect .cardstage.rotating{cursor:grabbing}
#inspect .cardrotor{position:relative;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform}
#inspect .cardrotor.smooth{transition:transform .45s cubic-bezier(.2,.65,.25,1)}
#inspect .cardface{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:6px;background:#061d29;box-shadow:0 9px 24px #0007,0 0 0 1px #dfbd7259}
#inspect .cardfront{transform:rotateY(0deg) translateZ(.6px)}
#inspect .cardback{transform:rotateY(180deg) translateZ(.6px)}
#inspect .cardface img,#inspect .cardface #inspectimg{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:5px;pointer-events:none;-webkit-user-drag:none}
#inspect .rotatecontrols{display:flex;justify-content:center;gap:8px;position:relative}
#inspect .rotatecontrols button{flex:0 1 95px;min-height:44px;margin:0;border:1px solid #6b9e89;border-radius:25px;background:linear-gradient(#143f32,#08271f);color:#f9ebc7;font:bold 12px Arial;cursor:pointer}
#inspect .rotatecontrols button[aria-pressed=true]{border-color:#f4d28b;background:linear-gradient(#665323,#2a2814);box-shadow:inset 0 1px 4px #f5db6b33}
#inspect .rotatecontrols button:active{transform:translateY(2px)}
#inspect #rotatehint{text-align:center;color:#b4d4c8;font-size:11px;line-height:1.5;margin:10px 0 16px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@supports not (height:100dvh){#inspect .cardstage{width:min(100%,330px,36vh)}}
@media(prefers-reduced-motion:reduce){#inspect .cardrotor.smooth{transition:none}}
/* Keep the rotating surfaces flush to the artwork, without a dark backing rim. */
#inspect .cardface{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:hidden}
#inspect .cardface img,#inspect .cardface #inspectimg{border:0;border-radius:0;margin:0;padding:0;object-fit:fill}
/* Round the artwork itself so baked-in square black corner tips are clipped. */
#inspect .cardface{border-radius:6% / 4.3%;overflow:hidden;clip-path:inset(0 round 6% / 4.3%)}
#inspect .cardface img,#inspect .cardface #inspectimg{border-radius:6% / 4.3%}
.ownedcard .artbutton,.ownedcard img,.revealcard img{border-radius:6% / 4.3%;overflow:hidden}