/* Coronación visual, sin modificar dimensiones ni estilos del tablero. */
.jere-promotion-overlay{position:fixed;inset:0;z-index:9998;pointer-events:none}
.jere-promotion-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:#06101a9c;pointer-events:auto;cursor:default}
.jere-promotion-list{position:fixed;display:flex;flex-direction:column;border:1px solid #b9cbdf;background:#10243b;box-shadow:0 8px 25px #0009;z-index:1;pointer-events:auto}
.jere-promotion-choice,.jere-promotion-cancel{appearance:none;width:100%;aspect-ratio:1;min-width:0;min-height:0;padding:2px!important;border:0!important;border-bottom:1px solid #54708e!important;border-radius:0!important;background:#203956!important;display:flex;align-items:center;justify-content:center;cursor:pointer}
.jere-promotion-choice:hover,.jere-promotion-choice:focus-visible,.jere-promotion-cancel:hover{background:#365c80!important;outline:2px solid #d5e6f6;outline-offset:-2px}
.jere-promotion-choice img{display:block;max-width:95%;max-height:95%;width:90%;height:90%;object-fit:contain;pointer-events:none}
.jere-promotion-choice .piece{font-size:clamp(24px,4vw,54px);line-height:1;pointer-events:none}
.jere-promotion-choice .piece.white{color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000}
.jere-promotion-choice .piece.black{color:#101419;text-shadow:0 1px 1px #fffc}
.jere-promotion-cancel{color:#d7e2ee;font-size:22px}
@media(prefers-reduced-motion:reduce){.jere-promotion-overlay *{transition:none!important}}