/* COPA / V3. Tarjetas reales independientes de la ilustración.
   Cambiar estas variables para ajustar el diseño, sin tocar estilos históricos. */
body:not(.playing):not(.uc-finished) #acuarela-home {
  --copa-panel-bg:var(--uc-appearance-board-surface,rgba(24, 55, 44, .94));
  --copa-panel-border:var(--uc-theme-border-color,var(--uc-copa-current-panel-border))}
/* La imagen ya trae el dibujo de la pizarra. Este panel lo cubre y permite
   que la tabla tenga columnas flexibles, tipografía legible y scroll propio. */
body:not(.playing):not(.uc-finished) #acuarela-home::before {
  content:'POSICIONES';position:absolute;box-sizing:border-box;z-index:4;
  left:17.5%!important;top:42%!important;width:65%!important;height:29%!important;
  padding:var(--uc-theme-padding-b13b34ec);text-align:center;
  font:var(--uc-theme-font-85bf4de5);color:var(--uc-theme-color-8353e8d7);
  letter-spacing:var(--uc-theme-letter-spacing-86b9a4ae);text-shadow:var(--uc-theme-text-shadow-13c074aa);
  background:var(--copa-panel-bg);
  border:3px solid var(--copa-panel-border);border-radius:var(--uc-theme-border-radius-32e2da45);
  box-shadow:var(--uc-theme-box-shadow-6c26a957);
  pointer-events:none}
body:not(.playing):not(.uc-finished) #uc-copa-board-data {
  left:21%!important;top:46.2%!important;width:58%!important;height:18.2%!important;
  padding:var(--uc-theme-padding-9630e54d)!important;color:var(--uc-theme-color-1ecbf572)!important;
  font-size:var(--uc-theme-font-size-c0c67fc8)!important;
  scrollbar-width:thin}
body:not(.playing):not(.uc-finished) #uc-copa-board-data .ac-line {
  grid-template-columns:10% 16% minmax(0,1fr) 22%!important;
  min-height:clamp(24px,3.5dvh,34px)!important;
  font-size:var(--uc-theme-font-size-c0c67fc8)!important;
  border-bottom:var(--uc-theme-border-bottom-c8529221)!important}
body:not(.playing):not(.uc-finished) #uc-copa-board-data .ac-crest img,
body:not(.playing):not(.uc-finished) #uc-copa-board-data .ac-crest .fan-crest {
  width:clamp(18px,2.8dvh,26px)!important;height:clamp(18px,2.8dvh,26px)!important}
body:not(.playing):not(.uc-finished) #uc-board-tabs {
  left:20%!important;top:65%!important;width:60%!important;gap:var(--uc-theme-gap-9ecc83b6)!important}
body:not(.playing):not(.uc-finished) #uc-board-tabs button {
  padding:var(--uc-theme-padding-6cc8e827)!important;font:var(--uc-theme-font-871d122d)!important;
  color:var(--uc-theme-color-3eae24ff)!important;background:var(--uc-theme-background-a3c4548f)!important;
  border:var(--uc-theme-border-dbd24fe5)!important;border-radius:var(--uc-theme-border-radius-888074d3)!important}
body:not(.playing):not(.uc-finished) #uc-board-tabs button.active {
  background:var(--uc-theme-background-259ef70c)!important;color:var(--uc-theme-color-9734faf2)!important}
/* ÚNICA geometría de la tabla en portada horizontal.
   Todos los elementos usan las mismas coordenadas del lienzo #acuarela-home.
   Evita las reglas anteriores que movían el panel sobre las tarjetas. */
@media (min-width:900px) and (min-aspect-ratio:1/1) {
 body:not(.playing):not(.uc-finished) #acuarela-home::before {
   content:""!important;display:block!important;position:absolute!important;
   left:54%!important;top:20.5%!important;width:36.5%!important;height:64%!important;
   box-sizing:border-box!important;padding:var(--uc-theme-padding-fe346f18)!important;
   background:var(--uc-theme-background-449cfabf)!important;
   border:var(--uc-theme-border-7aa104a7)!important;border-radius:var(--uc-theme-border-radius-6b61f818)!important;
   box-shadow:var(--uc-theme-box-shadow-f0d27a94)!important;
   pointer-events:none!important;z-index:4!important}
 body:not(.playing):not(.uc-finished) #uc-home-ranking-title {
   display:none!important;position:absolute!important;z-index:6!important;
   left:55.5%!important;top:12%!important;width:33.5%!important;
   color:var(--uc-theme-color-617bd852)!important;text-align:center!important;
   font:var(--uc-theme-font-a32dda19)!important;
   letter-spacing:var(--uc-theme-letter-spacing-e5c11d03)!important;text-shadow:var(--uc-theme-text-shadow-226717ca)!important}
 body:not(.playing):not(.uc-finished) #uc-board-tabs {
   display:flex!important;position:absolute!important;z-index:7!important;
   left:55.5%!important;top:22%!important;width:33.5%!important;gap:var(--uc-theme-gap-4890d1d3)!important}
 body:not(.playing):not(.uc-finished) #uc-board-tabs button {
   min-width:0!important;padding:var(--uc-theme-padding-aa7d7ec3)!important;
   font:var(--uc-theme-font-9bc5b133)!important;
   border:var(--uc-theme-border-ec86a154)!important;border-radius:var(--uc-theme-border-radius-5f6d2b78)!important;
   background:var(--uc-theme-background-5ae386c4)!important;color:var(--uc-theme-color-375d3db8)!important}
 body:not(.playing):not(.uc-finished) #uc-board-tabs button.active {
   background:var(--uc-theme-background-cd5be266)!important;color:var(--uc-theme-color-2e06c49d)!important}
 body:not(.playing):not(.uc-finished) #uc-copa-board-data {
   display:block!important;position:absolute!important;z-index:6!important;
   left:55.5%!important;top:30%!important;width:33.5%!important;height:51%!important;
   box-sizing:border-box!important;padding:var(--uc-theme-padding-de13ec9f)!important;overflow-y:auto!important;
   font-size:var(--uc-theme-font-size-48c16ab7)!important;color:var(--uc-theme-color-f2217670)!important}
 body:not(.playing):not(.uc-finished) #uc-copa-board-data .ac-line {
   min-height:clamp(30px,4.5dvh,45px)!important;
   font-size:var(--uc-theme-font-size-48c16ab7)!important;
   grid-template-columns:10% 14% minmax(0,1fr) 23%!important;
   border-bottom:var(--uc-theme-border-bottom-d8fd60f2)!important}
 body:not(.playing):not(.uc-finished) #uc-copa-board-data .ac-crest img,
 body:not(.playing):not(.uc-finished) #uc-copa-board-data .ac-crest .fan-crest {
   width:clamp(20px,2.8dvh,30px)!important;height:clamp(20px,2.8dvh,30px)!important}}

/* Mostrar siempre la posición real del jugador, incluso fuera del top 5. */
.ac-line.ac-my-position, #uc-copa-board-data .ac-line.ac-my-position {
 background:var(--uc-theme-background-a16b7ea1)!important;
 border:var(--uc-theme-border-86a84913)!important;
 border-radius:var(--uc-theme-border-radius-dd86666c);
 color:var(--uc-theme-color-b6a086a5)!important;
 font-weight:var(--uc-theme-font-weight-68085f0d)}
.ac-line.ac-my-position .ac-num, .ac-line.ac-my-position .ac-value {color:var(--uc-theme-color-1effce5a)!important;font-weight:var(--uc-theme-font-weight-c09efb0b)!important}

/* Explicación de ranking en monitor. No afecta la versión celular. */
@media (min-width:900px) and (min-aspect-ratio:1/1) {
 body:not(.playing):not(.uc-finished) #uc-ranking-explanation {
  display:block!important;
  position:absolute!important;
  z-index:8!important;
  left:55.5%!important;
  top:29.5%!important;
  width:33.5%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:var(--uc-theme-padding-e5d15683)!important;
  color:#e9dfc4!important;
  text-align:left!important;
  font:var(--uc-theme-font-c0089d53)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.65)!important}
 body:not(.playing):not(.uc-finished) #uc-copa-board-data {
  top:34%!important;
  height:47%!important}}