.bracket{display:flex;gap:var(--e-12);overflow-x:auto;padding:var(--e-4) var(--e-1) var(--e-6);align-items:stretch;min-height:420px}.bracket-columna{display:flex;flex-direction:column;gap:var(--e-4);min-width:240px;flex:1}.bracket-titulo{font-size:13px;font-weight:700;color:var(--texto-dim);text-transform:uppercase;letter-spacing:1px;text-align:center}.bracket-llaves{display:flex;flex-direction:column;justify-content:space-around;gap:var(--e-6);flex:1}.llave{background:var(--superficie);border:2px solid var(--estado-pendiente);border-radius:var(--r-md);padding:12px 14px;display:flex;flex-direction:column;gap:var(--e-2);transition:transform .15s ease,box-shadow .15s ease}.llave:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000040}.llave-lado{display:flex;justify-content:space-between;align-items:center;gap:var(--e-2);font-size:14px;font-weight:600;color:var(--texto-suave)}.llave-ganador{color:var(--texto);font-weight:700}.llave-perdedor{color:var(--texto-tenue)}.llave-nombre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.llave-marcador{font-weight:800;font-variant-numeric:tabular-nums}.llave-nota{font-size:11px;font-weight:700;color:var(--texto-tenue);letter-spacing:.5px}.llave-nota-vivo{color:var(--acento)}@media(max-width:900px){.bracket{gap:var(--e-6)}.bracket-columna{min-width:200px}}.presentar{min-height:100vh;background:var(--fondo-profundo);padding:var(--e-8) clamp(var(--e-6),3vw,56px);display:flex;flex-direction:column;gap:var(--e-6)}.presentar-cabecera{display:flex;align-items:center;justify-content:space-between;gap:var(--e-4);flex-wrap:wrap}.presentar-titulo{font-size:clamp(28px,2.6vw,34px);font-weight:800;margin:0}.presentar-punto{width:20px;height:20px;background:var(--acento);border-radius:4px}.presentar-ronda{font-weight:700;font-size:clamp(16px,1.6vw,22px);color:var(--texto-dim);letter-spacing:1px}.presentar-controles{display:flex;align-items:center;gap:var(--e-3);flex-wrap:wrap}.presentar-cuerpo{display:flex;gap:var(--e-8);flex-wrap:wrap;align-items:flex-start}.presentar-columna{display:flex;flex-direction:column;gap:var(--e-4);min-width:320px}.presentar-seccion{font-size:clamp(16px,1.5vw,20px);font-weight:700;text-transform:uppercase;letter-spacing:2px;margin:0;color:var(--texto-dim)}.presentar-seccion-vivo{color:var(--acento)}.presentar-seccion-proxima{color:var(--estado-en-pausa)}.presentar-vivo{background:var(--superficie);border:3px solid var(--acento);border-radius:14px;padding:clamp(18px,2vw,28px);display:flex;justify-content:space-between;align-items:center;gap:var(--e-4)}.presentar-pausada{border-color:var(--estado-en-pausa)}.presentar-jugador{font-weight:800;font-size:clamp(20px,2.4vw,32px);flex:1}.presentar-jugador:last-child{text-align:right}.presentar-vs{font-weight:800;font-size:clamp(16px,1.8vw,26px);color:var(--acento)}.presentar-pausada .presentar-vs{color:var(--estado-en-pausa)}.presentar-proxima{background:var(--superficie);border:2px solid var(--borde);border-radius:var(--r-lg);padding:clamp(14px,1.4vw,18px) 22px;display:flex;justify-content:space-between;gap:var(--e-4);font-weight:700;font-size:clamp(16px,1.6vw,22px);color:var(--texto-suave)}.presentar-vacio{color:var(--texto-tenue);font-size:16px;margin:0}.presentar-bracket{width:100%}@media print{.presentar-controles,.presentar-toggle{display:none}}:root{--acento: oklch(84% .23 131);--acento-hover: oklch(90% .2 131);--sobre-acento: oklch(15% .012 250);--estado-pendiente: oklch(55% .012 250);--estado-en-curso: oklch(84% .23 131);--estado-en-pausa: oklch(76% .15 70);--estado-finalizada: oklch(68% .16 148);--peligro: oklch(68% .19 27);--fondo: oklch(15% .012 250);--fondo-profundo: oklch(13% .012 250);--superficie: oklch(19% .013 250);--superficie-2: oklch(23% .014 250);--borde: oklch(31% .015 250);--borde-fuerte: oklch(42% .016 250);--texto: oklch(97% .004 250);--texto-suave: oklch(90% .005 250);--texto-dim: oklch(70% .014 250);--texto-tenue: oklch(52% .014 250);--e-1: 4px;--e-2: 8px;--e-3: 12px;--e-4: 16px;--e-6: 24px;--e-8: 32px;--e-12: 48px;--e-16: 64px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-xl: 12px;--fuente: "Poppins", system-ui, -apple-system, sans-serif;color-scheme:dark}:root[data-tema=dia]{--fondo: oklch(96% .004 250);--fondo-profundo: oklch(93% .006 250);--superficie: oklch(100% 0 0);--superficie-2: oklch(93% .006 250);--borde: oklch(85% .008 250);--borde-fuerte: oklch(72% .01 250);--texto: oklch(20% .01 250);--texto-suave: oklch(28% .01 250);--texto-dim: oklch(45% .012 250);--texto-tenue: oklch(58% .012 250);--sobre-acento: oklch(15% .012 250);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--fuente);font-weight:400;-webkit-font-smoothing:antialiased}::selection{background:var(--acento);color:var(--sobre-acento)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit}:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.pagina{min-height:100%;display:flex;flex-direction:column}.contenido{flex:1;padding:var(--e-8);display:flex;flex-direction:column;gap:var(--e-6);max-width:1440px;width:100%;margin:0 auto}.fila{display:flex;align-items:center;gap:var(--e-3)}.fila-entre{display:flex;align-items:center;justify-content:space-between;gap:var(--e-4);flex-wrap:wrap}.columna{display:flex;flex-direction:column;gap:var(--e-3)}.titulo-pagina{font-size:28px;font-weight:800;margin:0}.subtitulo{font-size:13px;font-weight:700;color:var(--texto-dim);text-transform:uppercase;letter-spacing:1px;margin:0}.barra{height:72px;background:var(--superficie);border-bottom:2px solid var(--borde);display:flex;align-items:center;justify-content:space-between;padding:0 var(--e-8);flex-shrink:0;gap:var(--e-4)}.marca{display:flex;align-items:center;gap:var(--e-3);font-weight:800;font-size:18px;letter-spacing:.5px}.marca-acento{color:var(--acento)}.nav{display:flex;gap:var(--e-6)}.nav a{color:var(--texto-dim);font-weight:600;font-size:14px;padding:var(--e-2) 0}.nav a:hover{color:var(--texto)}.nav a.activo{color:var(--acento);font-weight:700}.boton{padding:12px 22px;border-radius:var(--r-md);font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:var(--e-2);transition:filter .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.boton:disabled{opacity:.5;cursor:not-allowed}.boton-primario{background:var(--acento);color:var(--sobre-acento)}.boton-primario:hover:not(:disabled){background:var(--acento-hover)}.boton-secundario{background:transparent;border:2px solid var(--borde-fuerte);color:var(--texto)}.boton-secundario:hover:not(:disabled){border-color:var(--acento)}.boton-fantasma{background:transparent;color:var(--texto-dim)}.boton-fantasma:hover:not(:disabled){color:var(--texto)}.boton-peligro{background:var(--peligro);color:var(--texto)}.boton-pausa{background:var(--estado-en-pausa);color:var(--sobre-acento)}.boton-sm{padding:8px 16px;font-size:13px}.boton-lg{padding:16px 30px;font-size:15px}.tarjeta{background:var(--superficie);border:2px solid var(--borde);border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:var(--e-3)}.tarjeta-enlace{transition:border-color .15s ease,transform .15s ease}.tarjeta-enlace:hover{border-color:var(--acento);transform:translateY(-2px)}.tarjeta-punteada{border-style:dashed;border-color:var(--borde-fuerte);align-items:center;justify-content:center;color:var(--texto-tenue);font-weight:600;font-size:14px;min-height:120px}.rejilla-tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--e-4)}.etiqueta{padding:5px 10px;border-radius:5px;font-weight:700;font-size:11px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;color:var(--sobre-acento)}.etiqueta-pendiente{background:var(--estado-pendiente);color:var(--texto)}.etiqueta-en_curso,.etiqueta-activo{background:var(--estado-en-curso)}.etiqueta-en_pausa{background:var(--estado-en-pausa)}.etiqueta-finalizada,.etiqueta-finalizado{background:var(--estado-finalizada)}.etiqueta-planificado{background:var(--borde-fuerte);color:var(--texto)}.etiqueta-grande{padding:8px 20px;font-size:14px;letter-spacing:1px;font-weight:800}.campo{display:flex;flex-direction:column;gap:var(--e-2)}.campo-etiqueta{font-size:12px;font-weight:700;color:var(--texto-dim);text-transform:uppercase;letter-spacing:1px}.entrada{height:46px;border-radius:var(--r-md);background:var(--superficie-2);border:2px solid var(--borde);padding:0 14px;color:var(--texto);font-size:14px;width:100%}.entrada::placeholder{color:var(--texto-tenue)}.entrada:focus{border-color:var(--acento);outline:none}.tabla{background:var(--superficie);border:2px solid var(--borde);border-radius:var(--r-lg);overflow:hidden}.tabla-scroll{overflow-x:auto}.tabla-cabecera,.tabla-fila{display:grid;align-items:center;padding:14px 20px;gap:var(--e-2)}.tabla-cabecera{background:var(--superficie-2);color:var(--texto-dim);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.tabla-fila{border-top:1px solid var(--borde);font-size:15px;font-weight:600;color:var(--texto-suave)}.tabla-fila-destacada{border-left:4px solid var(--acento);color:var(--texto);font-weight:700}.aviso{padding:14px 18px;border-radius:var(--r-md);border:2px solid var(--borde);background:var(--superficie);font-size:14px;color:var(--texto-dim)}.aviso-error{border-color:var(--peligro);color:var(--peligro)}.aviso-vacio{text-align:center;padding:var(--e-12);color:var(--texto-tenue)}.leyenda{display:flex;align-items:center;gap:var(--e-2);font-size:12px;color:var(--texto-dim)}.leyenda-marca{width:14px;height:4px;border-radius:2px;background:var(--acento)}.pastilla{padding:8px 18px;border-radius:var(--r-sm);background:var(--superficie-2);border:2px solid var(--borde);color:var(--texto-dim);font-weight:600;font-size:13px}.pastilla-activa{background:var(--acento);border-color:var(--acento);color:var(--sobre-acento);font-weight:700}.numero-elo{font-weight:800;font-variant-numeric:tabular-nums}.texto-dim{color:var(--texto-dim);font-size:13px}.texto-tenue{color:var(--texto-tenue);font-size:12px}@media(max-width:900px){.contenido{padding:var(--e-4)}.barra{padding:0 var(--e-4);height:auto;min-height:72px;flex-wrap:wrap;padding-block:var(--e-3)}.nav{gap:var(--e-4)}}