/*! Bounty Lab (LIF Poker) — estilos de la vista. Todo va bajo .bl-app para no tocar el resto del dashboard.
   Tokens y componentes lif-* copiados del sistema LIF de Claude Design, con alcance limitado a esta vista. */
/* ---- Tokens ---- */
.bl-app{--lif-celeste:#6ECFF0;
  --lif-azul:#1481C0;
  --lif-azul-hover:#1893D8;
  --lif-azul-profundo:#002E67;
  --lif-celeste-rgb:110,207,240; 
  --lif-azul-rgb:20,129,192; 
  --lif-profundo-rgb:0,46,103; 
  --lif-gradiente-marca:linear-gradient(135deg,#6ECFF0 0%,#1481C0 60%,#002E67 130%); 

  
  --navy-950:#050B18;
  --navy-900:#081226;
  --navy-850:#0B1731;
  --navy-800:#0E2044;
  --navy-750:#0F2147;
  --navy-700:#132A57;
  --navy-600:#1A3160;
  --navy-500:#1F3C72;
  --navy-400:#244680;
  --navy-300:#2A5A9A;
  --navy-200:#3D5F96;

  
  --tinta-100:#EAF3FB;
  --tinta-200:#CFE3F5;
  --tinta-300:#A9BDD8;
  --tinta-400:#8FA8C8;
  --tinta-500:#6E89AE;
  --tinta-600:#5D7598;

  
  --verde:#3ec98a;
  --verde-fuerte:#10b981;
  --rojo-suave:#ee8888;
  --rojo:#FF5A6E;
  --rojo-fuerte:#ef4444;
  --naranja:#FF7A45;
  --whatsapp-1:#25D366;
  --whatsapp-2:#128C7E;

  
  --accion-allin:#E4208C;
  --accion-raise:#9B5CF6;
  --accion-call:#3ec98a;
  --accion-fold:#ee8888;
  --accion-check:#12B5D6;

  
  --jugador-1:#E4208C;
  --jugador-2:#9B5CF6;
  --jugador-3:#12B5D6;
  --jugador-4:#3DDC97;
  --jugador-5:#FF7A45;
  --jugador-6:#5AA2FF;
  --jugador-7:#C77DFF;
  --jugador-8:#FF6B7F;
  --jugador-9:#B8C4D6;
  --jugador-10:#8FA8C8;

  
  --palo-corazon:#D92D45;
  --palo-diamante:#1E6FE0;
  --palo-trebol:#16955A;
  --palo-pica:#2A3142;
  --palo-indice:#F4F9FF;

  
  --superficie-fondo:#121212;
  --superficie-pagina:var(--navy-950);
  --superficie-panel:var(--navy-850);
  --superficie-elevada:var(--navy-800);
  --superficie-fila:var(--navy-750);
  --superficie-campo:var(--navy-900);
  --superficie-boton:var(--navy-700);
  --superficie-overlay:rgba(3,8,20,.72);
  --superficie-menu:linear-gradient(180deg,rgba(0,46,103,.85),rgba(13,13,13,.95)); 
  --superficie-toast:rgba(13,13,13,.95);

  --borde:var(--navy-600);
  --borde-fuerte:var(--navy-500);
  --borde-campo:var(--navy-400);
  --borde-punteado:var(--navy-300);
  --linea-celeste:rgba(110,207,240,.10);
  --linea-celeste-fuerte:rgba(110,207,240,.22);

  --texto-principal:var(--tinta-100);
  --texto-secundario:var(--tinta-200);
  --texto-suave:var(--tinta-400);
  --texto-tenue:var(--tinta-500);
  --texto-minimo:var(--tinta-600);
  --texto-sobre-acento:#04182a;
  --texto-sobre-azul:#F4F9FF;

  --acento:var(--lif-celeste);
  --acento-fuerte:var(--lif-azul);
  --titulo-color:var(--lif-celeste);

  --exito:var(--verde);
  --exito-fondo:rgba(62,201,138,.12);
  --error:var(--rojo);
  --error-texto:#FF8A98;
  --error-fondo:rgba(238,136,136,.15);
  --aviso:var(--naranja);
  --aviso-fondo:rgba(255,122,69,.12);
  --info-fondo:rgba(110,207,240,.12);

  --celda-vacia:#132547;
  --celda-par:#1E3564;
  --celda-suited:#172C57;
  --celda-texto:#7F97BA;
  --celda-texto-activa:#F4F9FF;}
[data-tema="claro"] .bl-app{--superficie-fondo:#EEF3F8;
  --superficie-pagina:#EEF3F8;
  --superficie-panel:#FFFFFF;
  --superficie-elevada:#F4F8FC;
  --superficie-fila:#F7FAFD;
  --superficie-campo:#E6EEF6;
  --superficie-boton:#EAF1F8;
  --superficie-overlay:rgba(8,18,38,.45);
  --superficie-menu:linear-gradient(180deg,#FFFFFF,#F1F6FB); 
  --superficie-toast:#FFFFFF;

  --borde:#D6E2EE;
  --borde-fuerte:#BCD0E4;
  --borde-campo:#A9C1DA;
  --borde-punteado:#7FA3CC;
  --linea-celeste:rgba(20,129,192,.12);
  --linea-celeste-fuerte:rgba(20,129,192,.26);

  --texto-principal:#0B1731;
  --texto-secundario:#1F3C72;
  --texto-suave:#3F5A80;
  --texto-tenue:#4E6990;
  --texto-minimo:#5D7598;

  --acento:#1481C0;
  --acento-fuerte:#002E67;
  --titulo-color:#002E67;

  --exito:#11875A;
  --exito-fondo:rgba(17,135,90,.10);
  --error:#C8283C;
  --error-texto:#B0223A;
  --error-fondo:rgba(200,40,60,.08);
  --aviso:#C2501F;
  --aviso-fondo:rgba(194,80,31,.10);
  --info-fondo:rgba(20,129,192,.10);

  --celda-vacia:#E3ECF5;
  --celda-par:#CFDDEC;
  --celda-suited:#DAE5F1;
  --celda-texto:#4E6990;}
.bl-app{--fuente-titulo:"Bebas Neue",system-ui,sans-serif; 
  --fuente-texto:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif; 
  --fuente-mono:ui-monospace,"SFMono-Regular",Menlo,monospace; 

  
  --fs-numero-xl:64px; 
  --fs-numero-lg:48px; 
  --fs-numero:38px; 
  --fs-titulo-xl:44px; 
  --fs-titulo-lg:36px; 
  --fs-titulo:30px; 
  --fs-titulo-sm:24px; 
  --fs-seccion:20px; 

  
  --fs-cuerpo-lg:18px; 
  --fs-cuerpo:16px; 
  --fs-cuerpo-sm:15px; 
  --fs-dato:14px; 
  --fs-etiqueta:13px; 

  --lh-titulo:1; 
  --lh-cuerpo:1.5; 
  --lh-ajustado:1.25; 

  --ls-titulo:.06em; 
  --ls-seccion:.08em; 
  --ls-etiqueta:.14em; 
  --ls-marca:.32em; 

  --peso-regular:400; 
  --peso-medio:500; 
  --peso-semi:600; 
  --peso-bold:700; 
  --peso-extra:800;}
.bl-app{--esp-1:4px;
  --esp-2:8px;
  --esp-3:12px;
  --esp-4:16px;
  --esp-5:20px;
  --esp-6:24px;
  --esp-7:28px;
  --esp-8:32px;
  --esp-10:40px;

  --radio-xs:3px;
  --radio-sm:6px;
  --radio:8px;
  --radio-md:10px;
  --radio-lg:12px;
  --radio-xl:14px;
  --radio-modal:18px;
  --radio-pill:999px;

  --sombra-1:0 6px 18px rgba(0,0,0,.30);
  --sombra-2:0 18px 40px rgba(0,0,0,.40);
  --sombra-modal:0 30px 80px rgba(0,0,0,.55);
  --sombra-cta:0 8px 22px rgba(20,129,192,.35);
  --anillo:0 0 0 3px rgba(110,207,240,.28); 
  --anillo-calcular:0 0 0 4px rgba(20,129,192,.18); 

  --ease:cubic-bezier(.2,.8,.25,1); 
  --t:.22s var(--ease); 
  --t-rapida:.12s linear; 

  --alto-header:88px; 
  --ancho-menu:268px; 
  --ancho-menu-cerrado:72px; 
  --objetivo-tactil:44px; 

  --z-overlay:1100; 
  --z-menu:1200; 
  --z-header:1300; 
  --z-modal:9000; 
  --z-toast:9500;}
[data-tema="claro"] .bl-app{--sombra-1:0 4px 14px rgba(11,23,49,.08);
  --sombra-2:0 14px 34px rgba(11,23,49,.12);
  --sombra-modal:0 24px 60px rgba(11,23,49,.22);}
@media (max-width:991.98px){.bl-app{--alto-header:72px}}
/* ---- Base (solo dentro de la vista) ---- */
.bl-app,.bl-app *,.bl-app *::before,.bl-app *::after{box-sizing:border-box}
.bl-app{font-size:var(--fs-cuerpo);line-height:var(--lh-cuerpo)}
.bl-app a{color:var(--acento)}.bl-app a:hover{color:var(--texto-principal)}
:where(.bl-app) button{font:inherit;color:inherit}
.bl-app :focus-visible{outline:2px solid var(--acento);outline-offset:2px}
.bl-app p{margin:0}
/* ---- Componentes LIF usados ---- */
.bl-app .lif-titulo{margin:0;font:400 var(--fs-titulo)/1 var(--fuente-titulo);letter-spacing:.05em;color:var(--titulo-color);text-transform:uppercase}
.bl-app .lif-titulo--sm{font-size:var(--fs-titulo-sm)}
.bl-app .lif-seccion{margin:0;font:400 var(--fs-seccion)/1 var(--fuente-titulo);letter-spacing:var(--ls-seccion);color:var(--texto-suave);text-transform:uppercase}
.bl-app .lif-etiqueta{margin:0;font-size:var(--fs-etiqueta);font-weight:700;letter-spacing:var(--ls-etiqueta);text-transform:uppercase;color:var(--texto-suave)}
.bl-app .lif-boton{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:var(--objetivo-tactil);padding:10px 18px;border:1px solid var(--borde-fuerte);border-radius:var(--radio-sm);background:var(--superficie-elevada);color:var(--texto-secundario);font:600 var(--fs-cuerpo-sm)/1.2 var(--fuente-texto);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--t),border-color var(--t),transform var(--t),box-shadow var(--t),filter var(--t)}
.bl-app .lif-boton:hover{border-color:var(--lif-azul);color:var(--texto-principal)}
.bl-app .lif-boton:active{transform:translateY(1px)}
.bl-app .lif-boton:focus-visible{outline:none;box-shadow:var(--anillo)}
.bl-app .lif-boton:disabled,.bl-app .lif-boton.is-deshabilitado{opacity:.4;cursor:not-allowed;pointer-events:none}
.bl-app .lif-boton i{font-size:.95em}
.bl-app .lif-boton--cta{background:linear-gradient(135deg,var(--lif-celeste),var(--lif-azul));border-color:transparent;color:var(--texto-sobre-acento);font-weight:700;box-shadow:var(--sombra-cta)}
.bl-app .lif-boton--cta:hover{filter:brightness(1.05);border-color:transparent;color:var(--texto-sobre-acento)}
.bl-app .lif-boton--punteado{background:transparent;border-style:dashed;border-color:var(--borde-punteado);color:var(--acento)}
.bl-app .lif-boton--fantasma{background:transparent;border-color:transparent;color:var(--texto-suave)}
.bl-app .lif-boton--fantasma:hover{background:var(--info-fondo);border-color:transparent}
.bl-app .lif-boton--chico{min-height:36px;padding:6px 12px;font-size:var(--fs-dato)}
.bl-app .lif-boton--ancho{width:100%}
.bl-app .lif-segmentado{display:inline-flex;gap:2px;padding:3px;background:var(--superficie-campo);border-radius:var(--radio-sm)}
.bl-app .lif-segmentado__opcion{min-height:40px;padding:8px 16px;border:0;border-radius:4px;background:transparent;color:var(--texto-suave);font:600 var(--fs-cuerpo-sm)/1 var(--fuente-texto);cursor:pointer;transition:background var(--t),color var(--t)}
.bl-app .lif-segmentado__opcion:hover{color:var(--texto-principal)}
.bl-app .lif-segmentado__opcion.is-activa{background:var(--lif-azul);color:var(--texto-sobre-azul)}
.bl-app .lif-segmentado--vertical{flex-direction:column}
.bl-app .lif-segmentado--vertical .lif-segmentado__opcion{min-height:28px;padding:4px 10px;font-size:12px}
.bl-app .lif-segmentado--lleno{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%}
.bl-app .lif-selector{display:inline-flex;align-items:center;gap:8px;min-height:var(--objetivo-tactil);padding:0 4px 0 14px;background:var(--superficie-elevada);border:1px solid var(--borde-fuerte);border-radius:var(--radio-sm);font-size:var(--fs-cuerpo-sm);color:var(--texto-secundario)}
.bl-app .lif-selector select{min-height:34px;background:var(--superficie-campo);color:var(--texto-principal);border:0;border-radius:4px;padding:6px 10px;font:500 var(--fs-cuerpo-sm) var(--fuente-texto);cursor:pointer}
.bl-app .lif-campo{display:flex;flex-direction:column;gap:6px}
.bl-app .lif-campo__entrada{width:100%;min-height:var(--objetivo-tactil);padding:10px 12px;background:var(--superficie-campo);border:1px solid var(--borde-campo);border-radius:var(--radio-sm);color:var(--texto-principal);font:500 var(--fs-cuerpo-sm)/1.5 var(--fuente-texto)}
.bl-app .lif-campo__entrada::placeholder{color:var(--texto-tenue)}
.bl-app .lif-campo__entrada:focus{outline:none;border-color:var(--acento);box-shadow:var(--anillo)}
.bl-app textarea.lif-campo__entrada{resize:vertical;min-height:96px}
.bl-app .lif-campo.has-error .lif-campo__entrada{border-color:var(--error)}
.bl-app .lif-campo__ayuda{font-size:var(--fs-etiqueta);color:var(--texto-tenue)}
.bl-app .lif-campo.has-error .lif-campo__ayuda{color:var(--error-texto);font-weight:500}
.bl-app .lif-tarjeta{background:var(--superficie-panel);border:1px solid var(--borde);border-radius:var(--radio-md);overflow:hidden;display:flex;flex-direction:column}
.bl-app .lif-tarjeta__cabecera{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 28px;border-bottom:1px solid var(--borde);background:linear-gradient(180deg,var(--superficie-elevada),var(--superficie-panel))}
.bl-app .lif-tarjeta__titulo{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.bl-app .lif-tarjeta__meta{font-size:var(--fs-dato);color:var(--texto-suave)}
.bl-app .lif-tarjeta__meta b{color:var(--texto-principal)}
.bl-app .lif-tarjeta__meta b.lif-acento{color:var(--acento)}
.bl-app .lif-tarjeta__cuerpo{padding:20px 28px}
.bl-app .lif-tarjeta__pie{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap;padding:18px 28px 22px;border-top:1px solid var(--borde)}
@media (max-width:720px){.bl-app .lif-tarjeta__cabecera,.bl-app .lif-tarjeta__cuerpo,.bl-app .lif-tarjeta__pie{padding-left:16px;padding-right:16px}.bl-app .lif-tarjeta{border-radius:16px}}
.bl-app .lif-insignia{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9px;font:700 var(--fs-etiqueta)/1.2 var(--fuente-texto);white-space:nowrap;background:var(--info-fondo);color:var(--acento)}
.bl-app .lif-insignia--verde{background:var(--exito-fondo);color:var(--exito)}
.bl-app .lif-insignia--rojo{background:var(--error-fondo);color:var(--error-texto)}
.bl-app .lif-insignia--naranja{background:var(--aviso-fondo);color:var(--aviso)}
.bl-app .lif-insignia--neutra{background:rgba(159,179,188,.10);color:var(--texto-suave)}
.bl-app .lif-insignia__punto{width:7px;height:7px;border-radius:50%;background:currentColor}
.bl-app .lif-progreso{display:flex;flex-direction:column;gap:6px;width:100%}
.bl-app .lif-progreso__texto{display:flex;justify-content:space-between;font-size:var(--fs-etiqueta);font-weight:600;color:var(--texto-suave)}
.bl-app .lif-progreso__texto strong{color:var(--acento)}
.bl-app .lif-progreso__pista{height:8px;background:var(--superficie-campo);border-radius:4px;overflow:hidden}
.bl-app .lif-progreso__relleno{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--lif-azul),var(--lif-celeste));transition:width .6s cubic-bezier(.16,1,.3,1)}
.bl-app .lif-progreso--fino .lif-progreso__pista{height:4px}
.bl-app .lif-progreso--indeterminado .lif-progreso__relleno{width:35%!important;animation:lifBarra 1.1s ease-in-out infinite}
@keyframes lifBarra{0%{transform:translateX(-100%)}100%{transform:translateX(290%)}}
.bl-app .lif-vermas{display:flex;flex-direction:column;gap:8px}
.bl-app .lif-vermas__boton{width:100%;display:flex;align-items:center;gap:.6rem;min-height:var(--objetivo-tactil);padding:10px 14px;border-radius:var(--radio-md);background:rgba(255,255,255,.03);border:1px dashed var(--borde-fuerte);color:var(--texto-secundario);font:600 var(--fs-cuerpo-sm)/1.2 var(--fuente-texto);cursor:pointer;text-align:left;transition:background var(--t),border-color var(--t)}
.bl-app .lif-vermas__boton span{flex:1}
.bl-app .lif-vermas__boton:hover{background:var(--info-fondo);border-color:var(--borde-punteado)}
.bl-app .lif-vermas__chevron{color:var(--texto-suave);font-size:12px;transition:transform var(--t)}
.bl-app .lif-vermas.is-abierto .lif-vermas__boton{border-style:solid}
.bl-app .lif-vermas.is-abierto .lif-vermas__chevron{transform:rotate(180deg);color:var(--acento)}
.bl-app .lif-vermas__cuerpo{padding:14px 16px;border-radius:var(--radio-md);background:var(--superficie-fila);border:1px solid var(--borde)}
.bl-app .lif-vermas__cuerpo[hidden]{display:none}
.bl-app .lif-carta{width:40px;height:56px;border-radius:5px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;line-height:1;border:0;padding:0;color:var(--palo-indice);font-family:var(--fuente-texto)}
.bl-app .lif-carta__rango{font-size:18px}
.bl-app .lif-carta__palo{font-size:16px;margin-top:2px}
.bl-app .lif-carta--h{background:var(--palo-corazon)}
.bl-app .lif-carta--d{background:var(--palo-diamante)}
.bl-app .lif-carta--c{background:var(--palo-trebol)}
.bl-app .lif-carta--s{background:var(--palo-pica)}
.bl-app .lif-carta--vacia{background:transparent;border:1.5px dashed var(--borde-punteado);color:var(--texto-tenue);font-size:20px;cursor:pointer}
.bl-app .lif-carta--chica{width:34px;height:46px}
.bl-app .lif-carta--chica .lif-carta__rango{font-size:16px}
.bl-app .lif-carta--chica .lif-carta__palo{font-size:14px}
.bl-app .lif-carta--grande{width:52px;height:72px}
.bl-app .lif-carta--grande .lif-carta__rango{font-size:24px}
.bl-app .lif-carta--grande .lif-carta__palo{font-size:20px}
.bl-app .lif-carta.is-seleccionada{box-shadow:0 0 0 3px var(--lif-celeste);transform:translateY(-3px)}
.bl-app .lif-carta.is-error{box-shadow:0 0 0 3px var(--error)}
.bl-app .lif-cartas{display:inline-flex;gap:6px}
.bl-app .lif-grilla{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:2px;aspect-ratio:1/1;width:100%;user-select:none;-webkit-user-select:none;touch-action:none}
.bl-app .lif-grilla--ejes{grid-template-columns:22px repeat(13,minmax(0,1fr));grid-template-rows:22px repeat(13,minmax(0,1fr));aspect-ratio:auto}
.bl-app .lif-grilla__eje{display:flex;align-items:center;justify-content:center;font:400 15px/1 var(--fuente-titulo);color:var(--acento)}
.bl-app .lif-celda{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;aspect-ratio:1/1;overflow:hidden;border:0;padding:0;border-radius:3px;background:var(--celda-vacia);color:var(--celda-texto);font:600 clamp(8px,1vw,13px)/1 var(--fuente-texto);cursor:pointer}
.bl-app .lif-celda--par{background:var(--celda-par)}
.bl-app .lif-celda--suited{background:var(--celda-suited)}
.bl-app .lif-celda.is-activa{color:var(--celda-texto-activa);text-shadow:0 1px 2px rgba(0,0,0,.7)}
.bl-app .lif-celda:hover{outline:1px solid var(--lif-azul);outline-offset:-1px}
.bl-app .lif-celda.is-foco{outline:2px solid var(--lif-celeste);outline-offset:-2px;z-index:2}
.bl-app .lif-celda__pct{font-size:.7em;font-weight:500;opacity:.85}
@media (max-width:560px){.bl-app .lif-grilla{gap:1px}.bl-app .lif-celda{border-radius:2px;font-size:clamp(7px,2.4vw,11px)}.bl-app .lif-celda__pct{display:none}}
@keyframes lifFade{from{opacity:0}to{opacity:1}}
@keyframes lifSubir{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/* ---- Bounty Lab (handoff de diseño) ---- */
.bl-app{--bl-pozo:#6ECFF0;            
  --bl-pozo-texto:var(--acento);
  --bl-bounty:#E4208C;          
  --bl-bounty-futuro:#C77DFF;   
  --bl-riesgo:#FF6B7F;          
  --bl-call:#3ec98a;
  --bl-fold:#ee8888;
  --bl-empate:#8FA8C8;}
.bl-app{display:flex;flex-direction:column;gap:22px;max-width:1240px;margin:0 auto;padding:32px;box-sizing:border-box;background:var(--superficie-fondo);color:var(--texto-principal);font-family:var(--fuente-texto)}
.bl-cabecera{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;min-height:46px}
.bl-nota{font-size:13px;color:var(--texto-tenue)}
.bl-torneo--resumen{flex:none;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 18px;border-radius:var(--radio-pill);border:1px solid var(--borde-fuerte);background:var(--superficie-panel)}
.bl-torneo--resumen > i{color:var(--texto-suave)}
.bl-torneo__resumen{font-weight:600;white-space:nowrap}
.bl-torneo--resumen .lif-boton{border-radius:var(--radio-pill)}
.bl-torneo__campos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.bl-torneo__fila{display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap}
.bl-torneo__fila .bl-avanzado{flex:1;min-width:260px}
.bl-estimado{display:inline-flex;margin-left:6px;padding:1px 6px;border-radius:var(--radio-xs);background:rgba(159,179,188,.12);color:var(--texto-suave);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px}
.bl-app .lif-segmentado__opcion:disabled{opacity:.45;cursor:not-allowed}
.bl-resultado{display:flex;flex-direction:column;gap:20px;padding:30px 36px;border-radius:var(--radio-xl);background:var(--superficie-panel);border:1px solid var(--linea-celeste-fuerte)}
.bl-resultado__grilla{display:grid;grid-template-columns:auto minmax(0,1fr) 280px;gap:40px;align-items:center}
.bl-resultado__principal{display:flex;flex-direction:column;gap:2px}
.bl-resultado__principal span{font-size:17px;font-weight:600;color:var(--texto-secundario)}
.bl-resultado__principal .bl-resultado__numero{font:400 120px/.88 var(--fuente-titulo);color:var(--texto-principal)}
.bl-resultado__medio{display:flex;flex-direction:column;gap:18px}
.bl-ahorro{display:grid;grid-template-columns:110px minmax(0,1fr) 60px;gap:10px;align-items:center}
.bl-ahorro__etiqueta{font-size:14px;color:var(--texto-suave);white-space:nowrap}
.bl-ahorro__etiqueta--fuerte{color:var(--texto-principal);font-weight:700}
.bl-ahorro__valor{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.bl-barra{display:block;height:14px;border-radius:7px;background:var(--superficie-campo);overflow:hidden}
.bl-barra__relleno{display:block;height:100%;border-radius:7px;background:var(--tinta-500);transition:width .6s var(--ease)}
.bl-barra__relleno--pozo{background:var(--bl-pozo)}
.bl-ahorro__texto{font-size:15px;color:var(--texto-secundario)}
.bl-bounty{color:var(--bl-bounty);font-weight:700}
.bl-decision-slot{display:flex;justify-content:center}
.bl-decision{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 28px;border-radius:var(--radio-xl);border:3px solid;transform:rotate(-3deg)}
.bl-decision__accion{font:400 72px/.9 var(--fuente-titulo);letter-spacing:.08em}
.bl-decision__ev{font-weight:700}
.bl-decision__detalle{font-size:13px;color:var(--texto-suave)}
.bl-decision--call{border-color:var(--bl-call);background:var(--exito-fondo)}
.bl-decision--call .bl-decision__accion{color:var(--bl-call)}
.bl-decision--fold{border-color:var(--bl-fold);background:var(--error-fondo)}
.bl-decision--fold .bl-decision__accion{color:var(--bl-fold)}
.bl-decision--calculando{transform:none;border:2px dashed var(--borde-punteado);background:transparent;width:230px;text-align:center}
.bl-decision--calculando .bl-decision__accion{font-size:40px;color:var(--texto-minimo)}
.bl-agregar-mano{flex-direction:column;gap:6px;padding:22px 26px;height:auto;white-space:normal;text-align:center;width:240px}
.bl-agregar-mano strong{font-size:17px}
.bl-agregar-mano span{font-size:14px;font-weight:500;color:var(--texto-suave)}
.bl-resultado--vacio,.bl-resultado--error{flex-direction:row;align-items:center;gap:36px}
.bl-resultado--vacio{border:1px dashed var(--borde-punteado)}
.bl-resultado--vacio .bl-resultado__numero{font:400 120px/.88 var(--fuente-titulo);color:var(--texto-minimo)}
.bl-resultado--error{gap:24px;border-color:var(--borde)}
.bl-resultado__titulo{font-size:20px;font-weight:700}
.bl-resultado__guia{font-size:16px;color:var(--texto-secundario);line-height:1.5}
.bl-resultado__icono-error{width:56px;height:56px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:22px;background:var(--error-fondo);color:var(--error-texto)}
.bl-aviso{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radio);background:var(--aviso-fondo);border:1px solid rgba(255,122,69,.45);font-size:16px;font-weight:600}
.bl-aviso i{color:var(--aviso);font-size:20px}
.bl-spot .lif-tarjeta__cuerpo{padding:28px 32px}
.bl-mesa{position:relative;height:330px;border-radius:170px;background:radial-gradient(ellipse at center,var(--superficie-elevada),var(--superficie-campo));border:2px solid var(--borde-fuerte);box-shadow:inset 0 0 0 10px var(--superficie-panel)}
.bl-asiento{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:var(--radio-xl);background:var(--superficie-panel);border:1px solid var(--borde-fuerte);box-shadow:var(--sombra-1)}
.bl-asiento--rival{top:-14px}
.bl-asiento--vos{bottom:-18px;border-color:var(--lif-azul)}
.bl-asiento__datos{display:flex;flex-direction:column;gap:2px}
.bl-asiento--vos .lif-etiqueta{color:var(--acento)}
.bl-dato{background:none;border:0;padding:0;font:400 28px/1 var(--fuente-titulo);color:var(--texto-principal);border-bottom:1px dashed var(--borde-punteado);min-width:64px;cursor:pointer;align-self:flex-start;text-align:left}
.bl-dato.is-vacio{color:var(--texto-tenue)}
.bl-allin{white-space:nowrap;font:400 20px/1 var(--fuente-titulo);letter-spacing:.06em;padding:6px 10px;border-radius:var(--radio-sm);background:var(--accion-allin);color:#fff}
.bl-ficha-bounty{background:transparent;font:inherit;font-family:var(--fuente-texto);display:flex;flex-direction:column;align-items:center;padding:6px 12px;border-radius:var(--radio-pill);border:2px solid var(--bl-bounty);color:var(--bl-bounty);cursor:pointer}
.bl-ficha-bounty small{font-size:11px;font-weight:700;letter-spacing:.1em}
.bl-ficha-bounty b{font-size:17px;border-bottom:1px dashed currentColor}
.bl-ficha-bounty.is-fuera-de-juego{opacity:.45}
.bl-ficha-bounty.is-fuera-de-juego b{text-decoration:line-through}
.bl-mesa__pozo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}
.bl-mesa__pozo .lif-etiqueta{color:var(--bl-pozo-texto)}
.bl-mesa__pozo-valor{font:400 44px/1 var(--fuente-titulo);color:var(--bl-pozo-texto)}
.bl-mesa__pozo-detalle{white-space:nowrap;font-size:13px;color:var(--texto-suave)}
.bl-mesa__lado{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}
.bl-mesa__lado--izq{left:36px;width:240px}
.bl-mesa__lado--der{right:36px;width:200px;align-items:flex-end}
.bl-mano__agregar{width:76px;font-size:14px;font-weight:600;gap:2px}
.bl-mano__agregar span{font-size:11px}
.bl-wtl{display:flex;height:12px;border-radius:6px;overflow:hidden;gap:2px}
.bl-wtl__gana{background:var(--bl-call);transition:width .3s}
.bl-wtl__empata{background:var(--bl-empate);transition:width .3s}
.bl-wtl__pierde{background:var(--bl-fold);flex:1}
.bl-wtl__texto{font-size:13px;color:var(--texto-secundario);font-variant-numeric:tabular-nums}
.bl-mano--calculando .bl-wtl{opacity:.75}
.bl-mano__estado{font-size:13px;color:var(--texto-tenue);font-variant-numeric:tabular-nums}
.bl-mano--calculando .lif-etiqueta{display:flex;align-items:center;gap:8px}
.bl-mano--calculando .lif-etiqueta i{color:var(--acento)}
.bl-metodos .lif-vermas__cuerpo{display:flex;flex-direction:column;gap:8px;padding:16px 18px}
.bl-metodo{display:grid;grid-template-columns:240px minmax(0,1fr) 70px 160px;align-items:center;gap:16px;padding:10px 12px;border-radius:var(--radio);border:1px solid transparent}
.bl-metodo__nombre{font-size:15px;font-weight:500}
.bl-metodo__valor{font:400 24px/1 var(--fuente-titulo);text-align:right}
.bl-metodo__acciones{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.bl-metodo .bl-barra__relleno{background:rgba(110,207,240,.55)}
.bl-metodo--chipev .bl-barra__relleno{background:var(--tinta-500)}
.bl-metodo--destacado{background:var(--info-fondo);border-color:var(--linea-celeste-fuerte)}
.bl-metodo--destacado .bl-metodo__nombre{font-weight:800}
.bl-metodo--destacado .bl-barra__relleno{background:var(--bl-pozo)}
.bl-porque{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px;margin-top:6px;padding:22px 24px;border-radius:var(--radio-md);background:var(--superficie-panel);border:1px solid var(--linea-celeste-fuerte)}
.bl-porque[hidden]{display:none}
.bl-porque__explicacion{display:flex;flex-direction:column;gap:16px}
.bl-porque__cabecera{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bl-porque__texto{margin:0;font-size:16px;line-height:1.55;color:var(--texto-secundario)}
.bl-porque__formula{padding:14px 16px;border-radius:var(--radio);background:var(--superficie-campo);font-size:16px;font-weight:600;line-height:1.7;font-variant-numeric:tabular-nums}
.bl-termino--pozo{color:var(--bl-pozo-texto)}
.bl-termino--bounty{color:var(--bl-bounty)}
.bl-termino--riesgo{color:var(--bl-riesgo)}
.bl-termino--resultado{color:var(--acento);font-weight:800}
.bl-desglose{display:flex;flex-direction:column;gap:14px}
.bl-desglose__fila{display:grid;grid-template-columns:70px minmax(0,1fr) 80px;gap:12px;align-items:center}
.bl-desglose__nombre,.bl-desglose__total{font-weight:700}
.bl-desglose__total{text-align:right;font-variant-numeric:tabular-nums}
.bl-desglose__barra{display:flex;height:28px;gap:2px;border-radius:5px;overflow:hidden}
.bl-desglose__premio{background:var(--bl-pozo)}
.bl-desglose__bounty{background:var(--bl-bounty)}
.bl-desglose__futuros{background:var(--bl-bounty-futuro)}
.bl-leyenda{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--texto-suave);padding-left:82px}
.bl-leyenda span{display:flex;gap:6px;align-items:center}
.bl-leyenda i{width:10px;height:10px;border-radius:2px}
.bl-estado-torneo .lif-vermas__cuerpo{display:flex;gap:28px;flex-wrap:wrap;font-size:14px;color:var(--texto-secundario)}
.bl-app[data-estado="vacio"] .bl-metodos,.bl-app[data-estado="vacio"] .bl-estado-torneo,.bl-app[data-estado="error"] .bl-metodos,.bl-app[data-estado="error"] .bl-estado-torneo{opacity:.4;pointer-events:none}
.bl-app [data-solo]{display:none}
.bl-app[data-estado="vacio"]      [data-solo~="vacio"],.bl-app[data-estado="sin-mano"]   [data-solo~="sin-mano"],.bl-app[data-estado="con-mano"]   [data-solo~="con-mano"],.bl-app[data-estado="calculando"] [data-solo~="calculando"],.bl-app[data-estado="error"]      [data-solo~="error"],.bl-app[data-estado="no-cubre"]   [data-solo~="no-cubre"]{display:contents}
@media (max-width:1100px){.bl-resultado__grilla{grid-template-columns:minmax(0,1fr) auto;gap:20px 32px}.bl-resultado__medio{grid-column:1/-1;grid-row:2}.bl-resultado__principal .bl-resultado__numero{font-size:96px}.bl-torneo__campos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){.bl-spot .lif-tarjeta__cuerpo{padding:16px}.bl-mesa{height:auto;border-radius:0;background:none;border:0;box-shadow:none;display:flex;flex-direction:column;gap:10px}.bl-asiento,.bl-mesa__pozo,.bl-mesa__lado{position:static;transform:none;width:auto}.bl-asiento{gap:10px;padding:12px 14px;border-radius:var(--radio-lg);background:var(--superficie-elevada);box-shadow:none}.bl-asiento__datos{flex:1}.bl-mesa__pozo{order:1;flex-direction:row;justify-content:space-between;padding:10px 14px;border-radius:var(--radio-pill);background:rgba(110,207,240,.10);border:1px solid rgba(110,207,240,.3)}.bl-mesa__pozo-valor{font-size:28px}.bl-asiento--rival{order:0}.bl-asiento--vos{order:2}.bl-mesa__lado--izq{order:3}.bl-mesa__lado--der{order:4;align-items:stretch}.bl-mesa__lado--der .lif-segmentado{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}}
@media (max-width:720px){.bl-app{padding:20px 16px;gap:14px}.bl-torneo__resumen{font-size:14px}.bl-torneo__campos{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-resultado{padding:20px 18px;gap:14px}.bl-resultado__grilla{grid-template-columns:minmax(0,1fr) auto;gap:14px}.bl-resultado__medio{grid-column:1/-1;grid-row:2}.bl-resultado__principal .bl-resultado__numero{font-size:68px}.bl-resultado__principal span{font-size:14px}.bl-resultado--vacio .bl-resultado__numero{font-size:64px}.bl-resultado--vacio,.bl-resultado--error{flex-direction:column;align-items:flex-start;gap:12px}.bl-decision{padding:10px 14px}.bl-decision__accion{font-size:40px}.bl-decision__detalle{display:none}.bl-agregar-mano,.bl-decision--calculando{width:auto;padding:12px}.bl-ahorro{grid-template-columns:92px minmax(0,1fr) 48px;font-size:13px}.bl-barra{height:10px}.bl-metodo{grid-template-columns:minmax(0,1fr) 60px;gap:6px 12px}.bl-metodo .bl-barra{grid-column:1/-1;grid-row:2}.bl-metodo__acciones{grid-column:1/-1;justify-content:flex-start}.bl-porque{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-modal);max-height:80vh;overflow:auto;margin:0;grid-template-columns:1fr;gap:18px;padding:12px 20px 24px;border-radius:22px 22px 0 0;border-width:1px 0 0;box-shadow:var(--sombra-modal);animation:lifSubir .3s var(--ease)}.bl-porque::before{content:"";justify-self:center;width:44px;height:5px;border-radius:3px;background:var(--borde-fuerte)}.bl-leyenda{padding-left:0}}
@media (prefers-reduced-motion:reduce){.bl-barra__relleno,.bl-wtl__gana,.bl-wtl__empata,.bl-porque{transition:none;animation:none}}
/* ---- Integración con el dashboard ---- */
/* Dentro de una .view el dashboard ya da el espaciado: alinear con las otras herramientas */
.view > .bl-app{padding:0 0 32px;background:transparent}
@media (max-width:720px){.view > .bl-app{padding:0 0 20px}}
.bl-app [hidden]{display:none!important}

/* ---- Piezas que el handoff dejó "a definir" (mismo sistema de tokens) ---- */
/* Edición en línea de un dato de la mesa */
.bl-dato-input{width:5.2em;min-height:36px;padding:2px 8px;border-radius:var(--radio-sm);border:1px solid var(--acento);background:var(--superficie-campo);color:var(--texto-principal);font:400 28px/1 var(--fuente-titulo);box-shadow:var(--anillo)}
.bl-dato-input:focus{outline:none}
.bl-dato-input--chico{width:5.5em;font:700 16px/1.2 var(--fuente-texto);min-height:30px}
.bl-mesa__pozo-detalle .bl-dato{font:inherit;font-weight:700;min-width:0;color:var(--texto-secundario)}
.bl-mesa__pozo-detalle .bl-dato-input{font:700 14px/1.2 var(--fuente-texto);width:6.5em;min-height:28px}

/* Botón "Listo" y ejemplo */
.bl-torneo__fila .bl-listo{margin-left:auto}
.bl-ejemplo{margin-top:14px}

/* Estructura de pagos real */
.bl-pagos-real textarea{min-height:150px;font-family:var(--fuente-mono);font-size:14px;resize:vertical}

/* ¿Por qué? botón cerrar */
.bl-porque__cerrar{margin-left:auto}

/* Desglose de métodos simples: lo que arriesgás vs lo que podés ganar */
.bl-desglose__riesgo{background:var(--bl-riesgo)}
.bl-desglose__fila--simple{grid-template-columns:110px minmax(0,1fr) 80px}
.bl-desglose--simple .bl-leyenda{padding-left:122px}

/* Capa flotante (selector de mano y rango del rival) */
.bl-capa{position:fixed;z-index:var(--z-modal);width:min(440px,calc(100vw - 24px));max-height:min(80vh,640px);overflow:auto;padding:18px;border-radius:var(--radio-lg);background:var(--superficie-panel);border:1px solid var(--linea-celeste-fuerte);box-shadow:var(--sombra-modal);display:flex;flex-direction:column;gap:14px;animation:lifSubir .2s var(--ease)}
.bl-capa__cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bl-capa__pie{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.bl-capa .lif-celda{font-size:12px}
.bl-capa .lif-celda.is-activa{background:var(--lif-azul)}
.bl-rango-slider{width:100%;accent-color:var(--lif-azul)}
.bl-rango-valor{font:400 40px/1 var(--fuente-titulo);color:var(--acento)}
@media (max-width:720px){
  .bl-capa{left:0!important;right:0;bottom:0;top:auto!important;width:100%;max-height:85vh;border-radius:22px 22px 0 0;border-width:1px 0 0}
}
@media (prefers-reduced-motion:reduce){.bl-capa{animation:none}}

/* Envoltorios de JS que no deben alterar el layout de la mesa */
.bl-app [data-ref="manoPanel"],.bl-app [data-ref="tusCartas"]{display:contents}
@media (max-width:980px){
  .bl-mesa__pozo{flex-wrap:wrap;gap:2px 12px;justify-content:flex-start}
  .bl-mesa__pozo-detalle{white-space:normal;text-align:left}
}
@media (max-width:720px){
  .bl-torneo--resumen{flex-wrap:wrap;border-radius:var(--radio-lg);padding:10px 12px}
  .bl-torneo__resumen{white-space:normal}
  .bl-resultado__principal .bl-resultado__numero{font-size:clamp(48px,16vw,68px)}
}

/* Métodos de cálculo: encabezados de columna y línea explicativa por método */
.bl-metodo{grid-template-columns:minmax(0,320px) minmax(0,1fr) 80px 170px}
.bl-metodos__cabecera{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr) 80px 170px;gap:16px;padding:0 13px 2px;font-size:var(--fs-etiqueta);font-weight:700;letter-spacing:var(--ls-etiqueta);text-transform:uppercase;color:var(--texto-suave)}
.bl-metodos__cabecera span:nth-child(3){text-align:right;white-space:nowrap}
.bl-metodo__nombre{display:flex;flex-direction:column;gap:3px}
.bl-metodo__sub{font-size:13px;font-weight:500;color:var(--texto-suave)}
.bl-metodo--destacado .bl-metodo__sub{color:var(--exito);font-weight:600}
.bl-metodo__sub--aviso{color:var(--aviso);font-weight:600}
@media (max-width:720px){
  .bl-metodo{grid-template-columns:minmax(0,1fr) 64px}
  .bl-metodos__cabecera{grid-template-columns:minmax(0,1fr) auto;padding:0 12px}
  .bl-metodos__cabecera span:nth-child(2),.bl-metodos__cabecera span:nth-child(4){display:none}
}

/* Modo Manual y bounty "lo que cobrás" */
.bl-mesa__pozo-valor .bl-dato{font:inherit;color:inherit;min-width:0}
.bl-ficha-total{font-size:11px;font-weight:600;opacity:.85}
.bl-ficha-total:empty{display:none}

/* ---- Solo modo manual: rango del rival en su asiento ---- */
.bl-dato--rango{font:700 15px/1.3 var(--fuente-texto);color:var(--bl-bounty);display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px}
.bl-dato--rango__accion{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.bl-dato--rango__accion i{font-size:11px}
.bl-dato--rango__txt{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:600;color:var(--texto-secundario)}
.bl-dato--rango i{font-size:11px}

/* ---- Ayuda de la mesa ---- */
.bl-spot__titulo{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bl-ayuda-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--borde-fuerte);background:var(--superficie-elevada);color:var(--acento);display:inline-grid;place-items:center;cursor:pointer;font-size:14px}
.bl-ayuda-btn[aria-expanded="true"]{background:var(--lif-azul);color:var(--texto-sobre-azul);border-color:var(--lif-celeste)}
.bl-ayuda-pista{font-size:14px;color:var(--texto-suave)}
.bl-ayuda{margin:0 0 22px;padding:16px 18px;border-radius:var(--radio-lg);background:var(--superficie-elevada);border:1px solid var(--linea-celeste-fuerte)}
.bl-ayuda__cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.bl-ayuda__intro{color:var(--texto-secundario);font-size:15px;margin:0 0 12px}
.bl-ayuda__lista{margin:0;padding:0;list-style:none;counter-reset:ayuda;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px 22px}
.bl-ayuda__lista li{counter-increment:ayuda;display:grid;grid-template-columns:24px 1fr;gap:10px;font-size:15px;line-height:1.5;color:var(--texto-secundario)}
.bl-ayuda__lista li::before{content:counter(ayuda);width:24px;height:24px;border-radius:50%;background:var(--lif-azul);color:var(--texto-sobre-azul);font-size:13px;font-weight:700;display:grid;place-items:center}
.bl-ayuda__lista b{color:var(--texto-principal)}
.bl-app [data-num]{position:relative}
.bl-app.is-ayuda [data-num]::after{content:attr(data-num);position:absolute;top:-10px;right:-12px;width:22px;height:22px;border-radius:50%;background:var(--lif-azul);color:var(--texto-sobre-azul);font:700 12px/22px var(--fuente-texto);text-align:center;box-shadow:0 0 0 2px var(--superficie-panel);z-index:2}
.bl-app.is-ayuda .bl-dato,.bl-app.is-ayuda .bl-ficha-bounty,.bl-app.is-ayuda .lif-cartas,.bl-app.is-ayuda .bl-mano__agregar{outline:2px solid rgba(110,207,240,.55);outline-offset:3px;border-radius:6px}
.bl-app.is-ayuda .bl-ficha-bounty{border-radius:var(--radio-pill)}

/* ---- Editor de rango ---- */
.bl-capa--rango{width:min(820px,calc(100vw - 24px))}
.bl-rango{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}
.bl-rango__grilla .lif-celda.is-activa{background:color-mix(in srgb,var(--bl-bounty) calc(var(--peso,1)*100%),var(--celda-vacia));color:#fff}
.bl-rango__stats{margin:8px 0 0;font-size:14px;font-weight:600;color:var(--texto-secundario)}
.bl-rango__lado{display:flex;flex-direction:column;gap:16px}
.bl-rango__botones{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:720px){.bl-rango{grid-template-columns:1fr}}

/* Editor de rango: ventana centrada con fondo, el contenido se desplaza y el botón queda siempre visible */
.bl-capa-fondo{position:fixed;inset:0;z-index:calc(var(--z-modal) - 1);background:var(--superficie-overlay)}
.bl-capa.bl-capa--centrada{inset:0;margin:auto;height:fit-content;max-height:calc(100vh - 40px);overflow:hidden}
.bl-capa--rango{display:flex;flex-direction:column}
.bl-capa--rango .bl-rango{flex:1 1 auto;min-height:0;overflow:auto;padding-right:4px}
.bl-capa--rango .bl-capa__pie{flex:none;padding-top:12px;border-top:1px solid var(--borde)}
@media (max-width:720px){.bl-capa.bl-capa--centrada{inset:auto 0 0 0;margin:0;max-height:90vh;width:100%}}

/* Avisos de datos sospechosos (no frenan el cálculo) */
.bl-aviso--datos{flex-direction:column;align-items:stretch;gap:8px;font-size:15px}
.bl-aviso--datos p{margin:0;display:flex;gap:12px;align-items:flex-start}
.bl-aviso--datos p i{margin-top:3px}
/* "Avanzado" abierto ocupa toda la fila, así los tres campos entran cómodos */
.bl-torneo__fila .bl-avanzado.is-abierto{flex-basis:100%;order:5}

/* ¿Por qué?: una caja por paso, con número y título */
.bl-pasos{display:flex;flex-direction:column;gap:10px}
.bl-paso{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border-radius:var(--radio);background:var(--superficie-campo)}
.bl-paso:not(:has(.bl-paso__num)){grid-template-columns:minmax(0,1fr)}
.bl-paso__num{width:26px;height:26px;border-radius:50%;background:var(--lif-azul);color:var(--texto-sobre-azul);font:700 13px/26px var(--fuente-texto);text-align:center}
.bl-paso__cuerpo{display:flex;flex-direction:column;gap:4px;min-width:0}
.bl-paso__titulo{margin:0;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-suave)}
.bl-paso__linea{margin:0;font-size:16px;font-weight:600;line-height:1.55;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.bl-paso__nota{font-size:13px;font-weight:500;color:var(--texto-tenue)}

/* Tabla de premios por puesto (como HRC) */
.bl-pagos__cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:460px}
.bl-pagos__marco{max-height:340px;overflow:auto;border:1px solid var(--borde-fuerte);border-radius:var(--radio);background:var(--superficie-campo);max-width:460px}
.bl-pagos{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.bl-pagos thead th{position:sticky;top:0;z-index:1;background:var(--superficie-elevada);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-suave);padding:10px 12px;text-align:right;border-bottom:1px solid var(--borde-fuerte)}
.bl-pagos thead th:first-child{text-align:center;width:76px}
.bl-pagos tbody th{font-weight:700;color:var(--texto-secundario);text-align:center;padding:0 8px;border-bottom:1px solid var(--borde);background:rgba(255,255,255,.02)}
.bl-pagos td{border-bottom:1px solid var(--borde);padding:0}
.bl-pagos__celda{width:100%;height:40px;border:0;background:transparent;color:var(--texto-principal);font:600 16px var(--fuente-texto);text-align:right;padding:0 12px;outline:none}
.bl-pagos__celda:focus{background:rgba(110,207,240,.12);box-shadow:inset 0 0 0 2px var(--lif-celeste)}
.bl-pagos__celda::placeholder{color:var(--texto-tenue);opacity:1;letter-spacing:.1em}
.bl-pagos__pct{text-align:right;padding:0 12px;color:var(--texto-suave);font-size:14px;width:90px}
.bl-pagos tr.is-repite .bl-pagos__pct{color:var(--texto-tenue)}
.bl-pagos tr.is-fuera th{color:var(--texto-tenue)}
.bl-pagos__resumen{font-size:14px;font-weight:600;color:var(--texto-secundario)}
.bl-pagos__resumen:empty{display:none}

/* ---- Tabla de premios v2: tabla + panel de resumen ---- */
.bl-pagos__layout{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:20px;align-items:start}
.bl-pagos__marco{max-width:none;max-height:380px;scrollbar-width:thin;scrollbar-color:var(--borde-fuerte) transparent}
.bl-pagos__marco::-webkit-scrollbar{width:10px}
.bl-pagos__marco::-webkit-scrollbar-track{background:transparent}
.bl-pagos__marco::-webkit-scrollbar-thumb{background:var(--borde-fuerte);border-radius:8px;border:2px solid var(--superficie-campo)}
.bl-pagos tbody th{width:76px}
.bl-pagos__celda{height:38px;font-size:16px}
.bl-pagos__pct{padding-right:16px}
.bl-pagos tr.is-repite .bl-pagos__celda::placeholder{color:var(--texto-tenue);font-weight:500;letter-spacing:0}
.bl-pagos tr.is-ultimo th{color:var(--lif-celeste)}
.bl-pagos tr.is-ultimo td{border-bottom:2px solid var(--lif-celeste)}
.bl-pagos tr.is-fuera .bl-pagos__celda{opacity:.75}
.bl-pagos__panel{display:flex;flex-direction:column;gap:14px;padding:16px 18px;border-radius:var(--radio-lg);background:var(--superficie-elevada);border:1px solid var(--borde)}
.bl-pagos__datos{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bl-pagos__datos div{display:flex;flex-direction:column;gap:2px}
.bl-pagos__datos dt{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-suave)}
.bl-pagos__datos dd{margin:0;font-size:20px;font-weight:700;color:var(--texto-principal);font-variant-numeric:tabular-nums}
.bl-pagos__estado{margin:0;display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--radio);font-size:15px;font-weight:600;color:var(--texto-secundario);background:var(--superficie-campo)}
.bl-pagos__estado.is-bien{color:var(--bl-call);background:rgba(61,214,140,.1)}
.bl-pagos__estado.is-mal{color:var(--error-texto);background:rgba(255,92,92,.1)}
.bl-pagos__estado i{margin-top:3px}
.bl-pagos__tips{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--texto-suave);line-height:1.45}
.bl-pagos__tips b{color:var(--texto-secundario)}
.bl-pagos__panel .lif-boton{align-self:flex-start}
.bl-pagos__ayuda{display:none}
@media (max-width:860px){.bl-pagos__layout{grid-template-columns:1fr}.bl-pagos__datos{grid-template-columns:1fr 1fr}}

/* ---- Mesa con marca LIF (handoff Claude Design, opción 3B) ---- */


/* Paño azul profundo con brillo + doble aro + resplandor celeste */
.bl-mesa--lif{
  background:radial-gradient(ellipse at 50% 40%,#0a3a78,#002E67 45%,var(--navy-900) 100%);
  border:1.5px solid rgba(110,207,240,.45);
  box-shadow:0 0 0 6px var(--navy-850),0 0 0 7px var(--borde-fuerte),0 0 50px rgba(110,207,240,.18);
}

/* Línea de apuestas punteada (decorativa) */
.bl-mesa--lif::before{
  content:"";position:absolute;inset:34px 70px;border-radius:200px;
  border:1.5px dashed rgba(110,207,240,.22);pointer-events:none;
}

/* Parche de marca: lado derecho de la mesa (zona libre) */
.bl-mesa__marca{
  position:absolute;right:56px;top:50%;transform:translateY(-50%);
  display:flex;align-items:center;gap:12px;pointer-events:none;user-select:none;
}
.bl-mesa__marca-isotipo{
  width:88px;height:88px;display:block;
  background:url("lif-isotipo-mesa.png") center/contain no-repeat; /* mismo directorio que este CSS */
  filter:drop-shadow(0 0 18px rgba(110,207,240,.35));
}
.bl-mesa__marca-texto{display:flex;flex-direction:column;align-items:center;gap:8px}
.bl-mesa__marca-nombre{font:400 36px/.9 var(--fuente-titulo);letter-spacing:.1em;white-space:nowrap}
.bl-mesa__marca-lif{color:#fff}
.bl-mesa__marca-poker{color:var(--lif-celeste)}
.bl-mesa__marca-lema{
  font:700 11px/1 var(--fuente-texto);letter-spacing:.32em;margin-right:-.32em; /* compensa el tracking para centrar */
  color:var(--texto-suave);white-space:nowrap;
}

/* Tema claro: el paño sigue oscuro (es la mesa), solo se suaviza el aro exterior */
[data-tema="claro"] .bl-mesa--lif{
  box-shadow:0 0 0 6px #FFFFFF,0 0 0 7px var(--borde-fuerte),0 0 40px rgba(20,129,192,.18);
}

/* El parche se oculta cuando no hay lugar (la mesa pasa a vertical) */
@media (max-width:980px){
  .bl-mesa__marca,.bl-mesa--lif::before{display:none}
  .bl-mesa--lif{background:none;border:0;box-shadow:none}
}
/* La marca nunca tapa el pozo: se achica cuando la mesa es angosta (por ejemplo con el menú lateral abierto) y se oculta si no entra */
.bl-mesa--lif{container-type:inline-size}
@container (max-width:1110px){
  .bl-mesa__marca{right:40px}
  .bl-mesa__marca-isotipo{width:72px;height:72px}
  .bl-mesa__marca-nombre{font-size:30px}
}
@container (max-width:1000px){.bl-mesa__marca{display:none}}

