/* A peça ocupa o palco; os outros ângulos ficam ao alcance sem tirar espaço da ficha. */
.piece-media{display:flex;flex-direction:column;min-width:0;min-height:0;background:#10171d}
.piece-media .dialog-image{flex:1 1 auto;height:min(67svh,640px);min-height:0;max-height:none;object-fit:contain}
.piece-thumbs{display:flex;gap:9px;overflow-x:auto;padding:12px 16px;border-top:1px solid #75828a55;scrollbar-width:thin}
.piece-thumbs[hidden]{display:none}
.piece-thumbs button{flex:none;width:64px;height:64px;padding:3px;background:#20282d;border:1px solid #75828a88;transition:border-color .2s,background .2s}
.piece-thumbs button[aria-pressed=true]{border-color:var(--accent);background:#4a3c2d}
.piece-thumbs button:hover{border-color:var(--accent)}
.piece-thumbs img{width:100%;height:100%;object-fit:contain}
.dialog-info .piece-price{margin:18px 0 4px;color:var(--accent);font:500 clamp(26px,2.5vw,36px)/1.1 var(--display)}
@media(max-width:760px){.piece-media .dialog-image{height:38svh;min-height:240px}.piece-thumbs{padding:9px 12px}.piece-thumbs button{width:56px;height:56px}.dialog-info .piece-price{margin:10px 0 0;font-size:29px}}
@media(prefers-reduced-motion:reduce){.piece-thumbs button{transition:none}}